.page-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:30px}.case-copy{max-width:60ch;color:var(--color-text-muted)}.case-copy p+p{margin-top:18px}.case-copy strong{color:var(--color-text);font-weight:700}.case-copy code,.guardrail-title code{font-family:var(--font-mono);font-size:.85em;color:var(--color-contour);background:rgba(var(--surface-sunken-rgb),.6);border:1px solid var(--color-hairline);border-radius:5px;padding:1px 6px;white-space:nowrap}.problem-layout{display:flex;flex-direction:column;gap:40px}.problem-layout>*{min-width:0}.measure-panel{position:relative;padding:26px 24px 24px;border:1px solid var(--color-hairline-strong);border-radius:12px;background:linear-gradient(160deg,rgba(var(--surface-raised-rgb),.85),rgba(var(--surface-sunken-rgb),.7))}.measure-panel:before,.measure-panel:after{content:"";position:absolute;width:18px;height:18px;pointer-events:none}.measure-panel:before{top:-5px;left:-5px;border-top:2px solid var(--color-terrain-green);border-left:2px solid var(--color-terrain-green)}.measure-panel:after{bottom:-5px;right:-5px;border-bottom:2px solid var(--color-terrain-green);border-right:2px solid var(--color-terrain-green)}.measure-kicker{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-faint);margin-bottom:10px}.measure-term{font-size:1.24rem;font-weight:800;letter-spacing:-.012em}.measure-formula{display:flex;flex-direction:column;gap:12px;margin-block:18px;padding:18px 16px;font-family:var(--font-mono);font-size:.76rem;line-height:1.55;letter-spacing:.02em;text-align:center;color:var(--color-text);border:1px dashed var(--color-hairline);border-radius:9px;background:rgba(var(--surface-sunken-rgb),.55)}.measure-divider{display:block;height:1px;background:var(--gradient-terrain)}.measure-note{font-size:.88rem;color:var(--color-text-muted)}.data-layout{display:flex;flex-direction:column;gap:36px}.data-layout>*{min-width:0}.data-facts{--gutter-x: 26px;--gutter-y: 26px;margin-top:26px;padding-top:22px;border-top:1px dashed var(--color-hairline)}.data-facts li{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.04em;color:var(--color-text-muted)}.data-facts li:before{content:"";width:12px;height:2px;flex:none;background:var(--gradient-terrain)}.code-plate{margin:0;border:1px solid var(--color-hairline-strong);border-radius:12px;overflow:hidden;background:rgba(var(--surface-sunken-rgb),.85)}.code-plate-caption{display:flex;align-items:center;gap:10px;padding:12px 18px;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-faint);border-bottom:1px dashed var(--color-hairline)}.code-plate-caption:before{content:"";width:8px;height:8px;flex:none;border-radius:50%;border:1px solid var(--color-contour)}.code-plate-body{margin:0;padding:18px 20px 22px;overflow-x:auto;font-family:var(--font-mono);font-size:clamp(.68rem,1.9vw,.78rem);line-height:1.65;color:var(--color-text-muted)}.tk-key{color:var(--color-contour)}.tk-str{color:var(--color-terrain-green)}.tk-num{color:var(--color-text)}.tk-pun{color:var(--color-text-faint)}.pipeline{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:34px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.pipeline-node{padding:7px 12px;color:var(--color-text);border:1px solid var(--color-hairline-strong);border-radius:7px;background:rgba(var(--surface-raised-rgb),.6)}.pipeline>i{color:var(--color-contour);font-size:.82rem}.derived-list{--gutter-x: 14px;--gutter-y: 14px}.derived-item{display:flex;align-items:flex-start;gap:15px;padding:18px;border:1px solid var(--color-hairline);border-radius:11px;background:rgba(var(--surface-raised-rgb),.45)}.derived-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border:1px solid var(--color-hairline-strong);border-radius:9px;color:var(--color-contour);font-size:.88rem}.derived-title{font-size:.98rem;font-weight:760;letter-spacing:-.008em;line-height:1.3}.derived-note{margin-top:5px;font-size:.88rem;color:var(--color-text-muted)}.pull-note{max-width:60ch;margin-top:36px;padding:20px 24px;font-size:1.06rem;font-weight:650;line-height:1.5;color:var(--color-text);border-left:3px solid var(--color-terrain-green);border-radius:0 11px 11px 0;background:rgba(var(--surface-raised-rgb),.4)}.pull-note-kicker{display:block;margin-bottom:8px;font-family:var(--font-mono);font-size:.62rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--color-contour)}.guardrail-grid{--gutter-x: 20px;--gutter-y: 20px}.guardrail-card{padding:24px 24px 12px;border:1px solid var(--color-hairline);border-radius:12px;background:linear-gradient(160deg,rgba(var(--surface-raised-rgb),.7),rgba(var(--surface-rgb),.5))}.guardrail-tag{display:inline-flex;margin-bottom:14px;padding:3px 9px;font-family:var(--font-mono);font-size:.64rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--color-contour);border:1px dashed var(--color-hairline-strong);border-radius:5px}.guardrail-title{font-size:1.12rem;font-weight:780;letter-spacing:-.01em;line-height:1.3}.guardrail-intro{margin-top:8px;font-size:.92rem;color:var(--color-text-muted)}.check-list{margin-top:14px}.check-list li{display:flex;align-items:flex-start;gap:12px;padding-block:12px;border-top:1px dashed var(--color-hairline);font-size:.92rem;line-height:1.55;color:var(--color-text-muted)}.check-list li i{flex:none;margin-top:5px;font-size:.76rem;color:var(--color-terrain-green)}.check-list strong{color:var(--color-text);font-weight:700}.touch-grid{--gutter-x: 18px;--gutter-y: 18px}.touch-card{padding:24px 22px;border:1px solid var(--color-hairline);border-radius:12px;background:rgba(var(--surface-raised-rgb),.45)}.touch-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--gradient-terrain);color:var(--color-on-terrain);font-size:.95rem}.touch-title{margin-top:16px;font-size:1.02rem;font-weight:770;letter-spacing:-.008em}.touch-blurb{margin-top:7px;font-size:.92rem;color:var(--color-text-muted)}.touch-tally{display:flex;align-items:center;gap:12px;margin-top:30px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-faint)}.touch-tally i{flex:none;font-size:.85rem;color:var(--color-contour)}.touch-tally:after{content:"";flex:1;height:1px;background:repeating-linear-gradient(to right,var(--color-hairline) 0 14px,transparent 14px 22px)}.stack-band{border-top:1px solid var(--color-hairline);background:linear-gradient(180deg,var(--color-ink-raised),var(--color-ink));padding-block:34px 38px}.stack-legend{gap:14px 28px}.stack-legend li{font-size:.8rem;letter-spacing:.05em;color:var(--color-text)}.stack-legend .legend-swatch{width:12px;height:12px}.stack-flow{display:inline-flex;align-items:center;margin-inline:9px;color:var(--color-text-faint);font-size:.8rem}.plate-grid{--gutter-x: 26px;--gutter-y: 26px}.screenshot-plate{margin:0;min-width:0}.screenshot-frame{position:relative;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;padding:24px;border:1px solid var(--color-hairline-strong);border-radius:8px;background:repeating-radial-gradient(circle at 84% 118%,transparent 0 30px,rgba(var(--contour-rgb),.07) 30px 31px),repeating-radial-gradient(circle at 10% -22%,transparent 0 26px,rgba(var(--contour-rgb),.05) 26px 27px),var(--color-ink-sunken)}.screenshot-frame:before,.screenshot-frame:after{content:"";position:absolute;width:20px;height:20px;pointer-events:none}.screenshot-frame:before{top:-6px;left:-6px;border-top:2px solid var(--color-terrain-green);border-left:2px solid var(--color-terrain-green)}.screenshot-frame:after{bottom:-6px;right:-6px;border-bottom:2px solid var(--color-terrain-green);border-right:2px solid var(--color-terrain-green)}.screenshot-frame--filled{padding:0;overflow:hidden}.screenshot-img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.screenshot-pending{display:flex;flex-direction:column;align-items:center;gap:13px;max-width:30ch;text-align:center;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;line-height:1.8;color:var(--color-text-faint)}.screenshot-pending i{font-size:1.3rem;color:var(--color-contour);opacity:.65}.screenshot-caption{margin-top:13px;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted)}.page-cta{position:relative;overflow:hidden;padding:clamp(30px,5.5vw,60px);border:1px solid var(--color-hairline-strong);border-radius:18px;background:linear-gradient(150deg,rgba(var(--surface-raised-rgb),.92),rgba(var(--surface-sunken-rgb),.88))}.page-cta:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 88% 118%,transparent 0 34px,rgba(var(--contour-rgb),.06) 34px 35px);pointer-events:none}.page-cta>*{position:relative}.cta-heading{max-width:22ch}.cta-body{margin-block:16px 30px;max-width:56ch;color:var(--color-text-muted)}.cta-actions{display:flex;flex-wrap:wrap;gap:14px}@media(min-width:768px){.plate-grid{--gutter-x: 26px;--gutter-y: 26px}}@media(min-width:992px){.problem-layout{flex-direction:row;align-items:flex-start;gap:64px}.problem-layout>.case-copy{flex:1.15 1 0}.problem-layout>.measure-panel{flex:.85 1 0}.data-layout{flex-direction:row;align-items:flex-start;gap:56px}.data-layout>.case-copy{flex:.95 1 0}.data-layout>.code-plate{flex:1.05 1 0}}@media(min-width:1400px){.problem-layout,.data-layout{gap:80px}}