/* Brain 101 for Kids · lesson styles (builds on ../assets/site.css) */
.b1{max-width:820px;margin:0 auto;padding:40px 20px 72px;font-size:20px;line-height:1.65;color:var(--ink)}
.b1 > * + *{margin-top:1em}
.b1 h1{font-family:var(--f-display);font-weight:600;font-size:clamp(36px,6vw,54px);line-height:1.06;color:var(--brand)}
.b1 h2{font-family:var(--f-display);font-weight:600;font-size:clamp(26px,3.4vw,32px);margin-top:1.8em;color:var(--brand)}
.b1 h3{font-family:var(--f-display);font-weight:600;font-size:23px;margin-top:1.2em}
.b1 .eyebrow{color:var(--brand)}
.b1 .lede{font-size:clamp(21px,2.4vw,24px);color:var(--ink-2)}
.b1 .meta{font-size:15px;color:var(--muted)}
.b1 ul.dots{padding-left:1.2em}.b1 ul.dots li + li{margin-top:.35em}
.b1 figure{margin:1.6em 0}
.b1 figure img{width:100%;height:auto;border-radius:18px;box-shadow:var(--shadow);background:#fff}
.b1 figcaption{font-size:15.5px;color:var(--muted);margin-top:8px}
.b1 .lesson-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.b1 .pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-weight:700;font-size:14.5px;text-decoration:none}
.b1 .pill.coral{background:#FDE3DA;color:#9A3A22}
html.dark .b1 .pill.coral{background:#3B1D16;color:#F7B4A0}
/* fun fact + word boxes */
.b1 .fact{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:18px;background:var(--accent-soft);border:2px dashed var(--accent)}
.b1 .fact .ico{flex:none;font-size:30px;line-height:1}
.b1 .fact strong{color:var(--brand);font-weight:800}
.b1 .word{padding:16px 20px;border-radius:16px;background:var(--brand-soft);border-left:6px solid var(--brand)}
.b1 .word b{font-family:var(--f-mono);font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--brand);display:block}
.b1 .try{padding:18px 20px;border-radius:18px;background:var(--surface);border:2px solid var(--line);box-shadow:var(--shadow)}
.b1 .try b.t{display:block;font-family:var(--f-display);font-size:21px;color:var(--brand)}
/* parents box */
.b1 .parents{margin-top:2.2em;padding:22px 24px;border-radius:18px;background:var(--surface);border:1.5px solid var(--line-2);font-size:17.5px;line-height:1.6}
.b1 .parents h2{margin:0 0 .4em;font-size:24px;color:var(--ink)}
.b1 .parents p + p,.b1 .parents ul{margin-top:.6em}
.b1 .parents ul{padding-left:1.2em}
.b1 .parents .src{font-size:14.5px;color:var(--muted)}
/* interactive panels */
.b1 .play{margin-top:1.4em;padding:clamp(16px,3vw,26px);border-radius:22px;background:var(--surface);border:2px solid var(--brand-soft);box-shadow:var(--shadow)}
.b1 .play > * + *{margin-top:.8em}
.b1 .play .ptitle{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-size:24px;font-weight:600;color:var(--brand);margin:0}
.b1 .play .ptitle span.badge{font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;background:var(--accent);color:var(--accent-ink);padding:3px 9px;border-radius:999px}
.b1 .diagram{width:100%;height:auto;display:block;border-radius:16px;background:var(--eeg-paper)}
.b1 .diagram text{font-family:var(--f-body);font-weight:700;fill:var(--ink)}
.b1 .diagram .lbl-line{stroke:var(--ink-2);stroke-width:2;fill:none}
.b1 .tap{cursor:pointer;transition:filter .2s, transform .2s}
.b1 .tap:hover,.b1 .tap:focus-visible{filter:brightness(1.08) drop-shadow(0 0 6px rgba(237,166,50,.9));outline:none}
.b1 .tap.on{filter:drop-shadow(0 0 10px rgba(237,166,50,1)) brightness(1.1)}
.b1 .btnrow{display:flex;flex-wrap:wrap;gap:8px}
.b1 .kbtn{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border-radius:999px;border:2px solid var(--brand);background:var(--surface);color:var(--brand);font:700 16.5px/1.1 var(--f-body);cursor:pointer}
.b1 .kbtn:hover{background:var(--brand-soft)}
.b1 .kbtn[aria-pressed="true"],.b1 .kbtn.solid{background:var(--brand);color:var(--brand-ink)}
.b1 .kbtn.coral{border-color:#E4694A;color:#B8432A}
.b1 .kbtn.coral.solid{background:#E4694A;color:#fff}
.b1 .info{min-height:5.5em;padding:16px 18px;border-radius:16px;background:var(--brand-soft);font-size:18px}
.b1 .info h3{margin:0 0 .25em;font-size:22px;color:var(--brand)}
/* quiz */
.b1 .quiz .q{padding:16px 0;border-top:1.5px dashed var(--line-2)}
.b1 .quiz .q:first-of-type{border-top:0}
.b1 .quiz .qt{font-weight:700;font-size:19px}
.b1 .quiz .opts{display:grid;gap:8px;margin-top:10px}
.b1 .quiz .opt{text-align:left;min-height:48px;padding:10px 16px;border-radius:14px;border:2px solid var(--line-2);background:var(--surface);color:var(--ink);font:600 17px/1.35 var(--f-body);cursor:pointer}
.b1 .quiz .opt:hover{border-color:var(--brand)}
.b1 .quiz .opt.right{border-color:var(--ok);background:var(--ok-soft)}
.b1 .quiz .opt.wrong{border-color:var(--no);background:var(--no-soft)}
.b1 .quiz .fb{margin-top:8px;font-size:17px;font-weight:600}
.b1 .quiz .fb.right{color:var(--ok)}.b1 .quiz .fb.wrong{color:var(--no)}
.b1 .quiz .score{margin-top:12px;padding:14px 18px;border-radius:14px;background:var(--accent-soft);font-weight:700;font-size:19px}
/* neuron demo */
.b1 .neuron-svg .glow{transition:fill .3s}
.b1 .neuron-svg.lit-a .cellA{fill:#F6B24A}.b1 .neuron-svg.lit-b .cellB{fill:#F6B24A}
.b1 .neuron-svg .nt{opacity:0}
.b1 .neuron-svg.cross .nt{animation:nt .7s ease-out forwards}
.b1 .neuron-svg.cross .nt:nth-of-type(2){animation-delay:.08s}.b1 .neuron-svg.cross .nt:nth-of-type(3){animation-delay:.16s}
@keyframes nt{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(24px)}}
.b1 .msg{font-weight:700;font-size:19px;color:var(--brand);min-height:1.6em}
/* storm demo */
.b1 .storm .dot{fill:#9CC9C0;transition:fill .12s}
.b1 .storm .dot.on{fill:#F6B24A}
/* breathing */
.b1 .breath{display:grid;place-items:center;height:240px}
.b1 .bubble{width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#9FE0D3,#2BA898);box-shadow:0 0 0 10px rgba(43,168,152,.15);display:grid;place-items:center;color:#06312B;font-weight:800;font-size:16px;text-align:center;transition:transform 4s ease-in-out}
.b1 .bubble.in{transform:scale(2.2);transition-duration:4s}
.b1 .bubble.out{transform:scale(1);transition-duration:6s}
/* sorting game / checklist */
.b1 .sort{display:grid;gap:10px}
.b1 .sort .card-s{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between;padding:12px 14px;border-radius:14px;border:2px solid var(--line);background:var(--surface)}
.b1 .sort .card-s.right{border-color:var(--ok);background:var(--ok-soft)}
.b1 .sort .card-s.wrong{border-color:var(--no);background:var(--no-soft)}
.b1 .sort .card-s p{flex:1 1 260px;font-weight:600}
.b1 .sort .why{flex-basis:100%;font-size:16px;font-weight:500}
.b1 .check-list{display:grid;gap:8px;list-style:none;padding:0}
.b1 .check-list label{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;border:2px solid var(--line);background:var(--surface);cursor:pointer;font-weight:600}
.b1 .check-list input{width:24px;height:24px;accent-color:var(--brand)}
.b1 .meter{height:18px;border-radius:999px;background:var(--surface-2);overflow:hidden}
.b1 .meter > span{display:block;height:100%;width:0;background:linear-gradient(90deg,#2BA898,#F6B24A);transition:width .4s}
/* calculator */
.b1 .calc{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}
.b1 .calc label{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:16px}
.b1 .calc select,.b1 .calc input{min-height:46px;padding:0 12px;border-radius:12px;border:2px solid var(--line-2);background:var(--surface);color:var(--ink);font:600 17px var(--f-body)}
/* hub */
.b1.hub{max-width:1100px}
.b1 .lessons{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:18px;margin-top:1.2em}
.b1 .lcard{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--surface);border:1.5px solid var(--line);box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:transform .15s}
.b1 .lcard:hover{transform:translateY(-3px);color:var(--ink)}
.b1 .lcard img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#fff}
.b1 .lcard .lc-b{padding:16px 18px 20px;display:flex;flex-direction:column;gap:6px}
.b1 .lcard .n{font-family:var(--f-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--brand)}
.b1 .lcard .t{font-family:var(--f-display);font-size:24px;font-weight:600;line-height:1.15}
.b1 .lcard .d{font-size:16.5px;color:var(--ink-2)}
.b1 .lcard.done .n::after{content:"  ✓ explored";color:var(--ok)}
.b1 .two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:18px}
.b1 .next{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:2em}
.b1 .cta-x{margin-top:2em;padding:26px;border-radius:18px;background:var(--brand);color:#fff;text-align:center}
.b1 .cta-x p{color:#fff}
.b1 .cta-x a.xb{display:inline-flex;gap:8px;align-items:center;margin-top:10px;padding:12px 22px;border-radius:999px;background:var(--accent);color:#16201E;font-weight:800;text-decoration:none}
html.dark .b1 .cta-x{background:#17302C}
/* printables */
.sheet{background:#fff;color:#111;border:1.5px solid var(--line);border-radius:12px;padding:24px;max-width:780px;margin:0 auto}
.sheet h2{color:#111 !important}
.sheet img{width:100%;height:auto;display:block}
.sheet table{width:100%;border-collapse:collapse;font-size:15px}
.sheet th,.sheet td{border:2px solid #333;padding:8px 6px;text-align:center}
.sheet th:first-child,.sheet td:first-child{text-align:left}
.sheet .nameline{display:flex;gap:16px;font-weight:700;margin-bottom:12px}
.sheet .nameline span{flex:1;border-bottom:2px solid #333}
@media print{
  .ls .site-head,.ls footer,.no-print,.ls-consent,.ls-consent-open{display:none !important}
  .b1{padding:0;max-width:none}
  body.print-one .sheet{display:none}
  body.print-one .sheet.printing{display:block;border:0;break-inside:avoid}
  .play,.parents{break-inside:avoid}
}
@media (prefers-reduced-motion:reduce){.b1 *{animation:none !important;transition:none !important}}
.b1 .lesson-nav + .eyebrow,.b1 .lesson-nav + div > .eyebrow{margin-top:22px;display:block}