/* Little Way (kids and families) - extra styles. Loaded after site.css; no JS needed. */
.band-grid{display:grid;gap:1.25rem;grid-template-columns:1fr;margin:1.5rem 0}
.band-grid a.card{border-width:2px}
.band-grid a.card:hover,.band-grid a.card:focus-visible{background:var(--surface)}
.band-grid .age{font-family:var(--sans);font-weight:800;font-size:1.5rem;letter-spacing:.01em;margin:0}
.band-grid .age small{font-size:.9rem;font-weight:600;color:var(--muted);margin-left:.4rem}
.band-grid .go{font-family:var(--sans);font-weight:700;font-size:.95rem;text-decoration:underline;margin-top:.4rem}
.soon{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.6rem}
.soon li{border:2px dashed var(--line);border-radius:6px;padding:.8rem 1rem;background:var(--bg);font-size:1rem}
.soon li strong{font-family:var(--sans);display:block}
.soon .tag{display:inline-block;font-family:var(--sans);font-size:.8rem;font-weight:700;border:2px solid var(--text);border-radius:3px;padding:0 .4rem;margin-left:.4rem;vertical-align:.1em}
.safety{border:3px double var(--text);border-radius:6px;padding:1rem 1.25rem;background:var(--surface);margin:1.5rem 0}
.safety h2{font-size:1.25rem;margin-bottom:.4em}
.safety ul{margin:.4rem 0 0;padding-left:1.25rem}
.crumbs{font-family:var(--sans);font-size:.9rem;margin:0 0 1rem}
@media (min-width:44rem){.band-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:62rem){.band-grid{grid-template-columns:repeat(4,1fr)}}

/* picture stories */
.stage{display:none}
#story.is-live .stage{display:block}
#story .controls{display:none}
#story.is-live .controls{display:block}
#story canvas{width:100%;height:auto;aspect-ratio:3/2;border:3px solid var(--text);border-radius:10px;background:var(--surface);display:block}
.spage{margin:1.25rem 0}
.spage[hidden]{display:none}
#story:not(.is-live) .spage{border-top:1px solid var(--soft-line);padding-top:.5rem}
.stext{font-size:1.45rem;line-height:1.6;margin:.4rem 0 1rem}
.ptag{display:inline-block;font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--text);border-radius:3px;padding:0 .4rem;margin-right:.4rem;vertical-align:.2em;line-height:1.5}
.mini{font-family:var(--sans);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:1.2rem 0 .2rem}
#story .row{display:flex;flex-wrap:wrap;gap:.75rem;margin:.75rem 0}
#story .count{font-family:var(--sans);font-weight:700;margin:.5rem 0 0}
.btn.big{min-width:8.5rem;min-height:56px;font-size:1.15rem}
.btn:disabled{opacity:1;background:transparent;color:var(--muted);border:2px dashed var(--muted);cursor:not-allowed}
.small{font-size:.95rem}
.btn[hidden]{display:none}

/* journeys */
.big-say{font-size:2rem;font-weight:600;margin:.2rem 0 .4rem}
.journey-kid .daynav{margin-top:2rem}

/* printables */
.card .art img[src$=".png"]{object-fit:contain;background:#fff}
.packtag{font-family:var(--sans);border:2px dashed var(--text);border-radius:4px;padding:.3rem .6rem;display:inline-block;margin-top:auto}
.grid.three .card .art{aspect-ratio:auto}

/* teen reflections */
.teen-list{list-style:none;margin:1.5rem 0;padding:0;display:grid;gap:.75rem}
.teen-list a{display:grid;grid-template-columns:2.2rem 1fr;gap:.1rem .75rem;padding:.9rem 1rem;border:2px solid var(--line);border-radius:6px;text-decoration:none;color:var(--text);background:var(--bg);min-height:44px}
.teen-list a:hover{background:var(--surface)}
.teen-list .dn{grid-row:span 2;font-family:var(--sans);font-weight:800;font-size:1.3rem}
.teen-list .dt{font-size:1.2rem;font-weight:500;line-height:1.3}
.teen-list .st{font-family:var(--sans);font-size:.9rem;color:var(--muted)}

/* language switch */
.langswitch{font-family:var(--sans);font-size:.9rem;text-align:right;margin:.6rem 0 0}

/* story library */
#story canvas[hidden]{display:none}
h2.grp{margin-top:2.2rem}
h3.tm{font-family:var(--sans);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:1.4rem 0 .4rem}
.story-grid .card .art{aspect-ratio:3/2;background:var(--surface)}
.story-grid canvas.thumb{width:100%;height:100%;display:block}

/* curriculum */
.plan{padding-left:1.4rem}
.plan li{margin:.4rem 0}
.guides{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.7rem}
.guides li{border:2px solid var(--line);border-radius:6px;padding:.7rem 1rem;background:var(--bg);font-size:1rem}
.stext-list{font-size:1.3rem;line-height:1.55;padding-left:1.3rem;margin:.4rem 0 1rem}
.stext-list li{margin:.3rem 0}
.week .leader{margin-top:1.8rem;border-top:1px solid var(--soft-line);padding-top:.4rem;font-size:1rem}
@media print{
  .week .btn,.week .daynav,.week .langswitch,.langswitch,.crumbs,.safety{display:none!important}
  .week .stext,.stext-list{font-size:13pt}
  .week .verse.big{font-size:16pt;border-left:3px solid #000}
  .week a{color:#000;text-decoration:none}
}

/* games and quizzes */
.mgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin:1rem 0}
@media (min-width:36rem){.mgrid{grid-template-columns:repeat(4,1fr)}}
.mcard{font:600 1.05rem var(--sans);min-height:5.2rem;padding:.5rem;border:3px solid var(--text);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer;line-height:1.3}
.mcard[data-state="down"]{border-style:dashed;font-size:1.6rem}
.mcard[data-state="up"]{background:#fff}
.mcard[data-state="found"]{background:#fff;border-width:5px}
.chunks{display:flex;flex-wrap:wrap;gap:.5rem;margin:.4rem 0 1rem;min-height:3.2rem;padding:.5rem;border:2px dashed var(--line);border-radius:8px}
.chunk{font:600 1.05rem var(--sans);padding:.55rem .8rem;min-height:44px;border:2px solid var(--text);border-radius:6px;background:var(--bg);color:var(--text);cursor:pointer}
.chunk.placed{background:var(--surface);border-width:3px}
.kdays{list-style:none;padding:0;display:grid;gap:.35rem;font-family:var(--sans);font-size:.95rem}
.kdays li{border:2px dashed var(--line);border-radius:6px;padding:.4rem .7rem}
.kdays li.is-kind{border:3px solid var(--text);background:var(--surface);font-weight:700}
.idea{font-size:1.15rem}
.story-quiz{margin:1.5rem 0;border:2px solid var(--line);border-radius:8px;padding:.6rem 1rem;background:var(--bg)}
.story-quiz summary{font:700 1.05rem var(--sans);cursor:pointer;min-height:44px;display:flex;align-items:center}
.qq{margin:1rem 0}
.qq .q{font-size:1.2rem;margin:.2rem 0 .5rem}
.qq .opts{display:flex;flex-wrap:wrap;gap:.5rem}
.qq .opts .btn{font-size:1rem}
.qq .opts .btn:disabled{text-decoration:line-through;border-style:dashed}
.qq .opts .btn[aria-pressed="true"]{border-width:4px;font-weight:800}
.qq .fb,.q-done{font:600 1rem var(--sans);min-height:1.5rem;margin:.4rem 0}
.game-list a{grid-template-columns:1fr}

/* language bar */
.langbar{background:var(--surface);border-bottom:2px solid var(--text);padding:.7rem 1rem;font-family:var(--sans)}
.langbar p{margin:0;max-width:var(--max);margin-inline:auto;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.langbar .btn{min-height:44px}

/* what is inside */
.inside{list-style:none;padding:0;margin:1rem 0;display:grid;gap:1rem}
@media (min-width:44rem){.inside{grid-template-columns:repeat(2,1fr)}}
.inside li{border:2px solid var(--line);border-radius:8px;padding:1rem 1.1rem;background:var(--bg)}
.inside h3{font-size:1.25rem;margin:0 0 .3rem}
.inside p{font-size:1rem;margin:.3rem 0}
.inside .links{font-family:var(--sans);font-size:.95rem}
.plain{list-style:none;padding:0;margin:.5rem 0 1.2rem;font-size:1.05rem}
.plain li{margin:.45rem 0}
.plain.two{columns:1}
@media (min-width:44rem){.plain.two{columns:2;column-gap:2rem}}
ol.plain{counter-reset:none}
.daylist{margin:.5rem 0 1.2rem;border:2px solid var(--line);border-radius:8px;padding:.5rem 1rem}
.daylist summary{font:700 1rem var(--sans);min-height:44px;display:flex;align-items:center;cursor:pointer}
.daylist .dn{font:700 .9rem var(--sans);display:inline-block;min-width:1.8rem}