.practice-start,.guided-card{border:1px solid var(--line,#d8d0c1);background:var(--surface,#fffdf8);padding:24px;border-radius:12px;margin:0 0 24px}
.practice-start{display:flex;gap:20px;justify-content:space-between;align-items:center;border-left:4px solid #d6402b}
.practice-start h2,.phrasebook h2{margin:0 0 8px;font-size:1.5rem}.practice-start p,.phrasebook p{margin:0 0 12px;line-height:1.5}
.practice-start .cta{white-space:nowrap;flex-shrink:0}.practice-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.practice-buttons .cta{width:auto;flex:1 1 auto;min-height:46px;font-size:1rem}
.phrase-audio-status,.practice-hint{font-size:.9rem;line-height:1.55;color:#52565d}.phrase-audio-status{min-height:2.5em}
.phrase-filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:20px 0}.phrase-filters label{display:flex;flex-direction:column;gap:8px;font-size:.9rem;font-weight:650}.phrase-filters label:first-child{flex:1;min-width:180px}.phrase-filters input[type=search],.phrase-filters select{width:100%;min-height:48px;padding:10px;border:1px solid #b7b0a4;background:#fffdf8;color:#23272e;border-radius:6px;font:inherit}.phrase-filters .saved-filter{flex-direction:row;align-items:center;min-height:48px}.saved-filter input{width:20px;height:20px}
.guided-card{border:2px solid #285d56;scroll-margin-top:80px}.guided-target{font-family:Georgia,serif;font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.3}.guided-card h2{margin:12px 0}.guided-card .cta{margin:4px 6px 4px 0}
.help-button{font-size:.9rem;font-weight:700;min-height:44px;padding:8px 12px;border:1px solid #d8d0c1;border-radius:6px;background:#fffdf8;color:#23272e}
.listening-tools{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.listening-tools button{min-height:44px;padding:8px 12px;border:1px solid #d8d0c1;background:#fffdf8;color:#23272e;border-radius:6px;font-size:.9rem}.listening-tools button[aria-pressed=true]{background:#285d56;color:white}.audio-bookmarks{margin-top:14px}.audio-bookmarks button{font-size:.9rem;min-height:44px;margin:4px;padding:8px;border:1px solid #d8d0c1;border-radius:6px;background:#fffdf8;color:#23272e}
.book-hero{padding-top:12px!important;padding-bottom:20px!important}.book-hero h1{font-size:clamp(1.6rem,3vw,2.3rem)!important}.book-hero p{margin:10px 0!important}
button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #285d56;outline-offset:3px}
@media(max-width:600px){.book-hero .bk.bk-stack{width:78px!important;min-width:78px!important}}
@media(max-width:600px){.practice-start{display:block;padding:18px}.practice-start .cta{width:100%}.guided-card{padding:18px}.phrase-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px}.phrase-filters label:first-child{grid-column:1/-1;min-width:0}.phrase-filters select{max-width:100%}.book-hero{gap:14px!important}.book-hero h1{font-size:1.45rem!important}.book-hero .bk{width:58px!important;min-width:58px!important}.help-button{padding:8px}.header-actions{gap:6px!important}.flag{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}