/* Grid: 1280px maximum, 1.5rem outer padding, 8px spacing unit, 24px base corners. */
@font-face{font-family:Nunito;src:local("Nunito Variable"),local("Nunito");font-weight:200 1000;font-display:swap}
@font-face{font-family:Quicksand;src:local("Quicksand Variable"),local("Quicksand");font-weight:300 700;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:local("JetBrains Mono Variable"),local("JetBrains Mono");font-weight:100 800;font-display:swap}
:root{--ink:#363049;--line:#62556e;--paper:#fffdfa;--pink:#ffb7c5;--blue:#89cff0;--mint:#98fb98;--lav:#e6e6fa;--peach:#ffdab9;--lemon:#fffacd;--coral:#ff7f7f;--plum:#dda0dd;--u:8px;--r:24px;--a:var(--pink)}
*{box-sizing:border-box}html{font-size:16px;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Nunito,"Trebuchet MS",Arial,sans-serif;font-weight:400;font-size:16px;line-height:1.6;overflow-wrap:anywhere}
body[data-tone="b"]{--a:var(--blue)}body[data-tone="g"]{--a:var(--mint)}body[data-tone="l"]{--a:var(--lav)}body[data-tone="a"]{--a:var(--peach)}body[data-tone="y"]{--a:var(--lemon)}body[data-tone="r"]{--a:var(--coral)}body[data-tone="v"]{--a:var(--plum)}
[hidden]{display:none!important}h1,h2,h3,p,ul,figure{margin:0}h1,h2,h3{font-weight:700;text-wrap:balance;line-height:1.2}h1{font-size:clamp(2.5rem,6vw,4rem);max-width:23ch;letter-spacing:-.035em}h2{font-size:clamp(1.65rem,3vw,2.25rem);max-width:32ch;letter-spacing:-.02em}h3{font-size:1.125rem}p{max-width:72ch}a{color:inherit;text-decoration-thickness:1.5px;text-underline-offset:4px}a:hover{text-decoration-thickness:2.5px}a,button,summary{font-size:16px}button{font-family:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px;border-radius:8px}
.w{max-width:1280px;margin-inline:auto;padding-inline:1.5rem}.g{display:grid;gap:24px}.fx{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.s{display:grid;gap:16px}.mt{margin-top:32px}.p{padding:24px}.b{font-weight:700}.q{font-family:Quicksand,Nunito,"Trebuchet MS",sans-serif;font-weight:700}.tc{font-family:"JetBrains Mono",Menlo,Consolas,monospace;font-size:16px;line-height:1.6}.read{max-width:72ch}.u{display:inline-flex;align-items:center;min-width:44px;min-height:44px;padding:8px 16px}.ln{display:flex;align-items:center;gap:8px;min-width:44px;min-height:48px;padding:8px 12px;border-radius:12px}
.skip{position:absolute;top:8px;left:24px;transform:translateY(-200%);background:var(--ink);color:white;z-index:10}.skip:focus{transform:none}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap;border:0}
.brand{padding-block:24px;letter-spacing:.025em}.brand p{display:flex;align-items:center;gap:12px}.mark{position:relative;display:inline-block;width:36px;height:36px;flex:0 0 36px;background:var(--pink);border:2px solid var(--line);border-radius:42% 58% 55% 45%;transform:rotate(-8deg)}.mark::after{content:"";position:absolute;inset:8px;border:2px solid var(--line);border-radius:50%;background:var(--lemon)}
.hero{position:relative;padding-block:16px 48px;isolation:isolate}.intro{display:grid;gap:24px;align-content:start;position:relative}.pill{width:fit-content;max-width:100%;padding:8px 16px;border:2px solid var(--line);border-radius:32px 28px 36px 24px;background:var(--a)}.lede{font-size:16px;max-width:64ch;line-height:1.6}.lead-lnk{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:fit-content;min-height:48px;padding:12px 20px;background:var(--ink);color:white;border:2px solid var(--ink);border-radius:24px;text-decoration:none;font-weight:700;transition:transform .18s ease}.lead-lnk:hover{transform:rotate(-1deg) scale(1.02)}.intro::after{content:"";position:absolute;right:0;top:12px;z-index:-1;width:56px;height:56px;background:var(--peach);clip-path:polygon(50% 0,61% 35%,99% 38%,70% 60%,80% 97%,50% 76%,19% 97%,29% 60%,0 38%,39% 35%);transform:rotate(14deg)}
.pic{position:relative;align-self:center;background:var(--lav);border:2px solid var(--line);border-radius:58px 28px 48px 24px;overflow:hidden;box-shadow:8px 8px 0 var(--peach);min-width:0}.air{position:relative;aspect-ratio:1.6;background:linear-gradient(145deg,var(--lav),var(--blue) 58%,var(--lemon));isolation:isolate}.air::before{content:"";position:absolute;inset:24% -5% -35%;border:2px solid var(--line);border-radius:50%;background:var(--peach);transform:rotate(-10deg)}.air::after{content:"";position:absolute;top:16%;right:18%;width:56px;height:56px;background:var(--lemon);border:2px solid var(--line);border-radius:50%}.air img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover}.pic figcaption{background:var(--lav);padding:16px 24px;font-family:Quicksand,Nunito,sans-serif;font-weight:700;font-size:16px}
.body{display:grid;gap:48px}.sec{display:grid;gap:24px;position:relative;align-items:start}.prose{display:grid;gap:16px;max-width:72ch;min-width:0}.prose h2{margin-bottom:8px}.ev{position:relative;background:var(--a);border:2px solid var(--line);border-radius:24px 38px 28px 32px;padding:24px;box-shadow:3px 4px 0 var(--lav);min-width:0;display:grid;gap:16px}.ev p{font-size:16px}.ev a{background:rgba(255,255,255,.65);border:1px solid var(--line);text-decoration:none}.ev a:hover{background:#fffdfa}.ev::before{content:"";position:absolute;top:-12px;right:24px;width:24px;height:24px;background:var(--lemon);border:2px solid var(--line);transform:rotate(12deg);border-radius:5px}.ev h3{font-family:Quicksand,Nunito,sans-serif}.ask{padding:24px;border-left:4px solid var(--ink);background:var(--lemon);border-radius:0 24px 24px 0;max-width:72ch}
.idx{margin-block:48px 0;padding:24px;border:2px solid var(--line);border-radius:40px 24px 40px 24px;background:var(--lav);position:relative}.idx>p{margin-top:16px}.groups{display:grid;gap:24px;margin-top:24px}.grp{background:var(--paper);border-radius:24px;padding:24px;border:1.5px solid var(--line)}.grp h3{font-family:Quicksand,Nunito,sans-serif;margin-bottom:16px}.grp ul{list-style:none;padding:0;display:grid;gap:8px}.grp a{text-decoration:none;border:1px solid var(--line);border-radius:16px;padding:12px 16px;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--paper);transition:transform .18s ease,background .18s ease}.grp a::after{content:"↗";flex:0 0 auto}.grp a:hover{background:var(--lemon);transform:rotate(-.4deg) scale(1.01)}
.myths{display:grid;gap:16px;max-width:960px}.myths>p{max-width:64ch}.my{background:var(--lemon);border:2px solid var(--line);border-radius:24px;overflow:hidden}.my summary{cursor:pointer;min-height:56px;padding:16px 24px;font-weight:700;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.my summary::-webkit-details-marker{display:none}.my summary::after{content:"+";display:grid;place-items:center;flex:0 0 32px;height:32px;border:1.5px solid var(--line);border-radius:50%;background:var(--paper);font-size:24px;line-height:1}.my[open] summary::after{content:"−"}.my[open]{background:var(--paper)}.my[open] summary{background:var(--lemon);border-bottom:1.5px solid var(--line)}.my.seen{box-shadow:3px 3px 0 var(--peach)}.ans{padding:24px;display:grid;gap:24px}.ans .ev{box-shadow:none}.next{margin-block:48px;padding:24px;background:var(--peach);border:2px solid var(--line);border-radius:24px 40px 24px 32px}.next h2{margin-bottom:24px}.next a{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--paper);border:1.5px solid var(--line);border-radius:24px;min-height:64px;padding:16px 24px;text-decoration:none;font-weight:700}.next a::after{content:"→"}.foot{border-top:2px dashed var(--line);padding-block:32px 40px;display:grid;gap:24px}.foot>p{max-width:72ch;font-size:16px}.foot nav{display:flex;flex-wrap:wrap;gap:8px 16px}.foot a{border:1px solid var(--line);background:var(--paper);text-decoration:none}
@media(min-width:700px){.groups{grid-template-columns:repeat(2,minmax(0,1fr))}.next .g{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-top:24px}.p,.idx,.next{padding:32px}.body{gap:56px}}
@media(min-width:1100px){.hero.has-pic{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:48px}.hero .pic{transform:rotate(1.5deg)}.hero:not(.has-pic){padding-block:32px 64px;max-width:1040px}.hero:not(.has-pic) .intro{padding-left:32px;border-left:4px solid var(--a)}.sec{grid-template-columns:minmax(0,72ch) minmax(240px,1fr);gap:48px}.sec.plain{grid-template-columns:1fr}.sec:nth-child(even) .ev{margin-top:32px}.body{gap:64px}.groups .grp:nth-child(even){transform:translateY(8px)}.next{margin-top:64px}.foot{padding-block:40px 48px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.lead-lnk:hover,.grp a:hover,.hero .pic{transform:none!important}}
@media print{body{background:white;color:#000}.skip,.pic{display:none}.w{max-width:none;padding:0}.hero,.next{padding:16px}.sec{display:block;break-inside:avoid}.ev{box-shadow:none;background:white;margin-top:16px}.groups{display:block}.grp{margin-block:16px;transform:none!important}.my,.my[open]{overflow:visible;break-inside:avoid}.my:not([open])>div{display:block!important}.my summary::after{display:none}.foot{padding-block:16px}a{color:#000}.brand{padding-block:16px}}