.detective-hub{padding-bottom:80px}.detective-hero{position:relative;min-height:590px;display:flex;align-items:flex-end;overflow:hidden;background:#128cd8}.detective-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detective-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,32,54,.78),rgba(18,32,54,.12) 62%),linear-gradient(0deg,rgba(10,23,36,.7),transparent 55%)}.detective-hero-copy{position:relative;color:#fff;padding-bottom:62px}.detective-hero-copy h1{max-width:700px;margin:.1em 0;color:#fff;font-size:clamp(3.3rem,8vw,7rem)}.detective-hero-copy p:not(.eyebrow){max-width:600px;color:#fff;font-size:1.3rem}.detective-hub>.shell>.breadcrumbs{margin-top:28px}.detective-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.detective-story-grid a{display:flex;min-height:190px;flex-direction:column;padding:22px;border:1px solid #e5d2af;border-radius:20px;background:#fffdf8;color:#302b25;text-decoration:none;box-shadow:0 8px 20px rgba(76,54,21,.06);transition:.18s}.detective-story-grid a:hover{transform:translateY(-3px);border-color:#8054e8}.detective-story-grid .case-number{color:#8054e8;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.detective-story-grid strong{margin:10px 0;font:700 1.45rem Georgia,serif}.detective-story-grid small{color:#756b5e}.detective-story-grid em{margin-top:auto;color:#7048d8;font-style:normal;font-weight:800}.detective-story-grid a.is-complete{border-color:#56a97d;background:#eef9f2}.detective-story-page{padding:40px 0 80px}.story-case-header{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;margin:20px 0 34px;padding:28px;border-radius:26px;background:#fff4d9;border:1px solid #e8d2a8}.story-case-header h1{margin:.1em 0}.story-case-header img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:20px}.story-scope{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;margin:20px 0}.story-scope>div{padding:16px;border-radius:14px;background:#f6efff}.story-scope strong,.story-scope span{display:block}.story-scope strong{color:#7048d8;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.story-scope span{margin-top:5px;color:#302b25}.story-preview-words{display:flex;flex-wrap:wrap;gap:9px}.story-preview-words button{padding:10px 13px;border:1px solid #d9c5aa;border-radius:12px;background:#fffdf8;color:#302b25;font-weight:800;cursor:pointer}.story-reader{border:1px solid #e1cfaf;border-radius:26px;background:#fffdf8!important;padding:30px!important}.story-reader-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.story-read-all{padding:11px 15px;border:0;border-radius:12px;background:#8054e8;color:#fff;font-weight:800;cursor:pointer}.story-text{margin-top:22px}.story-text>p{margin:0 0 1.15em!important;color:#302b25!important;font:500 1.22rem/2 Georgia,serif}.story-sentence{display:inline;border-radius:5px;padding:2px 1px;transition:.15s}.story-sentence.is-reading{background:#eadfff;box-shadow:0 0 0 3px #eadfff}.story-sentence button{margin:0 5px 0 0;padding:1px 4px;border:0;background:transparent;cursor:pointer;font-size:.72rem}.story-question-list{display:grid;gap:16px;margin-top:22px}.story-question-list fieldset{padding:20px;border:1px solid #e3d0af;border-radius:17px;background:#fffdf8}.story-question-list legend{padding:0 8px;color:#302b25;font:700 1.1rem Georgia,serif}.story-question-list legend span{display:inline-grid;width:27px;height:27px;place-items:center;margin-right:8px;border-radius:50%;background:#eee7ff;color:#7048d8;font:800 .75rem sans-serif}.story-question-list fieldset>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.story-question-list button{padding:11px;border:1px solid #dbc9aa;border-radius:10px;background:#fff;color:#302b25;font-weight:700;cursor:pointer}.story-question-list button.is-correct{border-color:#318b59;background:#e7f7ed;color:#155d38}.story-question-list button.is-wrong{border-color:#c55050;background:#fff0f0;color:#872c2c}.story-question-list fieldset>p{min-height:24px;margin:8px 0 0!important;color:#62584d!important;font-size:.86rem}.case-solution{margin-top:22px;padding:24px;border-radius:20px;background:#302b25;color:#fff}.case-solution span{color:#c9adff;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.case-solution h3,.case-solution p{color:#fff}.story-pagination{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.story-pagination a{padding:17px;border:1px solid #e0cdaa;border-radius:16px;background:#fffdf8;color:#302b25;text-decoration:none}.story-pagination a:last-child{text-align:right}.story-pagination small,.story-pagination strong{display:block}.story-pagination small{color:#8054e8;font-weight:800}.toc-series-link{display:block;margin-top:14px;color:#7048d8;font-size:.82rem;font-weight:800}.story-case-header,.detective-story-grid a{break-inside:avoid}
.story-reader-heading small{display:inline-block;margin-top:5px;padding:5px 9px;border-radius:999px;background:#f0e8ff;color:#7048d8;font-weight:800}
.story-player{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.story-speed{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid #dfcfb4;border-radius:12px;background:#fff}.story-speed span{padding:0 4px;color:#756b5e;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.story-speed button{min-width:48px;padding:6px 8px;border:0;border-radius:8px;background:transparent;color:#5d5348;font-weight:800;cursor:pointer}.story-speed button.is-active{background:#eee7ff;color:#7048d8}.story-player-status{margin:14px 0 0!important;color:#756b5e!important;font-size:.84rem}.story-sentence{box-decoration-break:clone;-webkit-box-decoration-break:clone}.story-sentence-text{display:inline;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.story-sentence-text:hover{color:#7048d8}.story-sentence-text:focus-visible,.story-speed button:focus-visible,.story-read-all:focus-visible{outline:3px solid #efb72d;outline-offset:3px}.story-sentence.is-reading{background:#dfd0ff;box-shadow:0 0 0 4px #dfd0ff}.story-sentence.is-reading .story-sentence-text{color:#352251}.detective-story-page.is-paused .story-sentence.is-reading{background:#f1eadf;box-shadow:0 0 0 4px #f1eadf}
.story-reader{margin-top:26px}.story-reader-heading{display:block}.story-reader-heading h2{max-width:none;font-size:clamp(1.85rem,3.2vw,2.45rem)}.story-player{justify-content:flex-start;margin-top:16px}.story-player-status{margin-top:11px!important}.story-text{margin-top:18px}.story-text>p{margin-bottom:.78em!important;font-size:1.16rem;line-height:1.78}.story-sentence{margin-right:.12em;white-space:normal}.story-sentence>button:first-child{margin-right:3px}.story-sentence-text{border-radius:4px}.story-sentence-text:hover{background:#f3edff}.story-sentence-text:focus-visible{border-radius:4px}
.detective-progress{overflow:hidden}.detective-progress-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.detective-progress-heading h2{margin-bottom:.25em}.detective-progress-heading p:last-child{max-width:680px}.detective-progress-total{flex:0 0 auto;text-align:right}.detective-progress-total strong{display:block;color:#7048d8;font:700 2rem Georgia,serif}.detective-progress-total>span{color:#756b5e;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.detective-progress-bar{height:12px;margin:20px 0 8px;overflow:hidden;border-radius:999px;background:#eee7dc}.detective-progress-bar>span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8054e8,#45a878);transition:width .45s ease}.detective-score{margin:0 0 18px!important;color:#756b5e!important;font-size:.86rem}.garden-case-map{position:relative;overflow:hidden;border:1px solid #d6c19e;border-radius:24px;background:#e8f4d6;box-shadow:0 16px 36px rgba(67,49,22,.12)}.garden-case-map>img{display:block;width:100%;height:auto}.garden-zone-pin{position:absolute;display:flex;align-items:center;gap:8px;min-width:158px;padding:9px 12px;border:2px solid rgba(255,255,255,.9);border-radius:15px;background:rgba(48,43,37,.9);color:#fff;text-decoration:none;box-shadow:0 7px 18px rgba(30,27,22,.28);transform:translate(-50%,-50%);transition:.18s}.garden-zone-pin:hover{z-index:2;transform:translate(-50%,-54%);background:#5c36be;color:#fff}.garden-zone-pin.zone-a{left:18%;top:57%}.garden-zone-pin.zone-e{left:51%;top:27%}.garden-zone-pin.zone-i{left:50%;top:59%}.garden-zone-pin.zone-o{left:80%;top:72%}.garden-zone-pin.zone-u{left:83%;top:22%}.garden-zone-letter{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:50%;background:#fff;color:#7048d8;font:800 1.15rem Georgia,serif}.garden-zone-pin strong,.garden-zone-pin small{display:block}.garden-zone-pin strong{font-size:.8rem}.garden-zone-pin small{margin-top:2px;color:#eee4ff;font-size:.68rem}.garden-zone-pin.is-complete{background:#287a4c}.garden-zone-pin.is-complete .garden-zone-letter{color:#287a4c}.detective-badges{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px}.detective-badge{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:13px;border:1px dashed #cfbea3;border-radius:15px;background:#f7f2e8;color:#82776b;filter:grayscale(.75)}.detective-badge>span{grid-row:1/3;display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#ddd3c3;color:#82776b;font:800 1.2rem Georgia,serif}.detective-badge strong,.detective-badge small{display:block}.detective-badge strong{font-size:.78rem}.detective-badge small{font-size:.66rem}.detective-badge.is-earned{border-style:solid;border-color:#55a775;background:#eaf8ef;color:#205c39;filter:none;box-shadow:0 5px 14px rgba(49,139,89,.12)}.detective-badge.is-earned>span{background:#318b59;color:#fff}.detective-continue{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:18px 20px;border-radius:18px;background:#302b25;color:#fff}.detective-continue strong,.detective-continue span{display:block}.detective-continue strong{font:700 1.05rem Georgia,serif}.detective-continue span{margin-top:3px;color:#d8cfc4;font-size:.8rem}.detective-shelf{scroll-margin-top:24px}
.detective-story-grid a>img{width:calc(100% + 44px);height:150px;margin:-22px -22px 14px;object-fit:cover;border-radius:19px 19px 0 0;border-bottom:1px solid #e5d2af}.detective-story-grid a.is-complete>img{border-bottom-color:#56a97d}.story-case-header{grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:24px;padding:24px 28px}.detective-story-page .story-case-header img{display:block;width:100%!important;max-width:420px!important;height:300px!important;justify-self:end;align-self:center;object-fit:cover!important;object-position:center center;border-radius:22px;background:#eadfc9;box-shadow:0 10px 26px rgba(88,61,23,.08)}
@media(max-width:900px){.detective-badges{grid-template-columns:repeat(3,1fr)}.garden-zone-pin{min-width:135px;padding:7px 9px}.garden-zone-pin strong{font-size:.7rem}}
@media(max-width:760px){.detective-hero{min-height:510px}.detective-hero-shade{background:linear-gradient(0deg,rgba(18,32,54,.88),rgba(18,32,54,.08) 75%)}.detective-story-grid,.story-case-header{grid-template-columns:1fr}.story-case-header{padding:22px}.detective-story-page .story-case-header img{order:-1;max-width:none!important;width:100%!important;height:240px!important;justify-self:stretch}.story-scope,.story-question-list fieldset>div{grid-template-columns:1fr}.story-reader-heading,.detective-progress-heading{align-items:flex-start;flex-direction:column}.detective-progress-total{text-align:left}.garden-case-map{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px}.garden-case-map>img{grid-column:1/-1;border-radius:17px}.garden-zone-pin,.garden-zone-pin:hover{position:static;min-width:0;transform:none}.garden-zone-pin:last-child{grid-column:1/-1}.detective-badges{grid-template-columns:1fr 1fr}.detective-badge:last-child{grid-column:1/-1}.detective-continue{align-items:stretch;flex-direction:column}.story-player{width:100%;justify-content:flex-start}.story-read-all{flex:1}.story-pagination{grid-template-columns:1fr}.story-pagination a:last-child{text-align:left}}
@media(max-width:440px){.garden-case-map,.detective-badges{grid-template-columns:1fr}.garden-zone-pin:last-child,.detective-badge:last-child{grid-column:auto}}
@media print{.detective-story-page .site-header,.detective-story-page .site-footer,.detective-story-page .desktop-toc,.story-preview-words button,.story-player,.story-player-status,.story-sentence>button:first-child,.story-questions,.story-pagination,.detective-story-page .button-row{display:none!important}.detective-story-page .phonics-layout{display:block}.story-case-header img{max-height:240px}.story-text>p{font-size:12pt}.story-sentence-text{cursor:default}}

/* Consistent, child-friendly audio controls. SVG avoids platform-dependent emoji sizing. */
.story-preview-words button{display:inline-flex;align-items:center;gap:8px;min-height:46px}
.story-audio-icon{display:block;width:20px;height:20px;flex:0 0 20px;color:#849bad}
.story-preview-words button:hover .story-audio-icon,.story-preview-words button:focus-visible .story-audio-icon{color:#7048d8}
.story-sentence button.story-sentence-play{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;margin:0 6px 0 0;padding:0;border:1px solid #e1d2ba;border-radius:50%;background:#fffaf0;vertical-align:middle;cursor:pointer}
.story-sentence-play .story-audio-icon{width:16px;height:16px;flex-basis:16px}
.story-sentence-play:hover,.story-sentence-play:focus-visible{border-color:#8054e8;background:#f3edff;outline:none}
.story-sentence-play:hover .story-audio-icon,.story-sentence-play:focus-visible .story-audio-icon{color:#7048d8}
.detective-teaching-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.detective-teaching-steps>div{min-width:0}
@media(max-width:900px){.detective-teaching-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.detective-teaching-steps{grid-template-columns:1fr}}