/* Optional guidance: one quiet disclosure immediately below its heading. */
html .app-help[data-help-key],html[data-theme="soft"] .app-help[data-help-key]{margin:2px 0 10px;border:0;border-radius:0;background:transparent;color:#59636d;box-shadow:none}
html .app-help[data-help-key]>summary{display:flex;width:fit-content;max-width:100%;min-height:32px;padding:4px 6px;gap:5px;font-size:14px;font-weight:400;line-height:1.5;border-radius:5px;background:transparent;color:#59636d}
html .app-help[data-help-key]>summary:hover{background:#f0f2f3;color:#34424e}
html .app-help[data-help-key]>summary:focus-visible{outline:2px solid #416890;outline-offset:2px}
html .app-help[data-help-key]>.app-help-content{margin-top:4px;padding:10px 14px;background:#f3f4f5;border-radius:8px;color:#4f5963;line-height:1.8}
html .app-help-content .start-guide{margin:0;background:transparent;border:0;padding:0;color:inherit}
html .app-help-content .lead{font-size:inherit;margin:0}
html[data-help-visible="false"] details[data-help-key]{display:none!important}
.help-display-option{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:600}
.help-display-option input{width:20px;height:20px;flex:none;accent-color:var(--blue)}
#helpDisplayNote{margin:5px 0 0;font-size:14px;color:var(--muted)}
#helpDisplayStatus:empty{display:none}
@media(pointer:coarse){html .app-help[data-help-key]>summary{min-height:44px}}
/* Header proportions follow the supplied Goals / Word bank reference. */
#topControls .banner-learning-tools{grid-template-columns:minmax(0,56fr) minmax(0,44fr);align-items:stretch;gap:12px}
#topControls .goal-split #goalsButton,#topControls #wordBankButton{font-size:16px;font-weight:700;line-height:1.3;min-height:56px;padding:8px 10px}
#topControls #goalCameraButton{min-height:56px}
#topControls #wordBankButton{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:10px;border-radius:13px;background:#f0f7e9;border:1px solid #c9dfba;color:#375b22}
#wordBankButton .bank-label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font:inherit;flex:0 0 auto}
#wordBankButton .bank-sprout{font-size:22px;line-height:1;flex:none}
#wordBankButton #wordBankCount{display:block;flex:none;font:inherit;line-height:1.3;text-align:center;white-space:nowrap}
#topControls #wordBankButton.bank-count-below{flex-direction:column;gap:2px}
@media(max-width:600px){#topControls .goal-split #goalsButton,#topControls #wordBankButton{font-size:14px;padding:8px 4px}#topControls .banner-learning-tools{gap:10px}}
@media(max-width:360px){#topControls .goal-split #goalsButton,#topControls #wordBankButton{font-size:12px}#wordBankButton .bank-sprout{font-size:18px}}