.tool-navigation{display:flex;gap:7px;align-items:center;overflow-x:auto;padding-top:15px;padding-bottom:15px;scrollbar-width:thin}.tool-navigation a{font-size:12px;white-space:nowrap;padding:9px 12px;border:1px solid transparent;border-radius:7px;text-decoration:none;color:#476246;min-height:38px;display:inline-flex;align-items:center}.tool-navigation a:hover{background:#e9efdf}.tool-navigation a[aria-current=page]{background:#e6eedc;border-color:#cedcc2;color:#2d542e;font-weight:650}.tool-hero{padding-top:20px;padding-bottom:30px}.tool-hero h1{font-size:52px;line-height:1.1;letter-spacing:-1.8px;max-width:660px}.tool-hero p{max-width:590px}.hero-jump{margin-top:18px;background:#eaf0e3;font-size:12px}.tool-guide{margin-top:58px;border-top:1px solid #d9dfcf;padding:36px 0 20px;font-size:15px;line-height:1.85;color:#56674c}.tool-guide h2{font-family:Georgia,serif;font-size:29px;line-height:1.3;font-weight:400;letter-spacing:-.5px;color:#234d3c;margin:0 0 18px}.tool-guide h3{font-family:Georgia,serif;font-size:22px;line-height:1.35;font-weight:400;color:#2f5433;margin:0 0 14px}.tool-guide p{line-height:1.85}.guide-lead{max-width:880px}.guide-lead>h2{margin-top:12px}.guide-lead ol{padding-left:24px;counter-reset:steps}.guide-lead li{padding:0 0 13px 8px;line-height:1.8}.guide-examples{margin:36px 0}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.guide-example{border:1px solid #d9e1cc;background:#fffefa;border-radius:12px;padding:25px;min-width:0}.guide-example pre{font:12px/1.85 'Courier New',monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f5eb;padding:16px;border-radius:7px;max-height:250px;overflow:auto;color:#45613e}.guide-example .button{margin-top:10px}.guide-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:40px 0}.guide-sections h2{font-size:24px}.guide-sections p{font-size:14px;margin-bottom:0}.tool-questions{max-width:900px;margin:40px 0}.tool-questions details{border-bottom:1px solid #d7dfcc;padding:15px 0}.tool-questions summary{cursor:pointer;font-size:15px;font-weight:650;color:#355832;min-height:36px;padding:5px 0}.tool-questions p{font-size:14px;margin:12px 0}.tool-constraints{background:#edf2e3;border-radius:12px;padding:26px 30px;margin:35px 0}.tool-constraints h2{font-size:24px}.tool-constraints p{font-size:13px;line-height:1.9}.tool-constraints p:last-child{margin-bottom:0}.tool-guide a{color:#2e6133;text-underline-offset:4px}.related-tools{padding:24px 0}.related-tools h2{font-size:25px}.related-tools>div{display:flex;flex-wrap:wrap;gap:13px 24px}.related-tools a{font-size:13px;padding:8px 0}.tool-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:27px}.tool-card-grid article{background:#fffefa;border:1px solid #d8e0cc;border-radius:11px;padding:24px}.tool-card-grid h3>a{text-decoration:none}.tool-card-grid p{font-size:13px;line-height:1.8}.tool-card-grid article>a{font-size:12px;font-weight:650}.full-tool-link{margin:15px 2px 0;font-size:12px;text-align:right}.full-tool-link a{color:#426b3f;text-underline-offset:4px}.site-footer>div{flex-wrap:wrap}.site-footer a{color:#4c6246;font-size:11px;text-underline-offset:3px}.play-view .tool-navigation,.play-view .tool-guide,.play-view .full-tool-link{display:none!important}.policy-page{max-width:850px;padding:40px 0 55px;font-size:15px;line-height:1.9;color:#53664a}.policy-page h1{font-size:46px;line-height:1.15;margin-bottom:25px}.policy-page h2{font-family:Georgia,serif;font-size:26px;font-weight:400;color:#254e32;margin:30px 0 12px}.policy-page p{line-height:1.9}.policy-intro{font-size:13px;color:#728268}.mode-choice{display:flex;align-items:center;gap:12px;margin-bottom:17px;flex-wrap:wrap;font-size:12px;color:#526d47}.mode-choice label{font-size:11px;font-weight:650}.mode-choice select{width:auto;max-width:100%;font-size:12px;padding:9px 10px;min-height:40px}.self-check{display:flex;justify-content:center;gap:12px;margin:23px 0 0}.self-check .button{min-width:150px}.card-reveal{text-align:center;margin-top:20px}.revealed-spelling{font-family:Georgia,serif;font-size:25px;margin:0;padding:15px;background:#f5f0dc;border-radius:8px}.revealed-spelling span{display:block;font:12px/1.6 'Courier New',monospace;color:#798568;margin-top:8px}.study-note{text-align:center;font-size:11px;color:#7c896f;margin:20px 0 0}.spelling-prompt{font-family:'Courier New',monospace;letter-spacing:1px}.match-heading{min-height:24px}.match-option{min-height:46px}.play-view .study-note{font-size:12px}
@media(max-width:950px){.guide-sections{grid-template-columns:1fr;gap:24px}.guide-sections section{max-width:850px}.tool-card-grid{grid-template-columns:1fr 1fr}.tool-hero h1{font-size:45px}.tool-hero .hero-art{transform:scale(.72)}.tool-guide{font-size:14px}}
@media(max-width:670px){.tool-navigation{gap:3px;padding-top:10px;padding-bottom:10px}.tool-navigation a{padding:8px 10px;font-size:11px}.tool-hero{padding:20px 0 26px}.tool-hero h1{font-size:40px;letter-spacing:-1.3px}.tool-hero p{font-size:13px}.hero-jump{font-size:12px;min-height:42px}.tool-guide{margin-top:36px;padding-top:27px}.tool-guide h2{font-size:26px}.guide-sections h2{font-size:23px}.guide-sections p{font-size:13px}.example-grid,.tool-card-grid{grid-template-columns:1fr;gap:16px}.guide-example{padding:20px}.guide-example pre{font-size:12px;max-height:220px}.guide-examples{margin:28px 0}.tool-constraints{padding:22px}.tool-constraints h2{font-size:23px}.related-tools>div{flex-direction:column;gap:5px}.tool-questions summary{font-size:14px}.tool-card-grid article{padding:22px}.policy-page{padding-top:25px;font-size:14px}.policy-page h1{font-size:36px;letter-spacing:-1px}.self-check{gap:8px}.self-check .button{min-width:0;flex:1;font-size:12px;padding:11px 8px}.full-tool-link{text-align:left;font-size:11px}.mode-choice{gap:7px}.mode-choice select{font-size:12px}}
@media print{.tool-navigation,.tool-guide,.full-tool-link{display:none!important}}

/* Readable supporting text across the existing cream and white surfaces. */
.field-label,.word-bank-title,.word-count,.step-number,.list-file-actions,.list-file-actions button,.lesson-strip p,.activity-bottom,.selection-feedback,.study-note,.site-footer,.site-footer button,.footer-brand span,.play-note,.field-help,.muted,.input-feedback,.row-headings,.row-number,.check-actions>span,.card-controls>span,.flashcard-label,.flashcard-bottom,.row-feedback,.mode-choice,.revealed-spelling span{color:#536647}
.bank-word.done{color:#61744f}.site-footer,.site-footer button,.footer-brand span{font-size:11px}input::placeholder,textarea::placeholder{color:#66735d;opacity:1}
.entry-number,.under-workspace>span,.art-label,.art-caption{color:#536647}
.bingo-title,.caller>div,.match-heading,.match-option>span,.spelling-step,.spelling-clue,.policy-intro,.help-steps li,.empty-shelf p,.library-card p{color:#536647}
.spelling-step.active{color:#365f36}
.print-toolbar span,.paper-flashcard small{color:#536647}

/* TopicKite lockup preserves the established layout and colour palette. */
.brand{letter-spacing:-.7px}.brand-mark{padding:0;transform:none;background:transparent;display:inline-flex;flex-shrink:0;letter-spacing:normal}.brand-mark svg{display:block;width:100%;height:100%}.brand-studio{letter-spacing:.25px;font-size:10px;font-weight:500;line-height:1.25;margin-top:7px}.footer-brand{letter-spacing:-.3px}
@media(max-width:670px){.brand{font-size:22px;gap:8px}.brand-studio{font-size:9px;letter-spacing:0}.site-header .brand-mark{width:40px;height:40px}}

/* Optional analytics permission panel. */
.analytics-choice{position:fixed;left:16px;right:16px;bottom:16px;z-index:10000;max-width:640px;margin:auto;padding:19px 22px;background:#fffdf7;color:#234d3c;border:1px solid #b4bea9;border-radius:14px;box-shadow:0 5px 28px #142e2440;font:inherit}
.analytics-choice h2{font-size:18px;line-height:1.3;margin:0 0 8px}.analytics-choice p{margin:0 0 12px;font-size:13px;line-height:1.5}.analytics-choice p a{color:#234d3c;text-decoration:underline}.analytics-choice-actions{display:flex;gap:10px;flex-wrap:wrap}.analytics-choice-actions button{border:1px solid #234d3c;border-radius:8px;background:#fffdf7;color:#234d3c;padding:10px 14px;font:inherit;font-size:13px;cursor:pointer}.analytics-choice-actions button:first-child{background:#234d3c;color:#fff}.analytics-settings{border:0;background:transparent;text-decoration:underline;cursor:pointer;font:inherit}
@media print{.analytics-choice,.analytics-settings{display:none!important}}