/* ═════ insights index (in-) ═════ */
:root{--in-o:#FF5B1A;--in-oi:#C2410C;--in-pe:#FFA77F;--in-pn:#0E1018;--in-ln:#22263A}

/* ── banner: split-flap board ── */
.in-sf{position:relative;background:rgba(10,11,16,.85);border:1px solid var(--in-ln);max-width:620px;margin-left:auto;padding:18px;display:grid;gap:14px;box-shadow:0 40px 80px -40px rgba(255,91,26,.35)}
.in-sf-hd{display:flex;justify-content:space-between;align-items:center;font:500 12.5px var(--f-sans);color:#8E93A6}
.in-sf-lg{font:600 12px var(--f-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--in-pe)}
.in-sf-clk b{color:#fff}
.in-sf-board{background:#050608;border:1px solid #1A1D29;padding:12px;display:grid;gap:6px}
.in-sf-lab{display:flex;justify-content:space-between;font:500 10.5px var(--f-sans);letter-spacing:.14em;text-transform:uppercase;color:#6E7286}
.in-sf-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
.in-sf-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px}
.in-sf-topic{width:62%}
.in-sf-min{width:auto;grid-auto-columns:auto;align-items:center}
.in-sf-min i{font:500 11px var(--f-sans);font-style:normal;color:#8E93A6;padding-left:6px}
.in-sf-title{display:grid;gap:4px;--in-cw:calc((100% - 63px) / 22)}
.in-sf-board{--in-cw:clamp(14px,1.55vw,22px)}
.in-sf-c{position:relative;display:grid;place-items:center;aspect-ratio:.64;min-width:0;background:linear-gradient(#1C1F2A 50%,#15171F 50%);border-radius:2px;font:600 clamp(11px,1.15vw,16px)/1 var(--f-sans);color:#F5F2EE;text-transform:uppercase;overflow:hidden;box-shadow:inset 0 -1px 0 rgba(0,0,0,.6)}
.in-sf-c::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(5,6,8,.55)}
.in-sf-topic .in-sf-c{color:var(--in-o)}
.in-sf-min .in-sf-c{color:var(--in-pe);width:22px}
.in-sf-c.flip{animation:inFlip .09s linear}
@keyframes inFlip{50%{transform:scaleY(.15);filter:brightness(1.6)}}
.in-sf-go{display:flex;align-items:center;gap:10px;font:500 15px var(--f-sans);color:#fff;justify-self:start}
.in-sf-go i{font-style:normal;width:30px;height:30px;display:grid;place-items:center;background:var(--in-o);transition:transform .2s}
.in-sf-go:hover i{transform:translateX(4px)}
.in-sf-kind{font:500 11.5px var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--in-pe);border:1px solid rgba(255,167,127,.4);padding:4px 8px}
.in-sf-next{border-top:1px solid var(--in-ln);padding-top:10px}
.in-sf-next small{font:500 10.5px var(--f-sans);letter-spacing:.14em;text-transform:uppercase;color:#6E7286}
.in-sf-next ol{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px}
.in-sf-next li{display:grid;grid-template-columns:96px 1fr auto;gap:10px;align-items:baseline;font:500 13px/1.35 var(--f-sans);color:#C9CBD3;padding:4px 0;border-bottom:1px dashed #1F2331;animation:inUp .5s ease-out}
.in-sf-next li span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--in-pe)}
.in-sf-next li b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.in-sf-next li em{font-style:normal;color:#8E93A6;font-size:12px}
@keyframes inUp{from{opacity:0;transform:translateY(6px)}}
.in-sf-hd{gap:12px}.in-sf-clk{margin-left:auto}.in-sf-ctl{display:flex;gap:6px}
.in-sf-ctl button{width:30px;height:30px;border:1px solid #2E3344;background:none;color:#fff}
.in-sf-ctl button:hover{border-color:var(--in-o)}
@media (max-width:900px){.in-sf{margin:0 auto}}
@media (max-width:480px){.in-sf{padding:12px}.in-sf-board{padding:8px}.in-sf-title{gap:3px;--in-cw:calc((100% - 42px) / 22)}.in-sf-row{gap:2px}.in-sf-c{font-size:10px}.in-sf-next li{grid-template-columns:70px 1fr auto;font-size:12px}}

/* ── answers: card catalogue drawer ── */
.in-ca-sec{padding-block:clamp(40px,5vw,72px)}
.in-ca{display:grid;grid-template-columns:260px 1fr;gap:clamp(20px,4vw,56px);align-items:end}
.in-ca>*{min-width:0}
.in-ca-txt p{margin-top:12px;color:var(--ink-2);font-size:15.5px}
.in-ca-drawer{position:relative;padding-top:70px}
.in-ca-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 22px;position:relative;z-index:1;height:150px;align-items:start}
.in-ca-card{all:unset;box-sizing:border-box;cursor:pointer;position:relative;background:#fff;height:190px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;border:1px solid #D9D2C6;border-top:3px solid var(--in-o);background-image:repeating-linear-gradient(transparent 0 23px,#EEF0F3 23px 24px);background-position:0 44px;box-shadow:0 -6px 14px -10px rgba(11,12,16,.35);transform:translateY(40px);transition:transform .55s cubic-bezier(.3,1.3,.5,1),box-shadow .3s}
.in-ca-card:hover{transform:translateY(30px)}
.in-ca-card[aria-pressed="true"]{transform:translateY(-34px);box-shadow:0 -14px 30px -14px rgba(11,12,16,.4)}
.in-ca-card:focus-visible{outline:2px solid var(--in-o)}
.in-ca-no{font:500 11px var(--f-sans);color:#8F8A80;letter-spacing:.08em}
.in-ca-card small{font:600 12px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--in-oi)}
.in-ca-card b{font:600 clamp(16px,1.35vw,19px)/1.3 var(--f-sans);color:var(--ink)}
.in-ca-hole{position:absolute;left:50%;bottom:14px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#E9DFD3;border:1px solid #D9D2C6}
.in-ca-front{position:relative;z-index:2;height:96px;background:linear-gradient(#D9C6AE,#C9B293);border:1px solid #B79E7F;border-top:6px solid #E9DFD3;display:grid;place-items:center;align-content:center;gap:10px;box-shadow:0 20px 30px -20px rgba(11,12,16,.5)}
.in-ca-plate{font:600 13px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:linear-gradient(#FFD9C2,#FFA77F);border:1px solid var(--in-oi);padding:5px 14px}
.in-ca-pull{display:block;width:90px;height:12px;border-radius:0 0 40px 40px;border:3px solid #8A6F52;border-top:0}
@media (max-width:900px){.in-ca{grid-template-columns:1fr}}
@media (max-width:640px){.in-ca-drawer{padding-top:0}.in-ca-cards{grid-template-columns:1fr 1fr;height:auto;padding:0 10px;gap:8px}.in-ca-card{height:auto;min-height:150px;transform:translateY(14px)}.in-ca-card:hover{transform:translateY(8px)}.in-ca-card[aria-pressed="true"]{transform:translateY(-4px)}.in-ca-hole{display:none}.in-ca-front{height:70px}}

/* ── all articles: record crate ── */
.in-cr-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.in-cr-chips button{background:none;border:1px solid #2E3344;color:#C9CBD3;padding:9px 14px;font:500 14px var(--f-sans);transition:all .25s}
.in-cr-chips button b{font-weight:600;color:var(--in-pe);margin-left:4px}
.in-cr-chips button[aria-pressed="true"]{background:#fff;border-color:#fff;color:var(--ink)}.in-cr-chips button[aria-pressed="true"] b{color:var(--in-oi)}
.in-cr{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.in-cr>*{min-width:0}
.in-cr-box{position:relative;height:500px;perspective:1100px;overflow:hidden;border-bottom:1px solid #22263A}
.in-cr-sleeves{position:absolute;left:50%;bottom:30px;width:280px;height:280px;margin-left:-140px;transform-style:preserve-3d}
.in-cr-s{all:unset;box-sizing:border-box;position:absolute;inset:0;cursor:pointer;transform-origin:50% 100%;transition:transform .6s cubic-bezier(.3,1,.4,1),opacity .4s,filter .4s;transform:translate(calc(var(--d,0) * 14px),calc(var(--d,0) * -20px)) translateZ(calc(var(--d,0) * -30px));z-index:calc(100 - var(--d,0))}
.in-cr-s.on{transform:translate(-34%,-150px) rotate(-5deg);z-index:150}
.in-cr-s.past{transform:translateY(40px) rotateX(-62deg);z-index:calc(200 + var(--d,0));filter:brightness(.6)}
.in-cr-s.out{opacity:.12;filter:grayscale(1)}
.in-cr-s:focus-visible .in-cr-cover{outline:2px solid var(--in-o)}
.in-cr-tab{position:absolute;left:12px;top:-20px;font:600 11px var(--f-sans);letter-spacing:.06em;text-transform:uppercase;background:#2A2E3D;color:#C9CBD3;padding:4px 8px;border-radius:3px 3px 0 0;white-space:nowrap}
.in-cr-cover{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:18px;background:#151823;border:1px solid #2E3344;box-shadow:0 -10px 30px -16px rgba(0,0,0,.9);overflow:hidden}
.in-cr-cover svg{position:absolute;right:-6px;top:6px;width:62%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.in-cr-cover b{font:600 17px/1.25 var(--f-sans);color:#fff;position:relative}
.in-cr-cover small{font:500 11.5px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;position:relative;opacity:.85}
.in-cr-ai .in-cr-cover{background:linear-gradient(160deg,#3A1A0A,#151823 70%);color:var(--in-o)}
.in-cr-seo .in-cr-cover{background:linear-gradient(160deg,#1F2331,#0E1018);color:var(--in-pe)}
.in-cr-commerce .in-cr-cover{background:linear-gradient(160deg,#C2410C,#5A1D05);color:#FFD9C2}
.in-cr-guides .in-cr-cover{background:#F5F2EE;color:var(--in-oi)}.in-cr-guides .in-cr-cover b{color:var(--ink)}
.in-cr-ai .in-cr-tab,.in-cr-commerce .in-cr-tab{background:#3A1A0A;color:var(--in-pe)}
.in-cr-front{position:absolute;left:8%;right:8%;bottom:0;height:150px;z-index:400;background:repeating-linear-gradient(#3A2A1E 0 26px,#2C1F16 26px 28px);border:1px solid #4A3626;display:grid;place-items:center;box-shadow:0 -20px 30px -20px rgba(0,0,0,.9)}
.in-cr-front span{font:600 12px var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:#C99A80;border:1px solid #6B4C35;padding:6px 12px}
.in-cr-flick{position:absolute;right:0;top:0;display:grid;gap:6px;z-index:500}
.in-cr-flick button{background:#0E1018;border:1px solid #2E3344;color:#fff;padding:8px 12px;font:500 13px var(--f-sans)}
.in-cr-flick button:hover{border-color:var(--in-o)}
.in-cr-ds{display:grid}
.in-cr-d{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(12px);transition:all .45s;display:grid;gap:12px;align-content:start}
.in-cr-d.on{opacity:1;visibility:visible;transform:none}
.in-cr-d small{font:500 12.5px var(--f-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--in-pe)}
.in-cr-d h3{font:600 clamp(24px,2.3vw,32px)/1.15 var(--f-sans);color:#fff;letter-spacing:-.01em}
.in-cr-d p{color:var(--fg-2);font-size:17px}
.in-cr-d a{display:inline-flex;align-items:center;gap:12px;font:500 15.5px var(--f-sans);color:#fff;justify-self:start}
.in-cr-d a i{font-style:normal;width:32px;height:32px;display:grid;place-items:center;background:var(--in-o);transition:transform .2s}
.in-cr-d a:hover i{transform:translateX(4px)}
.in-cr-idx{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;border-top:1px solid #22263A}
.in-cr-idx li{border-bottom:1px solid #1A1D29;transition:opacity .3s}
.in-cr-idx li.out{display:none}
.in-cr-idx a{display:grid;grid-template-columns:32px 1fr auto;gap:12px;padding:14px 0;align-items:baseline}
.in-cr-idx span{font:500 12.5px var(--f-sans);color:#6E7286}
.in-cr-idx b{font:500 15.5px/1.35 var(--f-sans);color:#E4E6EC}
.in-cr-idx em{font-style:normal;font:500 12.5px var(--f-sans);color:var(--in-pe);white-space:nowrap}
.in-cr-idx a:hover b{color:#fff;text-decoration:underline;text-decoration-color:var(--in-o)}
@media (max-width:900px){.in-cr{grid-template-columns:1fr}.in-cr-idx{grid-template-columns:1fr}}
@media (max-width:480px){.in-cr-box{height:430px}.in-cr-sleeves{width:230px;height:230px;margin-left:-115px}.in-cr-s.on{transform:translate(-22%,-140px) rotate(-4deg)}.in-cr-front{height:130px;left:2%;right:2%}.in-cr-flick{position:absolute;left:0;right:auto;grid-auto-flow:column}.in-cr-flick button{padding:7px 9px;font-size:12px}.in-cr-idx em{display:none}}

/* ── where to start: signposts ── */
.in-sp{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,56px);align-items:start}
.in-sp>*{min-width:0}
.in-sp-posts{display:grid;gap:22px}
.in-sp-post small{display:block;font:500 12px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--in-oi);margin-bottom:10px}
.in-sp-arms{display:grid;gap:8px;border-left:6px solid #8A6F52;padding-left:0}
.in-sp-arm{position:relative;text-align:left;background:#fff;border:1px solid var(--paper-line);border-left:0;padding:11px 34px 11px 16px;font:500 15px/1.3 var(--f-sans);color:var(--ink);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%);transition:background .25s,color .25s,transform .3s;transform-origin:left center}
.in-sp-arm:hover{background:#FFF1EA}
.in-sp-arm[aria-pressed="true"]{background:var(--ink);color:#fff;transform:rotate(-1.5deg)}
.in-sp-arm2[aria-pressed="true"]{background:var(--in-o)}
.in-sp-p2{opacity:.55;transition:opacity .3s}.in-sp.a1 .in-sp-p2{opacity:1}
.in-sp-out{display:grid;background:var(--night);color:#fff;min-height:200px}
.in-sp-wait,.in-sp-res{grid-area:1/1;padding:22px 24px;display:grid;gap:8px;align-content:start;transition:opacity .4s,transform .4s}
.in-sp-res{opacity:0;visibility:hidden;transform:translateY(10px)}
.in-sp-res.on{opacity:1;visibility:visible;transform:none}
.in-sp.done .in-sp-wait{opacity:0}
.in-sp-wait b{font:600 19px var(--f-sans)}.in-sp-wait p{color:var(--fg-2)}
.in-sp-res small{font:500 12px var(--f-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--in-pe)}
.in-sp-res h3{font:600 21px/1.25 var(--f-sans)}
.in-sp-res p{color:var(--fg-2);font-size:15px}
.in-sp-res a{display:inline-flex;gap:10px;align-items:center;font:500 15px var(--f-sans);color:#fff;justify-self:start}
.in-sp-res a i{font-style:normal;width:28px;height:28px;display:grid;place-items:center;background:var(--in-o)}
.in-sp-map{background:#fff;border:1px solid var(--paper-line)}
.in-sp-map svg{display:block;width:100%;height:auto}
.in-sp-grid path{stroke:#F1EDE6;stroke-width:1}
.in-sp-rd{fill:none;stroke:#E2DCD3;stroke-width:12;stroke-linecap:round;transition:stroke .4s}
.in-sp-rd.on{stroke:var(--in-o)}
.in-sp-rd.dim{stroke:#EFEBE5}
.in-sp-fork{fill:#fff;stroke:#B9B3A8;stroke-width:2;transition:all .3s}.in-sp-fork.on{fill:var(--in-o);stroke:var(--in-o)}
.in-sp-dst circle{fill:#fff;stroke:#0B0C10;stroke-width:1.6;transition:all .3s}
.in-sp-dst text{font:600 12px var(--f-sans);text-anchor:middle;fill:#0B0C10}
.in-sp-dst.on circle{fill:var(--in-o);stroke:var(--in-o);r:21}.in-sp-dst.on text{fill:#fff}
.in-sp-you{fill:var(--ink)}.in-sp-yt{font:500 13px var(--f-sans);fill:#8F8A80}
.in-sp-runner{fill:var(--in-o);stroke:#fff;stroke-width:3}
@media (max-width:900px){.in-sp{grid-template-columns:1fr}.in-sp-map{order:-1}}

/* ── reading time: stopwatch ── */
.in-sw{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,56px);align-items:center}
.in-sw>*{min-width:0}
.in-sw-watch{display:grid;justify-items:center;gap:16px}
.in-sw-btns{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.in-sw-btns button{background:none;border:1px solid #2E3344;color:#C9CBD3;padding:8px 14px;font:500 14px var(--f-sans);transition:all .25s}
.in-sw-btns button[aria-pressed="true"]{background:var(--in-o);border-color:var(--in-o);color:#fff}
.in-sw-watch svg{width:100%;max-width:380px;height:auto}
.in-sw-crown{fill:#2E3344}
.in-sw-case{fill:#151823;stroke:#3A3F52;stroke-width:3}
.in-sw-face{fill:#0A0B10;stroke:#22263A;stroke-width:1}
.in-sw-watch svg path[transform]{stroke:#3A3F52;stroke-width:1.5}
.in-sw-watch svg path.in-sw-big{stroke:#8E93A6;stroke-width:2.5}
.in-sw-num text{font:600 14px var(--f-sans);fill:#6E7286;text-anchor:middle}
.in-sw-segs path{fill:none;stroke-width:14}
.in-sw-budget{fill:none;stroke:rgba(255,167,127,.35);stroke-width:3;stroke-dasharray:50 100;transition:stroke-dasharray .6s}
.in-sw-hand{stroke:var(--in-o);stroke-width:3;stroke-linecap:round;transform-box:view-box;transform-origin:150px 160px}
.in-sw-pin{fill:var(--in-o)}
.in-sw-read{display:flex;align-items:baseline;gap:10px;color:#8E93A6;font:500 15px var(--f-sans)}
.in-sw-read .in-sw-t{font:700 34px var(--f-flex);color:#fff;font-variant-numeric:tabular-nums}
.in-sw-read span b{color:var(--in-pe)}
.in-sw-log{border:1px solid var(--in-ln);background:#0E1018}
.in-sw-lh{display:flex;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--in-ln);font:500 13px var(--f-sans);color:#8E93A6}
.in-sw-lh span:first-child{color:#fff;letter-spacing:.1em;text-transform:uppercase;font-size:12px}
.in-sw-sum{color:var(--in-pe)}
.in-sw-laps{list-style:none;margin:0;padding:0}
.in-sw-laps li{border-bottom:1px solid #1A1D29;opacity:.38;transition:opacity .35s,background .35s}
.in-sw-laps li.in{opacity:1}
.in-sw-laps li.hit{background:rgba(255,91,26,.1)}
.in-sw-laps a{display:grid;grid-template-columns:52px 1fr auto 54px;gap:10px;align-items:center;padding:12px 18px}
.in-sw-lap{font:600 11px var(--f-sans);letter-spacing:.08em;text-transform:uppercase;color:#6E7286}
.in-sw-laps li.in .in-sw-lap{color:var(--in-o)}
.in-sw-laps b{font:500 14.5px/1.35 var(--f-sans);color:#E4E6EC}
.in-sw-laps em{font-style:normal;font:500 12.5px var(--f-sans);color:#8E93A6;white-space:nowrap}
.in-sw-cum{font-style:normal;font:600 12.5px var(--f-sans);color:var(--in-pe);text-align:right;font-variant-numeric:tabular-nums}
@media (max-width:900px){.in-sw{grid-template-columns:1fr}}
@media (max-width:480px){.in-sw-laps a{grid-template-columns:1fr auto;padding:10px 14px}.in-sw-lap,.in-sw-cum{display:none}.in-sw-laps b{font-size:13.5px}}

/* ── how we write: sieves ── */
.in-sv{max-width:1100px;margin:0 auto;display:grid;gap:0}
.in-sv-hopper{justify-self:start;margin-left:calc(30% - 90px);width:180px;height:56px;background:var(--ink);clip-path:polygon(0 0,100% 0,62% 100%,38% 100%);display:grid;place-items:start center;padding-top:10px}
.in-sv-hopper span{font:500 11.5px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--in-pe)}
.in-sv-rows{position:relative;display:grid}
.in-sv-row{display:grid;grid-template-columns:60px 1fr 1fr;gap:20px;align-items:center;height:92px;border-bottom:1px solid transparent;transition:background .3s}
.in-sv-row:hover,.in-sv-row.on{background:rgba(255,91,26,.05)}
.in-sv-no{font:600 13px var(--f-sans);color:#8F8A80}
.in-sv-mesh{position:relative;height:100%}
.in-sv-mesh i{position:absolute;left:0;right:0;bottom:16px;height:6px;background:repeating-linear-gradient(90deg,#0B0C10 0 calc(14px - var(--i) * 2px),transparent calc(14px - var(--i) * 2px) calc(22px - var(--i) * 1px));border-radius:3px}
.in-sv-tx b{font:600 17px var(--f-sans)}
.in-sv-tx p{color:var(--ink-2);font-size:15px;margin-top:2px}
.in-sv-fly{position:absolute;left:80px;top:0;bottom:0;width:calc(50% - 50px);pointer-events:none}
.in-sv-dot{position:absolute;width:10px;height:10px;margin:-5px;border-radius:50%;background:var(--in-o)}
.in-sv-dot.caught{background:#8F8A80}
.in-sv-tag{position:absolute;transform:translate(-50%,-140%);font:600 11px var(--f-sans);white-space:nowrap;background:#fff;border:1px solid var(--paper-line);color:var(--ink-2);padding:3px 7px;animation:inTag 1.6s ease-out forwards}
.in-sv-tag::before{content:"✕ ";color:var(--in-oi)}
@keyframes inTag{0%{opacity:0;transform:translate(-50%,-80%)}15%{opacity:1;transform:translate(-50%,-140%)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-170%)}}
.in-sv-out{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:14px;padding:18px 22px;background:var(--night);color:#fff}
.in-sv-n{font:700 34px var(--f-flex);color:var(--in-o);font-variant-numeric:tabular-nums}
.in-sv-out span{color:#C9CBD3}
.in-sv-c{margin-left:auto;font-style:normal;font:500 14px var(--f-sans);color:#8E93A6}
@media (max-width:700px){.in-sv-row{grid-template-columns:28px 1fr;height:auto;min-height:96px;gap:8px 12px;padding:10px 0}.in-sv-tx{grid-column:2;order:-1}.in-sv-mesh{grid-column:2;height:30px}.in-sv-mesh i{bottom:8px}.in-sv-fly{left:40px;width:calc(100% - 40px)}.in-sv-hopper{margin-left:calc(50% - 90px)}}

/* ── glossary: letter tiles ── */
.in-tl{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,4vw,56px);align-items:center}
.in-tl>*{min-width:0}
.in-tl-bag{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.in-tl-bag button{background:#0E1018;border:1px solid #2E3344;color:#C9CBD3;padding:14px 6px;font:700 16px var(--f-flex);letter-spacing:.04em;transition:all .25s}
.in-tl-bag button:hover{border-color:#6E7286;color:#fff}
.in-tl-bag button[aria-pressed="true"]{background:var(--in-o);border-color:var(--in-o);color:#fff}
.in-tl-board{display:grid;gap:0;background:radial-gradient(ellipse at 50% 30%,rgba(255,91,26,.1),transparent 70%);padding:10px 0}
.in-tl-rack{display:flex;justify-content:center;gap:clamp(6px,1vw,12px);perspective:600px;padding:0 10px}
.in-tl-t{position:relative;width:clamp(52px,6vw,84px);aspect-ratio:1;display:grid;place-items:center;background:linear-gradient(145deg,#FBF3E8,#E9DCC8);border-radius:8px;box-shadow:0 6px 0 #C9B293,0 12px 20px -8px rgba(0,0,0,.7);transform-style:preserve-3d}
.in-tl-t b{font:700 clamp(26px,3.2vw,42px)/1 var(--f-flex);color:var(--ink)}
.in-tl-t i{position:absolute;right:8px;bottom:6px;width:8px;height:8px;border-radius:50%;background:var(--in-o);opacity:.85}
.in-tl-t.blank{opacity:.18}
.in-tl-t.blank i{display:none}
.in-tl-t.flip{animation:inTile .55s cubic-bezier(.3,1.3,.5,1) both;animation-delay:calc(var(--k) * .08s)}
@keyframes inTile{0%{transform:rotateX(-100deg) translateY(-30px);opacity:0}100%{transform:none;opacity:1}}
.in-tl-t.blank.flip{animation:none}
.in-tl-ledge{height:16px;margin:10px auto 0;width:min(520px,96%);background:linear-gradient(#8A6F52,#5E4733);border-radius:3px;box-shadow:0 10px 18px -8px rgba(0,0,0,.8)}
.in-tl-os{display:grid;margin-top:28px;text-align:center}
.in-tl-o{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .45s;display:grid;gap:8px;justify-items:center}
.in-tl-o.on{opacity:1;visibility:visible;transform:none}
.in-tl-o small{font:600 13px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--in-pe)}
.in-tl-o p{color:#E4E6EC;font-size:18px;max-width:36em}
.in-tl-o a{font:500 14.5px var(--f-sans);color:var(--fg-2);border-bottom:1px solid rgba(255,91,26,.5)}
.in-tl-o a:hover{color:#fff}
.in-tl-o a i{font-style:normal;color:var(--in-o)}
@media (max-width:900px){.in-tl{grid-template-columns:1fr}.in-tl-board{order:-1}}
@media (max-width:480px){.in-tl-t{width:54px}.in-tl-o p{font-size:16px}}

@media (prefers-reduced-motion:reduce){
  .in-sf *,.in-ca *,.in-cr *,.in-sp *,.in-sw *,.in-sv *,.in-tl *{transition:none!important;animation:none!important}
}

/* QA fixes (Q3) */
@media (max-width:480px){.in-cr-box{height:476px}}
.in-tl-o a{border-bottom:0;text-decoration:underline;text-decoration-color:rgba(255,91,26,.55);text-underline-offset:5px;max-width:36em}
@media (max-width:600px){.in-sf-next li{grid-template-columns:auto 1fr auto}.in-sf-next li span{white-space:nowrap;font-size:10px;letter-spacing:.06em}}
@media (max-width:600px){.in-sf-next li{grid-template-columns:84px 1fr auto;gap:8px}}
/* widths pass (360/768/1024/1280): keep the pulled-out sleeve inside the crate box, keep the board counter on one line */
@media (min-width:901px) and (max-width:1199px){.in-cr-s.on{transform:translate(-20%,-150px) rotate(-5deg)}}
@media (max-width:379px){.in-cr-s.on{transform:translate(-15%,-140px) rotate(-4deg)}}
@media (max-width:480px){.in-sf-clk{white-space:nowrap}}
/* phone font pass (+3px small text): up-next rows put topic and minutes on one line and the title under it; only the front sleeve in the crate keeps its tab so the larger tabs do not pile up */
@media (max-width:600px){
  .in-sf-next li{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}
  .in-sf-next li span{grid-column:1;grid-row:1}
  .in-sf-next li em{grid-column:2;grid-row:1}
  .in-sf-next li b{grid-column:1/-1;grid-row:2}
  .in-cr-s:not(.on) .in-cr-tab{opacity:0}
}