.t-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-block:22px 6px;display:flex}.t-actions{gap:10px;display:flex}@media (width<=480px){.t-actions .btn-label{display:none}}.t-head{max-width:900px;padding-block:18px 28px}.t-meta{gap:8px;margin-bottom:14px;display:flex}.t-head h1{letter-spacing:-.04em;text-wrap:balance;margin:0 0 14px;font-size:clamp(2.1rem,5.4vw,4rem);font-weight:700;line-height:.98}.dek{max-width:56ch;margin:0;font-size:1.2rem}.whoa{background:var(--yellow);border:var(--bw) solid var(--ink);max-width:820px;box-shadow:var(--sh-l);margin-inline:auto;padding:38px 30px 28px;position:relative;transform:rotate(-.6deg)}.whoa-tag{background:var(--ink);color:var(--card);letter-spacing:.14em;text-transform:uppercase;padding:4px 12px;font-size:.8rem;font-weight:700;position:absolute;top:-18px;left:22px;transform:rotate(-3deg)}.whoa-big{letter-spacing:-.035em;text-wrap:balance;margin:0 0 12px;font-size:clamp(1.8rem,4.4vw,3.1rem);font-weight:700;line-height:1}.whoa p:last-child{max-width:58ch;margin:0;font-size:1.1rem}.whoa-r{background:var(--red);transform:rotate(.6deg)}.aside{font-family:var(--font-hand);max-width:60ch;margin:16px 0 0;font-size:1.2rem;line-height:1.3}.toy{--toy-safe-top:env(safe-area-inset-top);--toy-safe-bottom:env(safe-area-inset-bottom);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:26px;display:grid}.toy-stage{top:calc(16px + env(safe-area-inset-top));z-index:2;background-color:var(--card);border:var(--bw) solid var(--ink);box-shadow:var(--sh-l);background-image:linear-gradient(90deg,#4678aa1a 1px,#0000 1px),linear-gradient(#4678aa1a 1px,#0000 1px);background-size:26px 26px;padding:14px;position:sticky}.toy-stage svg{width:100%;height:auto;max-height:min(var(--toy-drawing-max,620px), calc(100svh - 110px));display:block}.toy-side{flex-direction:column;gap:20px;min-width:0;display:flex}.toy-controls{display:contents}.toy .ctrl-btns{flex-wrap:wrap;gap:10px;display:flex}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:30px;display:grid}.split p{max-width:52ch;margin:0 0 12px;font-size:1.12rem}.lingo{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.term{background:var(--card);border:var(--bw) solid var(--ink);box-shadow:var(--sh-m);min-width:0;padding:16px 16px 18px}.term h3{text-transform:uppercase;letter-spacing:-.01em;margin:0 0 6px;font-size:1.25rem}.term p{margin:0;font-size:.98rem}.term .say{font-family:var(--font-hand);margin-top:10px;font-size:1rem;line-height:1.25;display:block}.holes{gap:14px;display:grid}.hole{background:var(--card);border:var(--bw) solid var(--ink);box-shadow:var(--sh-m);grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 18px;text-decoration:none;transition:transform .12s ease-out,box-shadow .12s ease-out;display:grid}a.hole:hover{box-shadow:var(--sh-l);transform:translate(-3px,-3px)}a.hole:active{box-shadow:none;transform:translate(3px,3px)}.hole-type{border:2px solid var(--ink);text-align:center;letter-spacing:.14em;text-transform:uppercase;padding:4px 0;font-size:.78rem;font-weight:700}.hole-type.t-watch{background:var(--red)}.hole-type.t-read{background:var(--blue)}.hole-type.t-try{background:var(--yellow)}.hole-type.t-talk{background:var(--paper)}.hole strong{font-size:1.1rem;line-height:1.25;display:block}.hole span.sub{font-size:.95rem;display:block}.hole .arrow{font-size:1.6rem;font-weight:700}@media (width<=980px) and (orientation:portrait),(width<=599px){.toy{flex-direction:column;display:flex}.toy-stage{top:var(--edge-top-height);box-shadow:var(--sh-m);padding:8px}.toy-stage svg{max-height:min(var(--toy-drawing-max,620px), var(--toy-drawing-pinned,40svh))}.toy-split-panel{--toy-stage-height:40svh;--toy-stage-max:calc(var(--toy-stage-height) + 20px);gap:16px}.toy-four{--toy-stage-height:55svh}.toy-split-panel>.toy-stage{max-height:var(--toy-stage-max);box-sizing:border-box;flex-direction:column;flex:none;width:100%;display:flex;position:relative;top:auto}.toy-split-panel>.toy-stage>svg:first-child{min-height:0;max-height:min(var(--toy-drawing-max,620px), var(--toy-stage-height));flex-shrink:1}.toy-split-panel>.toy-stage>:not(svg){flex-shrink:0}.toy-split-panel>.toy-side{display:contents}.toy-split-panel .toy-controls{box-sizing:border-box;width:100%;max-height:calc(100svh - var(--toy-stage-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 52px);border-bottom:2px solid var(--ink);flex-direction:column;flex:none;gap:20px;padding:4px 6px 12px 2px;scroll-padding-block:12px;display:flex;overflow-y:auto}.toy-split-panel .toy-controls>*{flex-shrink:0}.toy-split-panel .toy-explanation{box-sizing:border-box;width:100%}}@media (width<=980px){.split{grid-template-columns:minmax(0,1fr)}.lingo{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.t-bar{padding-block:4px 2px}.t-bar>a{padding-inline:0}.t-actions{gap:8px}.t-actions .btn{padding-inline:10px}.t-head{padding-block:10px 18px}.t-meta,.t-head h1{margin-bottom:10px}.lingo{grid-template-columns:minmax(0,1fr)}.hole{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.hole-type{grid-column:1/-1;justify-self:start;padding:3px 10px}.whoa{padding:34px 20px 22px}}.mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:250px;gap:24px;display:grid}@media (width<=980px){.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.mini-grid{grid-auto-rows:210px;gap:14px}}.toy-steps{grid-template-columns:repeat(var(--step-columns,4), minmax(0, 1fr));gap:8px;display:grid}.toy-step{border:var(--bw) solid var(--ink);background:var(--card);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;min-height:48px;box-shadow:var(--sh-s);padding:8px 4px 12px;font-size:.8rem;font-weight:700;transition:transform .1s ease-out,box-shadow .1s;position:relative;overflow:hidden}.toy-step:active{box-shadow:none;transform:translate(3px,3px)}.toy-step:after{content:"";height:5px;width:calc(var(--p,0) * 100%);background:var(--ink);position:absolute;bottom:0;left:0}.toy-step[aria-current=step][data-c=y],.toy-step[aria-current=step][data-c=w]{background:var(--yellow)}.toy-step[aria-current=step][data-c=r]{background:var(--red)}.toy-step[aria-current=step][data-c=b]{background:var(--blue)}.toy-explanation{border:var(--bw) solid var(--ink);box-shadow:var(--sh-m);background:var(--card);min-height:226px;padding:18px 20px 20px;transition:background-color .2s linear}.toy-explanation[data-c=y],.toy-explanation[data-c=w]{background:var(--yellow)}.toy-explanation[data-c=r]{background:var(--red)}.toy-explanation[data-c=b]{background:var(--blue)}.toy-kicker{letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:700}.toy-explanation h2{letter-spacing:-.04em;text-transform:uppercase;margin:2px 0 8px;font-size:3rem;line-height:1}.toy-explanation p:last-child{max-width:42ch;margin:0;font-size:1.05rem}@media (width<=600px){.toy-explanation h2{font-size:2.3rem}}.toy .ctrl{border:var(--bw) solid var(--ink);background:var(--card);box-shadow:var(--sh-s);padding:14px 16px 12px}.toy .ctrl-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.toy .ctrl label{letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:700}.toy .ctrl output{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700}.toy .scale{letter-spacing:.1em;text-transform:uppercase;height:20px;font-size:.7rem;font-weight:700;position:relative}.toy .scale span{white-space:nowrap;position:absolute;top:0}.toy .scale span:first-child{left:0}.toy .scale span:nth-child(2){left:27%;transform:translate(-50%)}.toy .scale span:nth-child(3){right:0}.toy input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:4px 0;display:block}.toy input[type=range]::-webkit-slider-runnable-track{border:var(--bw) solid var(--ink);background:var(--range-track,linear-gradient(90deg, var(--paper) 0 84%, var(--red) 84% 100%));height:16px}.toy input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--yellow);border:var(--bw) solid var(--ink);width:26px;height:36px;box-shadow:var(--sh-s);margin-top:-13px}.toy input[type=range]::-moz-range-track{border:var(--bw) solid var(--ink);background:var(--range-track,linear-gradient(90deg, var(--paper) 0 84%, var(--red) 84% 100%));height:10px}.toy input[type=range]::-moz-range-thumb{background:var(--yellow);border:var(--bw) solid var(--ink);width:20px;height:30px;box-shadow:var(--sh-s);border-radius:0}.toy input[type=range]:focus-visible{outline:3px solid var(--ink);outline-offset:4px}