/* One calm image on the home page. */
.bear-hero-photo{position:relative;display:grid;align-items:center;align-self:center;min-height:0;aspect-ratio:3/2;background:#e9ddcd}
.bear-hero-photo::after{content:none}.bear-hero-photo img{position:static;display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center}
/* Compact question titles, with an independent favorite button. */
.question-list{display:grid;gap:8px}.question-list-label{font-size:16px;font-weight:750;color:#264b43;margin:15px 0 10px}
.question-row{display:grid;grid-template-columns:minmax(0,1fr) 50px;gap:8px;padding:0;background:transparent;border:0;border-radius:0;min-width:0;box-shadow:none}
.question-title{text-decoration:none;display:flex;align-items:center;gap:12px;min-width:0;width:100%;min-height:52px;padding:11px 15px;text-align:left;background:#fff;border:1px solid #cddfdb;border-radius:10px;color:#096e65;font-size:18px;line-height:1.5}
.question-title .q-number{width:auto;height:auto;padding:0;margin:0;background:none;border:0;border-radius:0;flex-shrink:0;font-size:17px;font-weight:750;color:#087f6d}.question-title-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.question-favorite.icon-button{width:50px;height:52px;margin:0;border:1px solid #cddfdb;border-radius:10px;background:white;color:#82948b}.question-favorite .icon{width:26px;height:26px}.question-favorite.saved{background:#eff8ef;color:#087f6d;border-color:#8abfaf}.question-favorite.saved .icon{fill:#c5e6cc}
.question-title:hover{border-color:#82b8a5;background:#fbfefb}.question-title:focus-visible,.question-favorite:focus-visible{outline:3px solid #63ad9c;outline-offset:2px}
.topic-tools{display:flex;align-items:center;gap:10px;margin:0 0 15px}.topic-tools select{min-height:42px;padding:9px 13px;min-width:0;max-width:100%;flex:1;border:1px solid #dbe6df;border-radius:9px;background:white;font-size:15px;color:#345a46}.topic-tools>.btn{flex-shrink:0;min-height:42px;font-size:14px}
/* Words from scripts, themes and the personal wordbook. */
.study-word-list{display:grid;grid-template-columns:1fr;gap:13px}.study-word-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:21px 22px;border:1px solid #d4e2dd;border-radius:14px;background:white;min-width:0}
.study-word-copy{min-width:0}.study-word-copy h3{font-size:29px;line-height:1.5;color:#205b52;font-weight:600;margin:0 0 5px;overflow-wrap:anywhere}.study-word-copy .study-word-pinyin{font-size:16px;line-height:1.6;color:#809087;margin:0 0 7px}.study-word-reading{font-size:14px;color:#829087;margin:0 0 8px}.study-word-meaning{font-size:18px;line-height:1.7;margin:5px 0;word-break:keep-all;color:#375b4b}.study-word-copy small{display:block;font-size:12px;line-height:1.7;color:#8a998e;margin-top:10px}
.study-word-actions{display:flex;gap:8px;align-items:center}.study-word-actions .btn{min-height:45px;padding:10px 12px;font-size:15px}.word-star.icon-button{width:46px;height:46px;border:1px solid #d4e2dd;border-radius:10px;background:#fff;color:#82978b}.word-star .icon{width:27px;height:27px}.word-star.saved{color:#087f6d;border-color:#7dbda9;background:#f0f8ee}.word-star.saved .icon{fill:#c6e6cc}
.wordbook-head-actions{display:flex;gap:9px;flex-wrap:wrap}.wordbook-head-actions .btn{font-size:14px}.wordbook-summary{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:0 0 18px;color:#536f5c;font-size:15px}.personal-word-search{width:100%;margin:0 0 18px}.personal-word-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.personal-word-source{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.personal-word-source button{color:#718b79;font-size:12px;text-decoration:underline;padding:0;border:0;background:none;margin-top:10px}
.personal-word-form{padding:22px;background:#f0f6f0;border:1px solid #d7e5d8;border-radius:14px;margin-bottom:20px}.personal-word-form[hidden]{display:none}.personal-word-form h2{font-size:20px;margin:0 0 18px}.personal-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.personal-form-grid label{display:block;font-size:14px;font-weight:600;color:#385a45}.personal-form-grid label>span{color:#9b5c4f}.personal-form-grid input{display:block;width:100%;min-width:0;margin-top:8px;padding:11px 12px;min-height:45px;border:1px solid #d2e1d5;border-radius:8px;background:white;font-size:16px;color:#2b4435}.personal-source-field{grid-column:1/-1}.personal-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.vocab-areas{display:flex;gap:9px;margin:0 0 20px}.vocab-areas button{border:1px solid #d4e2d9;border-radius:9px;background:white;color:#667f6d;padding:10px 16px;font-size:14px;line-height:1.5;min-height:41px}.vocab-areas button.active{background:#e5f3e9;border-color:#8abda0;color:#087650;font-weight:700}.vocab-areas button:focus-visible{outline:3px solid #63ad9c;outline-offset:2px}
@media(max-width:1050px){.personal-word-list{grid-template-columns:1fr}}
@media(max-width:680px){.bear-hero-photo{min-height:0;aspect-ratio:3/2}.question-row{grid-template-columns:minmax(0,1fr) 45px;gap:7px}.question-title{min-height:51px;font-size:18px;padding:11px 12px;gap:10px}.question-title .q-number{font-size:17px}.question-favorite.icon-button{height:51px;width:45px}.topic-tools{gap:8px}.topic-tools select{font-size:14px;padding:9px 10px}.topic-tools>.btn{font-size:13px;padding:9px 11px}.study-word-card{padding:18px 16px;gap:12px}.study-word-copy h3{font-size:28px}.study-word-copy .study-word-pinyin{font-size:15px}.study-word-meaning{font-size:17px}.study-word-actions{gap:7px}.study-word-actions .btn{font-size:14px;padding:9px 10px;min-height:43px}.word-star.icon-button{width:43px;height:43px}.word-star .icon{width:25px;height:25px}.wordbook-summary{font-size:14px}.wordbook-head-actions{gap:7px}.wordbook-head-actions .btn{font-size:13px;padding:9px 10px;min-height:39px}.personal-form-grid{grid-template-columns:1fr}.personal-word-form{padding:19px 16px}.personal-source-field{grid-column:auto}.vocab-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:17px}.vocab-areas button{padding:10px 3px;font-size:13px;white-space:nowrap}}
@media(max-width:360px){.study-word-card{grid-template-columns:minmax(0,1fr) auto;padding:17px 13px;gap:9px}.study-word-actions{flex-direction:column}.study-word-actions .btn{padding:8px 10px}.wordbook-summary{gap:7px}}