@font-face{font-family:Bricolage;src:url(/fonts/bricolage.woff2)format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage;src:url(/fonts/bricolage-ext.woff2)format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--ink:#14181f;--ground:#f3f4f1;--soft:#e4e7e2;--accent:#d62828;--field:#ffc857;--pad:clamp(16px,3vw,32px);--font:Bricolage,system-ui,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font:400 1.125rem/1.55 var(--font);font-variant-numeric:tabular-nums;margin:0}a{color:inherit;text-underline-offset:.2em}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3{letter-spacing:-.03em;margin:0;font-weight:700;line-height:1}h1{font-size:clamp(2.6rem,8.4vw,8rem)}h2{max-width:20ch;font-size:clamp(1.9rem,4.6vw,3.6rem)}h3{letter-spacing:-.015em;font-size:1.4rem}p{max-width:62ch;margin:0 0 1em}.skip{position:absolute;left:-999px}.skip:focus{left:var(--pad);background:var(--ink);color:var(--ground);z-index:9;padding:8px 12px;top:8px}.bar{padding:14px var(--pad);background:var(--ink);color:var(--ground);justify-content:space-between;align-items:center;gap:16px;display:flex}.bar a{text-decoration:none}.bar .mark{letter-spacing:-.03em;font-size:1.35rem;font-weight:800}.bar nav{gap:clamp(14px,3vw,32px);font-weight:500;display:flex}.bar nav a:hover{text-decoration:underline}.wrap{padding:0 var(--pad)}.sec{padding:clamp(64px,10vw,150px) var(--pad)}.field{background:var(--field)}.dark{background:var(--ink);color:var(--ground)}.hero{padding:clamp(48px,8vw,120px) var(--pad) clamp(48px,7vw,100px)}.hero .sub{max-width:34ch;margin:clamp(20px,3vw,36px) 0 0;font-size:clamp(1.2rem,2.2vw,1.7rem);line-height:1.35}.btn{background:var(--ink);color:var(--ground);font:600 1.05rem var(--font);cursor:pointer;border:0;padding:14px 26px;text-decoration:none;transition:transform .15s,background .15s;display:inline-block}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.btn.alt{background:var(--ground);color:var(--ink)}.btn.small{padding:9px 16px;font-size:.95rem}.index a.row{padding:clamp(24px,3.5vw,44px) var(--pad);background:var(--c);color:var(--ink);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:8px 40px;text-decoration:none;transition:padding-left .2s;display:grid}.index a.row:hover,.index a.row:focus-visible{padding-left:calc(var(--pad) + 24px)}.index .row h3{letter-spacing:-.04em;font-size:clamp(1.8rem,5.4vw,4.6rem);line-height:.95}.index .row p{margin:0;font-size:1.05rem}.index .row p b{margin-bottom:4px;font-size:1.2rem;display:block}@media (width<=700px){.index a.row{grid-template-columns:minmax(0,1fr)}}.quiz{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(24px,5vw,80px);display:grid}@media (width<=900px){.quiz{grid-template-columns:minmax(0,1fr)}}.opts{gap:10px;margin:20px 0;display:grid}.opts button{text-align:left;background:var(--soft);color:var(--ink);font:500 1.05rem var(--font);cursor:pointer;border:0;padding:14px 18px;transition:transform .15s}.opts button:hover:not(:disabled){transform:translate(6px)}.opts button.right{background:#90be6d}.opts button.wrong{background:#ff8fa3}.quiz .scenario{letter-spacing:-.02em;max-width:26ch;font-size:clamp(1.4rem,2.6vw,2.1rem);font-weight:600;line-height:1.2}.fb{min-height:5em}.trap-hero{background:var(--field);padding:clamp(40px,6vw,90px) var(--pad) clamp(40px,6vw,80px);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:24px 60px;display:grid}.trap-hero h1{font-size:clamp(2.4rem,7vw,6.4rem)}.trap-hero p{margin:0;font-size:clamp(1.15rem,1.9vw,1.5rem);line-height:1.35}@media (width<=800px){.trap-hero{grid-template-columns:minmax(0,1fr)}}.demo{background:var(--ink);color:var(--ground);padding:clamp(28px,5vw,72px) var(--pad)}.demo h2{margin-bottom:.4em}.demo .hint{opacity:.85;margin-bottom:24px}.panel{background:#1f2631;padding:clamp(16px,3vw,36px)}.demo label{margin:14px 0 6px;font-weight:600;display:block}.demo input[type=range]{width:100%;accent-color:var(--field);height:32px}.demo .btn{background:var(--field);color:var(--ink)}.demo .out{letter-spacing:-.02em;max-width:34ch;margin:16px 0 0;font-size:clamp(1.3rem,2.6vw,2rem);font-weight:700;line-height:1.15}.demo .note{opacity:.8;margin-top:14px;font-size:.95rem}.demo table{border-collapse:collapse;width:100%;font-size:1rem}.demo th,.demo td{text-align:right;padding:8px 10px}.demo th:first-child,.demo td:first-child{text-align:left}.demo tbody tr:nth-child(odd){background:#262e3b}.cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);display:grid}@media (width<=800px){.cols{grid-template-columns:minmax(0,1fr)}}svg text{font-family:var(--font)}.read{padding:clamp(56px,8vw,120px) var(--pad);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,100px);display:grid}@media (width<=800px){.read{grid-template-columns:minmax(0,1fr)}}.read h2{margin-bottom:.6em}.read ul{margin:0;padding-left:1.1em}.read li{max-width:56ch;margin-bottom:.7em}.example{background:var(--soft)}.sources{padding:clamp(40px,6vw,80px) var(--pad)}.sources h2{margin-bottom:.7em;font-size:clamp(1.5rem,3vw,2.2rem)}.sources li{max-width:80ch;margin-bottom:.6em}.next{grid-template-columns:1fr 1fr;display:grid}.next a{padding:clamp(28px,5vw,64px) var(--pad);background:var(--c);letter-spacing:-.03em;font-size:clamp(1.3rem,3vw,2.4rem);font-weight:700;line-height:1.05;text-decoration:none;display:block}.next a small{letter-spacing:0;margin-bottom:8px;font-size:1rem;font-weight:500;display:block}.next a:last-child{text-align:right}.next a:hover{text-decoration:underline}footer.foot{background:var(--ink);color:var(--ground);padding:clamp(48px,7vw,100px) var(--pad) 28px}.foot .big{letter-spacing:-.06em;margin:0 0 40px;font-size:clamp(3rem,17vw,16rem);font-weight:800;line-height:.85}.foot nav{flex-wrap:wrap;gap:8px 28px;display:flex}.foot p{opacity:.85;margin:20px 0 0}.about{max-width:70ch;padding:clamp(48px,7vw,100px) var(--pad)}[data-r]{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(22px)}[data-r].in,html:not(.js) [data-r]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){[data-r]{opacity:1;transition:none;transform:none}.btn,.opts button,.index a.row{transition:none}}.panel{min-width:0;overflow-x:auto}.cols>*{min-width:0}svg,canvas{max-width:100%}