:root{--bg:#f4f1e8;--surface:#fcfaf4;--ink:#223c34;--muted:#54665d;--line:#c9cdbf;--accent:#285744;--on-accent:#fffdf3;--soft:#e7ebdb;--orange:#a4432b;--answer-agree:#19744c;--answer-agree-soft:#e1f1e8;--answer-mostly-agree:#4f7f43;--answer-mostly-agree-soft:#eaf1df;--answer-mostly-disagree:#b66a1f;--answer-mostly-disagree-soft:#f8eadb;--answer-disagree:#aa3d3d;--answer-disagree-soft:#f6e2e2;--answer-na:#64717a;--answer-na-soft:#e8ecee;color-scheme:light;scroll-behavior:smooth;scroll-padding-top:100px;font-family:Arial,Helvetica,sans-serif;font-size:17px}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);line-height:1.65}
body[data-look=forest]{--bg:#152f27;--surface:#1d3b32;--ink:#f4f1e7;--muted:#c0d0c4;--line:#456356;--accent:#dce8ab;--on-accent:#172f27;--soft:#28483a;--orange:#ffc29a;--answer-agree-soft:#214d3c;--answer-mostly-agree-soft:#38513b;--answer-mostly-disagree-soft:#5c422a;--answer-disagree-soft:#583233;--answer-na-soft:#354a42;color-scheme:dark}
body[data-look=night]{--bg:#14263a;--surface:#1c3248;--ink:#f5f7f8;--muted:#bac9d5;--line:#405b73;--accent:#8fb7d4;--on-accent:#102438;--soft:#223b52;--orange:#ffc29a;--answer-agree-soft:#1c4b3d;--answer-mostly-agree-soft:#38513d;--answer-mostly-disagree-soft:#5a4028;--answer-disagree-soft:#573035;--answer-na-soft:#34495a;color-scheme:dark}
a{color:inherit;text-underline-offset:.22em}
a:hover{color:var(--orange)}
button,a,input,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
button{font:inherit;cursor:pointer}
svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px max(32px,calc((100vw - 1120px)/2));border-bottom:1px solid var(--line);background:var(--bg)}
.wordmark{font-size:22px;line-height:1.1;font-weight:800;text-decoration:none;letter-spacing:.06em}
.wordmark span{display:block;font-size:8px;letter-spacing:.16em;margin-top:6px}
.site-header nav{display:flex;gap:24px;font-size:13px;font-weight:bold}
.site-header nav a{padding:8px 0;text-decoration:none;border-bottom:2px solid transparent}
.site-header nav a:hover{border-color:currentColor}
.looks{display:flex;gap:8px}
.looks button{height:27px;width:27px;border:4px solid var(--bg);border-radius:50%;outline:1px solid var(--line);background:#f4f1e8}
.looks button[data-look=forest]{background:#285744}
.looks button[data-look=night]{background:#394b5b}
.looks button[aria-pressed=true]{outline:2px solid var(--ink)}
.looks button:hover{outline:2px solid var(--orange)}
.hero{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;align-items:center;padding-block:86px 75px}
.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:700;line-height:1.8;margin:0 0 22px;color:var(--muted)}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(46px,5.6vw,77px);font-weight:500;line-height:1.02;letter-spacing:-.055em;margin-bottom:26px}
h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}
h2{font-size:clamp(30px,3.5vw,44px);letter-spacing:-.04em;line-height:1.13;font-weight:500;margin-bottom:24px}
h3{font-size:22px;line-height:1.25;letter-spacing:-.025em;font-weight:600}
p{margin-bottom:20px}
.intro{font-size:20px;max-width:560px;color:var(--muted);line-height:1.6}
.actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:26px}
.button{border:1px solid var(--line);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:11px 18px;text-decoration:none;font-size:14px;font-weight:700;line-height:1.5;background:var(--surface);color:var(--ink)}
.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.button:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.quiet:hover{background:var(--soft);color:var(--ink);border-color:var(--ink)}
.text-link{font-size:13px;font-weight:700}
.micro,.small{font-size:12px;color:var(--muted)}
.micro{margin:18px 0 0}
.hero-note{text-align:center;font-size:14px}
.orbit{position:relative;width:270px;height:240px;display:grid;place-items:center;margin:0 auto 32px}
.orbit span{position:absolute;width:195px;height:195px;border:1px solid var(--accent);border-radius:50%}
.orbit span:nth-child(1){transform:translate(-34px,15px)}
.orbit span:nth-child(2){transform:translate(34px,15px)}
.orbit span:nth-child(3){transform:translate(0,-27px)}
.orbit b{font-family:Georgia,serif;font-size:76px;font-weight:400;color:var(--accent)}
.divider{height:18px;background:repeating-linear-gradient(120deg,transparent 0 9px,var(--line) 9px 10px,transparent 10px 19px);border-block:1px solid var(--line);opacity:.65}
.section{padding-block:68px}
.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:20px}
.section-heading>p{color:var(--muted);font-size:15px}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:22px 0 42px}
.principles article{border-top:1px solid var(--line);padding-top:20px}
.number{font-family:Georgia,serif;font-size:21px;color:var(--orange);margin-right:12px}
.principles .number{display:block;margin-bottom:18px}
.principles p{font-size:15px;color:var(--muted)}
.reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.paper{padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:10px;font-size:15px}
.paper p:last-child{margin-bottom:0}
.conclusion{background:var(--soft)}
.steps{padding-left:22px}
.steps li{padding:0 0 10px 5px}
.corrections,.method{margin-top:28px;border-block:1px solid var(--line)}
summary{cursor:pointer;font-size:15px;font-weight:700;padding:20px 0}
summary:hover{color:var(--orange)}
.detail-body{font-size:15px;max-width:900px;padding:0 0 18px}
.detail-body li{margin:12px 0}
.privacy-note{font-size:13px;padding:20px 24px;background:var(--soft);border-radius:8px;margin:22px 0 32px}
.privacy-note strong{display:block;margin-bottom:5px}
.progress-row{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}
progress{width:100%;height:6px;border:0;accent-color:var(--accent);display:block;margin:12px 0 36px;background:var(--line);border-radius:6px}
progress::-webkit-progress-bar{background:var(--line);border-radius:6px}
progress::-webkit-progress-value{background:var(--accent);border-radius:6px}
fieldset{border:0;border-top:1px solid var(--line);padding:25px 0 28px;margin:0;min-width:0}
legend{font-size:18px;font-weight:600;float:left;width:100%;line-height:1.5;padding:0;margin:0 0 6px}
.category{clear:both;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin:8px 0 14px;color:var(--muted)}
.choices{display:grid;grid-template-columns:repeat(4,1fr) 1.1fr;gap:8px}
.choices label{position:relative;cursor:pointer;display:flex;align-items:center;min-height:49px;border:1px solid var(--line);border-radius:7px;font-size:13px;background:var(--surface);padding:10px 12px;gap:8px;line-height:1.3}
.choices label[data-answer=agree]{border-color:var(--answer-agree);background:var(--answer-agree-soft)}
.choices label[data-answer=mostly-agree]{border-color:var(--answer-mostly-agree);background:var(--answer-mostly-agree-soft)}
.choices label[data-answer=mostly-disagree]{border-color:var(--answer-mostly-disagree);background:var(--answer-mostly-disagree-soft)}
.choices label[data-answer=disagree]{border-color:var(--answer-disagree);background:var(--answer-disagree-soft)}
.choices label[data-answer=not-applicable]{border-color:var(--answer-na);background:var(--answer-na-soft)}
.choices label:hover{filter:brightness(1.08)}
.choices label[data-answer=agree]:has(input:checked){border-color:var(--answer-agree);background:var(--answer-agree);color:#fff}
.choices label[data-answer=mostly-agree]:has(input:checked){border-color:var(--answer-mostly-agree);background:var(--answer-mostly-agree);color:#fff}
.choices label[data-answer=mostly-disagree]:has(input:checked){border-color:var(--answer-mostly-disagree);background:var(--answer-mostly-disagree);color:#fff}
.choices label[data-answer=disagree]:has(input:checked){border-color:var(--answer-disagree);background:var(--answer-disagree);color:#fff}
.choices label[data-answer=not-applicable]:has(input:checked){border-color:var(--answer-na);background:var(--answer-na);color:#fff}
.choices label:has(input:focus-visible){outline:3px solid var(--orange);outline-offset:3px}
.choices input{margin:0;accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}
.choices label:last-child{border-style:dashed}
form>.actions{margin-top:8px}
.notice{border-left:3px solid var(--orange);padding:12px 18px;background:var(--soft);font-size:14px;margin:28px 0}
#form-message[hidden],[hidden]{display:none!important}
.result{margin-top:36px;padding:32px;background:var(--surface);border:2px solid var(--accent);border-radius:10px;scroll-margin-top:110px}
.result h2{margin-bottom:14px}
.result-lead{font-size:19px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-block:24px}
.stat{border:1px solid var(--line);padding:16px;border-radius:6px;font-size:12px}
.stat b{display:block;font-family:Georgia,serif;font-size:35px;font-weight:400;line-height:1.2}
.next-steps{padding-left:24px;font-size:15px}
.next-steps li{padding:8px 0}
.next-steps strong{display:block;margin-bottom:6px}
.answer-summary{padding-left:24px;font-size:14px}
.answer-summary li{margin:12px 0}
.answer-summary b{display:block;color:var(--accent)}
.original{font-size:15px;padding-left:24px}
.original li{padding:8px 0 12px 6px}
.sources{border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.source-list{list-style:none;padding:0;margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:20px 40px}
.source-list li{border-top:1px solid var(--line);padding-top:16px;scroll-margin-top:100px}
.source-list a{font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.source-list a:hover{color:var(--orange)}
.source-list p{font-size:12px;margin-top:8px}
.review-footer{border-top:1px solid var(--line);padding-block:38px;background:var(--soft);font-size:12px}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}
.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:16px;font-weight:700}
.brand img{width:36px;height:36px}
.footer-brand p{margin-top:16px}
.footer-sites,.footer-right nav{display:flex;flex-direction:column;gap:8px}
.review-footer h2{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;margin:0 0 14px}
.footer-sites a,.footer-right a{display:flex;align-items:center;gap:10px;min-height:38px;text-decoration:none;width:fit-content;padding:5px 8px;border-radius:5px}
.review-footer a:hover{background:var(--surface);color:var(--ink)}
.footer-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:30px;display:flex;justify-content:space-between;gap:20px}
.author-tooltip{display:none}
.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--surface);padding:10px}
.skip:focus{top:12px}
.result .actions{margin-bottom:16px}
::selection{background:var(--accent);color:var(--on-accent)}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}
.site-header{gap:12px;padding:12px 18px;flex-wrap:wrap}
.site-header nav{order:3;width:100%;justify-content:space-between;gap:10px}
.wordmark{font-size:19px}
.looks button{height:26px;width:26px}
.hero{grid-template-columns:1fr;padding-block:46px;gap:22px}
.hero-note{display:none}
h1{font-size:clamp(43px,9vw,66px)}
.intro{font-size:18px}
.section{padding-block:44px}
.section-heading{grid-template-columns:1fr;gap:0}
.principles{grid-template-columns:1fr;gap:8px;margin-bottom:24px}
.principles article{display:grid;grid-template-columns:38px 1fr;gap:0 8px}
.principles .number{grid-row:1/3;margin:0}
.principles h3{font-size:20px;margin-bottom:12px}
.principles p{grid-column:2}
.reading-grid{grid-template-columns:1fr}
.paper{padding:22px}
.choices{grid-template-columns:1fr 1fr}
.choices label{min-height:50px;font-size:13px}
.choices label:last-child{grid-column:1/-1;min-height:44px;width:100%}
legend{font-size:17px}
.privacy-note{padding:18px}
.result{padding:21px}
.stats{grid-template-columns:1fr 1fr}
.stat{padding:12px}
.source-list{grid-template-columns:1fr;gap:5px}
.footer-grid{grid-template-columns:1fr 1fr;gap:25px}
.footer-brand{grid-column:1/-1}
.footer-bottom{flex-direction:column;gap:12px}
.result,.source-list li{scroll-margin-top:130px}
:root{scroll-padding-top:130px}
.button{font-size:13px}
.actions{gap:12px}
}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}
}
@media print{:root,body,body[data-look]{--bg:white;--surface:white;--ink:#111;--muted:#333;--line:#bbb;--soft:#f3f3f3;--accent:#111;--on-accent:white;font-size:11pt;color-scheme:light}
.site-header,.hero-note,.divider,.skip,.review-footer,.looks,.actions,.method,.corrections{display:none!important}
.wrap{width:100%}
.hero,.section{padding-block:16px}
.hero{display:block}
h1{font-size:32pt}
h2{font-size:22pt}
.section-heading,.principles,.reading-grid{display:block}
.choices{display:flex;flex-wrap:wrap}
.choices label{padding:6px;font-size:9pt}
.choices label:has(input:checked){font-weight:bold;outline:2px solid #111}
.result,.paper,fieldset{break-inside:avoid}
body:has(#result:not([hidden])) #survey fieldset{display:none}
body:has(#result:not([hidden])) #result details{display:block}
body:has(#result:not([hidden])) #result details>*{display:block}
.sources a{overflow-wrap:anywhere}
.source-list{display:block}
.result{border-width:1px}
a{text-decoration:none}
}


/* Parent guide: source-linked information with a transient age filter. */
.parent-jump{font-size:13px;margin:-10px 0 22px}.parent-jump a{font-weight:700}.parent-intro{background:var(--soft);padding:22px 26px;border-radius:10px;font-size:14px;margin-bottom:24px}.parent-intro p{margin:6px 0 0}.age-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.age-filters button{padding:10px 16px;min-height:44px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:30px;font-size:13px;font-weight:bold}.age-filters button:hover{border-color:var(--ink);background:var(--soft)}.age-filters button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.age-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.age-grid.filtered{grid-template-columns:1fr;max-width:760px}.age-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:26px;display:flex;flex-direction:column;font-size:14px}.age-card-head{display:flex;align-items:center;gap:14px;margin-bottom:22px;color:var(--muted);font-size:12px}.age-badge{padding:7px 12px;border-radius:22px;background:var(--soft);color:var(--ink);font-weight:bold;white-space:nowrap}.age-card h3{font-size:25px;max-width:380px;margin-bottom:14px}.age-idea{border-top:1px solid var(--line);padding-top:14px;margin-top:auto}.age-idea strong{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px;color:var(--muted)}.age-source{font-size:12px;margin:0}.age-footnote{font-size:12px;color:var(--muted);margin:20px 0}.parents-links-heading{margin:42px 0 20px}.parents-links-heading h3{font-size:28px;margin-bottom:10px}.parents-links-heading p{font-size:14px;color:var(--muted)}.parent-resources{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.parent-resource{display:block;padding:21px;border:1px solid var(--line);border-radius:10px;text-decoration:none;background:var(--surface)}.parent-resource .eyebrow{font-size:9px;margin-bottom:10px;display:block}.parent-resource h4{display:flex;justify-content:space-between;gap:10px;align-items:start;font-size:18px;margin:0 0 10px;line-height:1.3}.parent-resource svg{flex-shrink:0;width:18px;height:18px}.parent-resource p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}.parent-resource:hover{border-color:var(--accent);background:var(--soft);color:var(--ink)}.parent-questions{margin-top:40px}.parent-questions details{border-bottom:1px solid var(--line)}.parent-questions h3{margin-bottom:10px}.parent-back{margin:26px 0 0}@media(max-width:760px){.parent-intro{padding:20px}.age-grid{grid-template-columns:1fr}.age-card{padding:22px}.age-card h3{font-size:24px}.age-card-head{font-size:11px;gap:10px}.parent-resources{grid-template-columns:1fr 1fr;gap:10px}.parent-resource{padding:14px}.parent-resource h4{font-size:15px;overflow-wrap:anywhere}.parent-resource p{font-size:12px}.parent-resource svg{width:14px;height:14px}.age-filters button{padding:10px 13px;font-size:12px}.parent-jump{font-size:12px;margin-top:0}.age-filters{gap:6px}}@media print{.age-filters{display:none!important}.age-card[hidden]{display:flex!important}.parent-resources{grid-template-columns:1fr 1fr}.age-card{break-inside:avoid}.parent-jump{display:none}}

/* The parent guide is the primary entry point. */
.parent-guide > .section-heading{grid-template-columns:1fr;gap:0}
.parent-guide h1{font-size:clamp(32px,5.6vw,68px);max-width:980px}
.parent-guide > .section-heading > p{max-width:680px;font-size:17px}

/* Situation guide: native disclosures remain usable without JavaScript. */
.guide-jumps{display:flex;gap:24px;flex-wrap:wrap;margin:0 0 30px;font-size:14px;font-weight:bold}.guide-jumps a{padding:6px 0}
.situation-context{max-width:850px;color:var(--muted);font-size:14px;margin-bottom:28px}.situation-context strong{color:var(--ink)}.situation-context a{white-space:normal}
.situation-list{border-top:1px solid var(--line)}.situation{border-bottom:1px solid var(--line);scroll-margin-top:120px}.situation>summary{display:flex;align-items:center;gap:18px;padding:22px 6px;list-style:none;cursor:pointer}.situation>summary::-webkit-details-marker{display:none}.situation-number{font-size:12px;color:var(--muted);width:22px;flex-shrink:0}.situation summary strong{font-size:21px;line-height:1.3;display:block}.situation summary small{display:block;font-size:13px;color:var(--muted);font-weight:normal;margin-top:5px}.situation-toggle{margin-left:auto;font-size:28px;font-weight:normal;color:var(--accent)}.situation[open]>summary .situation-toggle{transform:rotate(45deg)}.situation[open]>summary{color:var(--accent)}.situation-body{padding:4px 0 28px}.situation-steps{display:grid;grid-template-columns:1fr 1fr;gap:14px}.situation-step{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:10px;font-size:15px}.situation-step .eyebrow{font-size:10px;margin-bottom:14px}.situation-step p:last-child{margin-bottom:0}.situation-step blockquote{margin:0;font-size:18px;line-height:1.55}.situation-follow{padding:18px 0 0;font-size:14px}.situation-body h3{font-size:15px;margin-bottom:6px}.situation-links{display:flex;flex-wrap:wrap;gap:10px 26px;padding:0;list-style:none;font-size:13px;margin:0}.situation-links a{display:inline-block;padding:6px 0}.situation-method{margin-top:22px}.urgent-help{border-left:3px solid var(--orange);padding:18px 24px;background:var(--soft);border-radius:0 8px 8px 0;font-size:14px;margin-top:28px}.urgent-help p{margin:8px 0 0}.urgent-help a{font-weight:bold}.link-group{margin:32px 0}.link-group>h3{font-size:20px;margin-bottom:16px}.link-collection .parent-resource{min-height:140px}
@media(max-width:760px){.situation-steps{grid-template-columns:1fr}.situation-step{padding:20px}.situation>summary{gap:10px;padding:20px 0}.situation summary strong{font-size:18px}.situation summary small{font-size:12px}.situation-number{width:18px}.situation-step blockquote{font-size:17px}.urgent-help{padding:18px}.guide-jumps{gap:8px 22px}.site-header nav{gap:8px;font-size:12px}}
@media(max-width:420px){.link-collection .parent-resources{grid-template-columns:1fr}.link-collection .parent-resource{min-height:0;padding:20px}.link-collection .parent-resource h4{font-size:18px}.link-collection .parent-resource p{font-size:14px}}
@media print{.guide-jumps{display:none}.situation-steps{display:block}.situation-step{break-inside:avoid}}

/* MEDIEN v6: quiet colour, clear categories, editorial rhythm. */
:root{--bg:#f7f8f6;--surface:#fff;--ink:#253432;--muted:#5b6865;--line:#dce3df;--accent:#355f50;--on-accent:#fff;--soft:#edf2ed;--orange:#875528;--sage:#e0eddf;--sage-ink:#315741;--lilac:#eae4f4;--lilac-ink:#604779;--peach:#f7e6d8;--peach-ink:#805035;--sky:#e1edf3;--sky-ink:#365f74;--shadow:0 14px 45px #23372b0a;font-family:'Segoe UI',Arial,sans-serif;font-size:17px;scroll-padding-top:96px}
body[data-look=forest]{--bg:#182b25;--surface:#20372f;--ink:#eff4ed;--muted:#becdc3;--line:#41584b;--accent:#b6d5ab;--on-accent:#172e23;--soft:#2a4234;--sage:#304c37;--sage-ink:#c4e4b8;--lilac:#413c50;--lilac-ink:#ddd1f0;--peach:#4d4032;--peach-ink:#f0d0ad;--sky:#2b4550;--sky-ink:#c0dfeb;--orange:#f1c094;--shadow:0 14px 45px #051a1120}
body[data-look=night]{--bg:#202432;--surface:#2a2e3f;--ink:#f4f2f8;--muted:#c4c2d2;--line:#484c60;--accent:#c5bbdf;--on-accent:#252335;--soft:#33384a;--sage:#36493f;--sage-ink:#c4ddbf;--lilac:#46415c;--lilac-ink:#e1d5f2;--peach:#50423e;--peach-ink:#f3d1bc;--sky:#354858;--sky-ink:#c2deec;--orange:#eec0a3;--shadow:0 14px 45px #080a1920}
html{scrollbar-gutter:stable}body{font-weight:400}.wrap{width:min(1120px,calc(100% - 64px))}.site-header{background:var(--bg);padding-block:18px;box-shadow:0 1px 0 var(--line);border:0}.wordmark{font-size:21px;letter-spacing:-.035em}.wordmark span{font-size:8px;letter-spacing:.18em;color:var(--muted)}.site-header nav{gap:28px;font-size:13px}.site-header nav a{border:0;position:relative;padding:8px 0}.site-header nav a:after{content:'';position:absolute;bottom:1px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .18s}.site-header nav a:hover:after,.site-header nav a[aria-current=location]:after{transform:scaleX(1)}.looks{gap:10px}.looks button{width:25px;height:25px}.looks button[data-look=paper]{background:#e7eddf}.looks button[data-look=forest]{background:#385c48}.looks button[data-look=night]{background:#73658c}
.intro-stage{display:grid;grid-template-columns:1.35fr 1fr;gap:30px;align-items:center;padding-block:76px 62px}.intro-copy{position:relative;z-index:1}.intro-copy .eyebrow{letter-spacing:.12em;font-size:10px;display:flex;gap:10px;align-items:center}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--sage-ink);box-shadow:0 0 0 5px var(--sage)}.intro-copy h1{font-weight:650;font-size:clamp(40px,5.2vw,67px);line-height:1.04;letter-spacing:-.058em;margin-bottom:26px}.intro-copy h1 span{color:var(--sage-ink)}.intro-lead{max-width:480px;font-size:17px;color:var(--muted);line-height:1.7;margin-bottom:24px}.intro-action{display:inline-flex;gap:22px;align-items:center;background:var(--ink);color:var(--bg);padding:14px 21px;border-radius:30px;text-decoration:none;font-size:14px;font-weight:600;transition:transform .18s,box-shadow .18s}.intro-action:hover{color:var(--bg);transform:translateY(-2px);box-shadow:0 7px 20px #17251e20}.intro-footnote{font-size:11px;color:var(--muted);margin:13px 0 0}.intro-art{position:relative;isolation:isolate;min-height:365px;display:grid;place-items:center}.art-grid{position:absolute;inset:40px 20px;background-image:radial-gradient(var(--line) 1.4px,transparent 1.4px);background-size:17px 17px;z-index:-2;mask-image:radial-gradient(ellipse,#000,transparent 73%)}.art-orbit{position:absolute;width:315px;height:315px;border:1px solid var(--line);border-radius:50%;z-index:-1}.art-orbit:after{content:'';position:absolute;inset:22px;border:1px dashed var(--line);border-radius:50%}.art-sheet{width:245px;min-height:292px;padding:24px;border-radius:22px;background:var(--lilac);color:var(--lilac-ink);transform:rotate(-7deg);box-shadow:var(--shadow)}.art-label{font-size:9px;letter-spacing:.15em;font-weight:700}.art-symbol{margin:19px 0 10px}.art-symbol svg{width:39px;height:39px;stroke-width:1.5}.art-sheet strong{font-size:29px;line-height:1.12;letter-spacing:-.03em;display:block}.art-palette{display:flex;gap:5px;margin-top:22px}.art-palette i{width:25px;height:25px;border-radius:50%;background:var(--sage-ink);border:3px solid var(--lilac)}.art-palette i:nth-child(2){background:var(--peach-ink)}.art-palette i:nth-child(3){background:var(--sky-ink)}.art-palette i:nth-child(4){background:var(--lilac-ink)}.art-chip{position:absolute;display:flex;gap:10px;align-items:center;font-size:12px;font-weight:600;padding:14px 18px;border-radius:16px;box-shadow:var(--shadow);border:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}.art-chip-one{background:var(--sage);color:var(--sage-ink);right:0;top:32px;transform:rotate(5deg)}.art-chip-two{background:var(--peach);color:var(--peach-ink);right:10px;bottom:35px;transform:rotate(4deg)}.art-dots{position:absolute;left:14px;bottom:38px;color:var(--sage-ink)}.art-dots svg{width:45px;height:45px}
.tone-sage{--tone:var(--sage);--tone-ink:var(--sage-ink)}.tone-lilac{--tone:var(--lilac);--tone-ink:var(--lilac-ink)}.tone-peach{--tone:var(--peach);--tone-ink:var(--peach-ink)}.tone-sky{--tone:var(--sky);--tone-ink:var(--sky-ink)}.route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:44px}.route-card{display:flex;flex-direction:column;border-radius:17px;padding:22px 20px;background:var(--tone);color:var(--tone-ink);text-decoration:none;transition:transform .18s,box-shadow .18s}.route-card:hover{color:var(--tone-ink);transform:translateY(-4px);box-shadow:var(--shadow)}.route-top{display:flex;align-items:center;gap:9px;margin-bottom:27px}.route-icon svg{display:block;width:22px;height:22px}.route-tag{font-size:11px;font-weight:650}.route-top>svg{margin-left:auto;width:17px}.route-card strong{font-size:20px;line-height:1.25;letter-spacing:-.025em;min-height:50px}.route-description{display:block;font-size:11px;margin-top:10px;opacity:.9}.section{padding-block:55px}.divider{height:1px;margin:0;background:var(--line);border:0;opacity:.6}.category-label{display:flex;align-items:center;gap:9px;color:var(--tone-ink);letter-spacing:.13em;font-size:10px;margin-bottom:20px}.category-label svg{width:28px;height:28px;padding:5px;background:var(--tone);border-radius:8px}.section-heading{gap:50px;margin-bottom:26px}.section-heading h2{font-size:clamp(30px,3.5vw,45px);font-weight:600;line-height:1.13;letter-spacing:-.045em;margin-bottom:0}.section-heading>p{font-size:15px;line-height:1.8;max-width:490px;margin-bottom:0}.parent-guide>.section-heading{grid-template-columns:1fr 1fr;gap:50px}.parent-guide>.section-heading>p{font-size:15px}.parent-intro{font-size:13px;padding:18px 22px;border:1px solid var(--line);border-left:3px solid var(--sage-ink);background:transparent;border-radius:2px 12px 12px 2px;margin-bottom:25px}.filter-caption{font-size:14px;font-weight:600;margin-bottom:12px}.age-filters{gap:8px}.age-filters button{border-radius:10px;font-weight:600;padding:11px 17px;transition:background .15s,border-color .15s}.age-filters button[aria-pressed=true]{background:var(--sage);color:var(--sage-ink);border-color:var(--sage-ink)}#age-selection{font-size:11px;margin-bottom:17px}.age-grid{grid-template-columns:repeat(3,1fr);gap:14px}.age-grid.filtered{max-width:none;grid-template-columns:1fr}.age-card{border-radius:17px;padding:23px;background:var(--surface);box-shadow:var(--shadow);border-color:var(--line)}.age-card:nth-child(3n+1){--age:var(--sage);--age-ink:var(--sage-ink)}.age-card:nth-child(3n+2){--age:var(--lilac);--age-ink:var(--lilac-ink)}.age-card:nth-child(3n+3){--age:var(--peach);--age-ink:var(--peach-ink)}.age-card-head{flex-wrap:wrap;gap:9px;font-size:10px;margin-bottom:20px}.age-badge{background:var(--age);color:var(--age-ink);border-radius:7px;font-size:11px;padding:6px 10px}.age-card h3{font-size:23px;line-height:1.2;font-weight:600;letter-spacing:-.025em;max-width:100%}.age-card p{font-size:13px;line-height:1.75}.age-grid.filtered .age-card{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:start}.age-grid.filtered .age-card-head,.age-grid.filtered h3{grid-column:1}.age-grid.filtered .age-idea{grid-column:2;grid-row:2/4;margin-top:0}.age-grid.filtered .age-source{grid-column:1/-1}.age-footnote{font-size:11px}.method,.parent-questions details{border-top:1px solid var(--line);border-bottom:0}.method summary,.parent-questions summary{font-weight:600;font-size:14px;padding-block:15px}.parent-questions{margin-top:28px}.parent-questions h3{font-size:18px}.parent-back{font-size:13px}
.situation-context{font-size:13px;max-width:850px}.situation-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0}.situation{border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);align-self:start}.situation>summary{padding:22px;gap:14px;min-height:117px}.situation summary strong{font-size:19px;line-height:1.3;letter-spacing:-.025em;font-weight:600}.situation summary small{font-size:11px;margin-top:6px}.situation-number{width:39px;height:39px;display:grid;place-items:center;flex-shrink:0;background:var(--lilac);color:var(--lilac-ink);border-radius:12px}.situation-number svg{width:21px;height:21px}.situation:nth-child(2) .situation-number{background:var(--sky);color:var(--sky-ink)}.situation:nth-child(3) .situation-number{background:var(--sage);color:var(--sage-ink)}.situation:nth-child(4) .situation-number{background:var(--peach);color:var(--peach-ink)}.situation-toggle{font-size:22px}.situation[open]{grid-column:1/-1;border-color:var(--lilac-ink)}.situation[open]>summary{color:var(--lilac-ink);min-height:95px}.situation>summary:hover{background:color-mix(in srgb,var(--lilac) 35%,transparent);border-radius:16px}.situation-body{padding:0 23px 23px}.situation-step{background:var(--bg);border:0;border-radius:12px;font-size:14px}.situation-step:nth-child(2){background:var(--lilac);color:var(--lilac-ink)}.situation-step:nth-child(2) .eyebrow{color:var(--lilac-ink)}.situation-step blockquote{font-size:18px}.situation-method{font-size:11px;max-width:960px}.urgent-help{border-color:var(--peach-ink);background:var(--peach);color:var(--peach-ink);border-radius:12px;font-size:13px}.urgent-help .small{font-size:10px}.form-privacy{font-size:12px;color:var(--muted)}#survey{padding:28px;background:var(--surface);border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow);scroll-margin-top:100px}#survey fieldset{padding:24px 0 10px;border:0;margin:0}#survey legend{font-size:23px;line-height:1.4;font-weight:500}#survey .number{background:var(--peach);color:var(--peach-ink);border-radius:8px;padding:4px 8px;font-size:15px}#survey .category{font-size:10px}.choices{gap:9px}.choices label{border-radius:10px;padding:13px 10px;min-height:60px;font-size:13px}.progress-row{font-size:12px}progress{height:5px}button.button{border-radius:24px}.result{border-radius:18px}#check .parent-jump{display:none}
.background-wrap{padding-block:25px}.background-reading{background:var(--soft);border:1px solid var(--line);border-radius:17px}.background-reading>summary{display:flex;gap:16px;align-items:center;padding:25px;list-style:none;font-size:15px;font-weight:600}.background-reading>summary::-webkit-details-marker{display:none}.background-reading>summary>span:first-child{display:flex;align-items:center;gap:12px}.background-reading>summary small{font-size:12px;font-weight:400;color:var(--muted);margin-left:auto}.background-reading>summary>span:last-child{font-size:22px}.background-body{padding-inline:26px}.background-body>.wrap{width:100%;max-width:none}.background-body .section{padding-block:28px}.background-body .section-heading h2{font-size:32px}.background-body .paper{background:var(--surface);border-radius:14px}.background-body .divider{display:none}.link-group{padding-top:24px;border-top:1px solid var(--line)}.link-group>h3{font-size:18px;letter-spacing:-.02em;display:flex;align-items:center;gap:12px}.link-group>h3:before{content:'';width:10px;height:10px;border-radius:3px;background:var(--lilac-ink)}.link-group:nth-of-type(3)>h3:before{background:var(--sage-ink)}.link-group:nth-of-type(4)>h3:before{background:var(--peach-ink)}.parent-resource{border-radius:14px;padding:23px;border:1px solid var(--line);background:var(--surface);transition:transform .18s,border-color .18s}.parent-resource:hover{transform:translateY(-3px);background:var(--sky);border-color:var(--sky-ink)}.parent-resource h4{font-size:19px;font-weight:600;letter-spacing:-.02em}.parent-resource h4 svg{width:16px}.parent-resource p{font-size:13px}.editorial-footer{padding:28px 0;border-top:1px solid var(--line);background:var(--soft)}.editorial-footer .wrap{display:flex;align-items:center;gap:24px;justify-content:space-between}.editorial-footer strong{font-size:15px}.editorial-footer p{font-size:11px;color:var(--muted);margin:5px 0 0}.editorial-footer nav{display:flex;gap:22px;font-size:12px}.editorial-footer a{padding:10px 0;text-decoration:none}.editorial-footer a:hover{text-decoration:underline}.editorial-footer .back-top{display:inline-flex;gap:10px;align-items:center;font-size:12px}
@media(max-width:1000px){.intro-stage{grid-template-columns:1.2fr 1fr}.intro-copy h1{font-size:53px}.art-chip-one{right:-5px;font-size:11px}.art-chip-two{right:-4px;font-size:11px}.route-card{padding:19px 15px}.route-tag{font-size:10px}.route-top{gap:7px}.route-card strong{font-size:18px}.age-grid{grid-template-columns:1fr 1fr}.site-header nav{gap:19px}}
@media(max-width:760px){:root{scroll-padding-top:128px}.wrap{width:calc(100% - 36px)}.site-header{padding:14px 18px 8px;gap:10px}.site-header nav{gap:8px;font-size:12px;width:100%;justify-content:space-between}.wordmark{font-size:19px}.intro-stage{padding-block:42px 28px;grid-template-columns:1fr;gap:12px}.intro-copy h1{font-size:clamp(34px,7.5vw,54px);max-width:620px}.intro-copy .eyebrow{font-size:9px;letter-spacing:.08em}.intro-lead{font-size:16px;max-width:540px}.intro-art{min-height:218px;margin-top:8px;max-width:460px;width:100%;justify-self:center}.art-sheet{width:187px;min-height:210px;padding:17px;transform:rotate(-6deg)}.art-sheet strong{font-size:24px}.art-label{font-size:7px}.art-symbol{margin:9px 0}.art-symbol svg{width:25px;height:25px}.art-palette{margin-top:14px}.art-palette i{width:21px;height:21px}.art-orbit{width:215px;height:215px}.art-chip{padding:10px;font-size:10px;gap:5px}.art-chip svg{width:18px}.art-chip-one{right:5px;top:12px}.art-chip-two{right:0;bottom:4px}.art-dots{left:15px;bottom:20px}.art-dots svg{width:30px}.route-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.route-card{padding:17px 14px;border-radius:14px}.route-top{margin-bottom:20px;gap:6px}.route-icon svg{width:18px;height:18px}.route-top>svg{width:13px}.route-tag{font-size:9px}.route-card strong{font-size:18px;min-height:45px}.route-description{font-size:10px}.section{padding-block:39px}.section-heading,.parent-guide>.section-heading{grid-template-columns:1fr;gap:15px}.section-heading h2{font-size:34px}.section-heading>p,.parent-guide>.section-heading>p{font-size:14px}.parent-intro{font-size:12px;padding:16px}.age-filters button{font-size:11px;padding:10px 12px}.age-card{padding:20px}.age-card h3{font-size:23px}.age-card-head{gap:7px}.age-grid{gap:10px}.age-grid.filtered .age-card{display:flex}.situation-list{grid-template-columns:1fr}.situation>summary{padding:19px;min-height:100px}.situation summary strong{font-size:18px}.situation-body{padding:0 16px 20px}.situation-steps{grid-template-columns:1fr}.situation-step{padding:19px}.situation-method{font-size:11px}#survey{padding:20px;scroll-margin-top:132px}#survey legend{font-size:20px}.choices label{font-size:12px;min-height:53px}.background-reading>summary{padding:21px;flex-wrap:wrap;gap:9px;font-size:14px}.background-reading>summary small{order:3;width:100%;margin-left:0}.background-reading>summary>span:last-child{margin-left:auto}.background-body{padding-inline:17px}.background-body .section-heading h2{font-size:29px}.parent-resources{grid-template-columns:1fr 1fr;gap:10px}.parent-resource{padding:17px}.parent-resource h4{font-size:16px}.parent-resource p{font-size:12px}.editorial-footer .wrap{flex-wrap:wrap;gap:15px}.editorial-footer nav{margin-left:auto}.editorial-footer .back-top{width:100%;padding:0}.editorial-footer strong{font-size:14px}}
@media(max-width:480px){.age-grid{grid-template-columns:1fr}.parent-resources,.link-collection .parent-resources{grid-template-columns:1fr 1fr}.link-collection .parent-resource{padding:16px;min-height:170px}.link-collection .parent-resource h4{font-size:15px}.link-collection .parent-resource p{font-size:12px}.editorial-footer nav{margin-left:0;width:100%}.intro-copy h1{font-size:clamp(32px,8.8vw,42px)}.intro-art{margin-block:10px}.art-chip-one{right:0}.art-chip-two{right:0}.route-card strong{font-size:17px}.route-top{flex-wrap:wrap}.route-top>svg{display:none}.category-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.route-card:hover,.parent-resource:hover,.intro-action:hover{transform:none}}
@media print{.intro-art,.route-grid,.intro-action,.editorial-footer,.category-label svg{display:none!important}.intro-stage{display:block;padding:10px 0}.intro-copy h1{font-size:30pt}.background-reading>*{display:block}.background-wrap{padding:0}.background-body{padding:0}.situation-list,.situation-steps{display:block}.situation,.age-card{box-shadow:none}.intro-copy h1 span{color:#111}}

.parent-resource{min-width:0;overflow-wrap:anywhere}.parent-resources{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:760px){.parent-resources,.link-collection .parent-resources{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:360px){.parent-resources,.link-collection .parent-resources{grid-template-columns:1fr}.link-collection .parent-resource{min-height:0}}

body.legal-open{overflow:hidden}
.legal-panel{width:min(940px,calc(100% - 40px));max-width:940px;height:min(88dvh,900px);max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--ink);box-shadow:0 25px 100px #0003;overflow:hidden}
.legal-panel[open]{display:flex;flex-direction:column}
.legal-panel::backdrop{background:#17232199;backdrop-filter:blur(5px)}
.legal-panel-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 28px 18px;border-bottom:1px solid var(--line);flex-shrink:0}
.legal-panel-top .eyebrow{font-size:10px;margin:0 0 8px;color:var(--muted)}
.legal-panel-top h2{font-size:27px;margin:0}
.legal-close{gap:18px;flex-shrink:0;font-size:13px;min-height:46px}
.legal-close span{font-size:23px;line-height:1}
.legal-panel-tabs{display:flex;gap:10px;padding:12px 28px;background:var(--soft);flex-shrink:0}
.legal-panel-tabs button{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:10px 18px;min-height:44px;font-family:inherit;font-weight:600;font-size:13px;line-height:1.3}
.legal-panel-tabs button[aria-pressed=true]{background:var(--sage);border-color:var(--sage-ink);color:var(--sage-ink)}
.legal-scroll{overflow:auto;overscroll-behavior:contain;padding:24px 32px 40px;min-height:0;scroll-behavior:auto}
#legal-content{font-size:15px;line-height:1.75;overflow-wrap:anywhere}
#legal-content section{padding-block:18px;scroll-margin-top:12px}
#legal-content section+section{border-top:1px solid var(--line);margin-top:20px}
#legal-content h2{font-size:25px;line-height:1.3;margin:0 0 20px}
#legal-content h3{font-size:18px;line-height:1.4;margin:26px 0 12px}
#legal-content p{margin:0 0 17px}
#legal-content li{margin-block:8px}
#legal-content ul,#legal-content ol{padding-left:22px}
#legal-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
#legal-content .legal-version{font-size:11px;color:var(--muted)}
#legal-status{font-size:14px}#legal-fallback{font-size:14px;line-height:1.65}
@media(max-width:600px){.legal-panel{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.legal-panel-top{padding:18px;align-items:flex-start;flex-direction:column;gap:14px}.legal-panel-top>div{display:flex;gap:15px;align-items:center;width:100%;justify-content:space-between}.legal-panel-top .eyebrow{margin:0;font-size:9px}.legal-panel-top h2{font-size:23px}.legal-close{width:100%;justify-content:center}.legal-panel-tabs{padding:10px 18px}.legal-panel-tabs button{flex:1}.legal-scroll{padding:20px 20px 35px}#legal-content{font-size:14px}#legal-content h2{font-size:23px}}
@media print{body.legal-open> :not(#legal-panel){display:none!important}.legal-panel[open]{position:static;width:100%;max-width:none;height:auto;max-height:none;overflow:visible;border:0;box-shadow:none}.legal-panel-top,.legal-panel-tabs{display:none}.legal-scroll{overflow:visible}}

/* V8: recognizable provider marks, locally served */
.link-collection .parent-resource{display:flex;flex-direction:column;padding:18px;gap:0;min-height:294px;overflow:hidden}
.link-collection .resource-brand{display:flex;align-items:center;justify-content:center;flex:none;width:100%;height:108px;margin:0 0 22px;padding:20px;border-radius:12px;background:#fff;border:1px solid #e9e8e6}
.link-collection .resource-brand img{display:block;width:100%;height:100%;object-fit:contain;max-width:240px;filter:none}
.link-collection .parent-resource h4{margin:0 0 10px;display:block;font-size:19px;line-height:1.25}
.link-collection .parent-resource p{margin:0 0 22px;font-size:13px;line-height:1.65}
.link-collection .resource-domain{display:block;margin-top:auto;padding-top:12px;border-top:1px solid var(--line);width:100%;text-align:right;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.015em;overflow-wrap:anywhere}
.link-collection .brand-spieleratgeber .resource-brand{background:#292934;border-color:#292934}
.link-collection .brand-zebra .resource-brand{background:#d6f3ef;border-color:#c5e8e3}
.link-collection .brand-flimmo .resource-brand{background:#fff6d9;border-color:#f2e7bd}
.link-collection .brand-schauhin .resource-brand{background:#f2faff}
.link-collection .brand-klicksafe .resource-brand img{max-width:116px}
.link-collection .brand-zebra .resource-brand img{max-width:114px}
.link-collection .brand-internetabc .resource-brand img{max-width:148px}
.link-collection .parent-resource:hover .resource-domain{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.link-collection .parent-resource{padding:14px;min-height:286px}.link-collection .resource-brand{height:90px;margin-bottom:18px;padding:15px}.link-collection .parent-resource h4{font-size:17px}.link-collection .parent-resource p{font-size:12px}.link-collection .resource-domain{font-size:10px}}
@media(max-width:480px){.link-collection .parent-resources{grid-template-columns:1fr}.link-collection .parent-resource{padding:20px;min-height:0}.link-collection .resource-brand{height:100px;padding:20px}.link-collection .parent-resource h4{font-size:20px}.link-collection .parent-resource p{font-size:14px;margin-bottom:18px}.link-collection .resource-domain{font-size:12px}}

/* V9: chapter rhythm, full-bleed ribbons and progressive motion. */
body{--chapter-intro:var(--bg);--chapter-age:color-mix(in srgb,var(--sage) 54%,var(--bg));--chapter-everyday:color-mix(in srgb,var(--lilac) 48%,var(--bg));--chapter-check:color-mix(in srgb,var(--peach) 48%,var(--bg));--chapter-links:color-mix(in srgb,var(--sky) 58%,var(--bg))}
.chapter{display:flow-root;position:relative}
.chapter-intro{background:var(--chapter-intro)}.chapter-age{background:var(--chapter-age)}.chapter-everyday{background:var(--chapter-everyday)}.chapter-check{background:var(--chapter-check)}.chapter-links{background:var(--chapter-links)}
.chapter>.section{padding-block:64px}.chapter-intro .route-grid{margin-bottom:42px}
.chapter-edge{position:relative;isolation:isolate;overflow:hidden;background:var(--previous);height:calc(clamp(34px,5.6vw,80px)*1.12 + 6vw + 64px);margin-block:-1px}
.chapter-edge:before{content:'';position:absolute;inset:50% -5% -120%;background:var(--following);transform:skewY(-3deg);transform-origin:center top;z-index:-1}
.ribbon-strip{position:absolute;top:50%;left:-5%;width:110%;transform:translateY(-50%) skewY(-3deg);background:var(--sage-ink);color:var(--sage);padding:15px 0;overflow:hidden}
.chapter-edge.ribbon-secondary .ribbon-strip{background:var(--lilac-ink);color:var(--lilac)}
.ribbon-track{display:flex;width:max-content;transform:translate3d(0,0,0)}
.ribbon-unit{display:flex;align-items:center;justify-content:space-around;flex:none;min-width:110vw;gap:40px;padding-right:40px;font-size:clamp(34px,5.6vw,80px);font-weight:800;line-height:1.12;letter-spacing:-.04em;white-space:nowrap}
.ribbon-unit svg{width:.7em;height:.7em;flex:none;stroke-width:1.1}
.quiet-edge{height:clamp(30px,5.4vw,85px)}
.quiet-edge:after{content:'';position:absolute;inset:calc(50% - 9px) -5% auto;height:18px;transform:skewY(-3deg);background:repeating-linear-gradient(90deg,var(--following) 0 2px,transparent 2px 12px);opacity:.8}
.media-title{white-space:nowrap;display:inline-block}.intro-copy h1 .media-pop{display:inline-block;font-weight:950;letter-spacing:-.065em;position:relative;z-index:0}
.media-pop:after{content:'';position:absolute;z-index:-1;inset:68% -.02em .01em;background:var(--sage);transform:skewX(-12deg);border-radius:.03em}
.intro-copy h1 .media-tail{font-weight:500;letter-spacing:-.065em}
.wordmark{font-weight:950}
.header-tools{display:flex;align-items:center;gap:15px}
.motion-toggle{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);padding:9px}
.motion-toggle[hidden]{display:none}.motion-toggle:hover{background:var(--soft);border-color:var(--ink)}
.motion-toggle svg{width:18px;height:18px}.motion-toggle .play-mark{display:none}
.motion-toggle[aria-pressed=true] .pause-mark{display:none}.motion-toggle[aria-pressed=true] .play-mark{display:block}
.motion-ready[data-motion=on] .motion-reveal{transition:opacity .7s ease,translate .7s cubic-bezier(.2,.7,.25,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready[data-motion=on] .motion-reveal:not(.is-visible){opacity:.28;translate:0 26px}
.motion-ready[data-motion=on] .motion-reveal:focus-within{opacity:1;translate:0 0;transition:none}
.motion-ready[data-motion=off] .motion-reveal{opacity:1;translate:none;transition:none}
.motion-ready[data-motion=on] .media-pop{animation:media-arrive .85s cubic-bezier(.2,.75,.2,1) both}
@keyframes media-arrive{from{opacity:.4;transform:translateY(12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.header-tools{gap:9px}.motion-toggle{width:36px;height:36px;padding:8px}.chapter>.section{padding-block:42px}.ribbon-unit{gap:24px;padding-right:24px}.ribbon-strip{padding-block:17px}.chapter-edge.with-ribbon{height:120px}.intro-copy h1 .media-tail{font-weight:500}}
@media(prefers-reduced-motion:reduce){.ribbon-track,.media-pop,.intro-art,.art-sheet,.art-chip{transform:none!important;animation:none!important}.motion-reveal{opacity:1!important;translate:none!important;transition:none!important}}
@media print{.chapter{background:none!important}.chapter-edge,.motion-toggle{display:none!important}.motion-reveal{opacity:1!important;translate:none!important}.intro-art,.media-pop{transform:none!important}}

/* V10: the whole keyword in lilac; quiet pulse and scroll-linked diagonal light. */
.chapter-intro{isolation:isolate;overflow:clip}
.chapter-intro:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:14% -20% 7%;background:linear-gradient(168deg,transparent 10%,color-mix(in srgb,var(--lilac) 65%,transparent) 36%,color-mix(in srgb,var(--sky) 35%,transparent) 56%,transparent 78%);transform:translateX(var(--aura-shift,0px)) rotate(-6deg);border-radius:25%}
.chapter-intro:after{content:'';position:absolute;pointer-events:none;z-index:-1;inset:28% -10% 24%;background:repeating-linear-gradient(166deg,transparent 0 48px,color-mix(in srgb,var(--lilac-ink) 6%,transparent) 49px 50px,transparent 51px 100px);mask-image:linear-gradient(90deg,transparent 32%,#000 80%,transparent);transform:translateX(var(--aura-shift,0px))}
.intro-copy h1 .media-title{display:inline-block;padding-block:.13em;translate:0 var(--title-lift,0px);white-space:nowrap}
.intro-copy h1 .media-pill{display:inline-block;position:relative;isolation:isolate;font-weight:850;letter-spacing:-.06em;color:var(--lilac-ink);padding:.025em .11em .07em;margin-left:-.04em;line-height:1.05;transform-origin:45% 60%;animation:media-breathe 5.2s ease-in-out infinite;animation-play-state:paused}
.media-pill:before{content:'';position:absolute;inset:-.015em -.02em -.035em;z-index:-1;background:linear-gradient(112deg,var(--lilac),color-mix(in srgb,var(--lilac) 78%,var(--sky)));border:1px solid color-mix(in srgb,var(--lilac-ink) 13%,transparent);border-radius:.16em .09em .18em .08em;transform:rotate(-2deg) skewX(-4deg);box-shadow:0 .08em .35em color-mix(in srgb,var(--lilac-ink) 10%,transparent)}
.hero-motion-visible[data-motion=on]:not(.motion-tab-hidden) .media-pill{animation-play-state:running}
@keyframes media-breathe{0%,100%{transform:scale(1) rotate(-.25deg)}50%{transform:scale(1.018) rotate(.35deg)}}
.motion-ready[data-motion=on] .motion-reveal{transition-duration:.85s;--reveal-x:0px}
.motion-ready[data-motion=on] .section-heading.motion-reveal{--reveal-x:-18px}
.motion-ready[data-motion=on] :is(.route-card,.age-card,.parent-resource,.situation).motion-reveal:nth-child(odd){--reveal-x:-15px}
.motion-ready[data-motion=on] :is(.route-card,.age-card,.parent-resource,.situation).motion-reveal:nth-child(even){--reveal-x:15px}
.motion-ready[data-motion=on] .motion-reveal:not(.is-visible){opacity:.18;translate:var(--reveal-x) 32px}
.motion-ready[data-motion=on] .motion-reveal:focus-within{opacity:1;translate:0 0;transition:none}
@media(max-width:1000px) and (min-width:761px){.intro-copy h1{font-size:clamp(39px,5.3vw,53px)}}
@media(max-width:760px){.chapter-intro:before{inset:6% -25% 12%}.chapter-intro:after{inset:35% -10% 24%}.intro-copy h1 .media-pill{padding-inline:.09em}.motion-ready[data-motion=on] .motion-reveal:not(.is-visible){translate:0 26px}}
@media(prefers-reduced-motion:reduce){.media-pill{animation:none!important;transform:none!important}.intro-copy h1 .media-title{translate:none!important}.chapter-intro:before,.chapter-intro:after{transform:none!important}}
@media print{.media-pill{animation:none!important;transform:none!important}.intro-copy h1 .media-title{translate:none!important}.chapter-intro:before,.chapter-intro:after{display:none}}