.case-home{margin-inline:auto 32px;font-size:13px}.case-main{padding-top:132px}.case-breadcrumb{color:var(--muted);flex-wrap:wrap;gap:12px;margin-bottom:50px;font-size:12px;display:flex}.case-breadcrumb a:hover{color:var(--accent)}.case-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:7%;padding-bottom:55px;display:grid}.case-intro h1{letter-spacing:-.025em;margin:22px 0 16px;font-size:clamp(38px,5vw,66px);line-height:1.35}.case-subtitle{max-width:26ch;font-size:clamp(19px,2vw,25px);line-height:1.7}.case-summary{color:var(--muted);max-width:57ch;margin:24px 0;font-size:15px;line-height:2}.case-byline{border-bottom:1px solid var(--line);padding-bottom:6px;font-size:12px}.case-art img{border-radius:var(--radius);width:100%;height:auto}.case-art figcaption{color:var(--muted);margin-top:10px;font-size:10px}.case-facts{border-block:1px solid var(--line);grid-template-columns:1.4fr 1fr 1fr;gap:30px;margin:0 0 70px;padding:27px 0;display:grid}.case-facts dt{color:var(--muted);margin-bottom:7px;font-size:11px}.case-facts dd{margin:0;font-size:13px}.case-layout{grid-template-columns:240px minmax(0,1fr);gap:clamp(35px,8vw,120px);display:grid}.case-toc{align-self:start;position:sticky;top:110px}.case-toc nav>p{color:var(--muted);margin-bottom:22px;font-size:11px}.case-toc nav a{border-bottom:1px solid var(--line);align-items:baseline;gap:12px;padding:12px 0;font-size:12px;line-height:1.8;display:flex}.case-toc nav a:hover{color:var(--accent)}.case-toc nav a span{font-family:var(--font-mono);color:var(--faint);font-size:10px}.case-toc>a{margin-top:28px;font-size:12px}.case-body{min-width:0;max-width:760px}.case-body section{margin-bottom:58px;scroll-margin-top:110px}.case-body h2{margin-bottom:20px;font-size:24px;line-height:1.6}.case-body p{color:#50534e;margin-bottom:17px;font-size:15px;line-height:2.15}.case-code{margin-top:28px}.case-code pre{background:var(--night);color:var(--on-night);border-radius:var(--radius);font-family:var(--font-mono);padding:26px;font-size:13px;line-height:1.8;overflow:auto}.case-code figcaption{color:var(--muted);font-size:11px}.case-flow{counter-reset:flow;background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1px;margin-top:26px;padding:0;list-style:none;display:grid}.case-flow li{counter-increment:flow;background:var(--blue-soft);padding:21px;font-size:13px}.case-flow li:before{content:"0" counter(flow);color:var(--accent-blue);font:11px var(--font-mono);margin-bottom:10px;display:block}.case-list{padding-inline-start:22px;line-height:2.2}.case-list li::marker{color:var(--accent)}.case-sources{border-top:1px solid var(--line);padding-top:30px}.case-sources ul{flex-wrap:wrap;gap:14px 26px;padding:0;list-style:none;display:flex}.case-sources a{color:var(--accent-blue);text-underline-offset:5px;overflow-wrap:anywhere;font-size:13px;text-decoration:underline}.case-author{background:var(--surface);align-items:start;gap:25px;padding:28px;display:flex}.case-author img{object-fit:cover;flex-shrink:0;width:74px;height:92px}.case-author h2{margin-bottom:10px;font-size:16px}.case-author p{font-size:12px;line-height:2}.case-author a{font-size:12px}.case-related{border-top:1px solid var(--line);padding:55px 0 80px}.case-related h2{margin:18px 0 30px;font-size:28px}.case-related>div:last-child{grid-template-columns:1fr 1fr;gap:32px;display:grid}.case-related a{grid-template-columns:130px minmax(0,1fr);align-items:start;gap:25px;display:grid}.case-related img{width:100%;height:auto;transition:transform .25s}.case-related a:hover img{transform:translateY(-4px)}.case-related span{color:var(--muted);font-size:10px}.case-related h3{margin:5px 0 8px;font-size:21px}.case-related p{color:var(--muted);font-size:12px}.case-related .case-read{color:var(--accent);margin-top:15px;display:inline-block}@media (width<=800px){.case-main{padding-top:108px}.case-breadcrumb{margin-bottom:34px}.case-hero{grid-template-columns:1fr;gap:32px;padding-bottom:30px}.case-intro h1{font-size:42px}.case-subtitle{max-width:none}.case-art{max-width:560px}.case-facts{grid-template-columns:1fr 1fr;gap:22px;margin-bottom:30px}.case-facts>div:first-child{grid-column:1/-1}.case-layout{grid-template-columns:1fr;gap:40px}.case-toc{border-bottom:1px solid var(--line);padding-bottom:22px;position:static}.case-toc nav a{border:0;padding:8px 0}.case-body h2{font-size:22px}.case-body p{font-size:14px}.case-related>div:last-child{grid-template-columns:1fr;gap:34px}.case-related a{grid-template-columns:100px minmax(0,1fr);gap:20px}}@media (width<=420px){.case-home{margin-inline-end:16px;font-size:11px}.case-author{gap:15px;padding:20px}.case-author img{width:50px;height:63px}.case-code pre{padding:17px;font-size:11px}.case-flow li{padding:16px;font-size:12px}}@media (prefers-reduced-motion:reduce){.case-related img{transition:none}}
