.case-page{padding-block:var(--space-6) var(--space-7)}.case-link,.case-external a{display:inline-flex;align-items:center;min-height:44px;color:var(--signal);transition:color .12s}.case-link:hover,.case-external a:hover{color:var(--text)}.case-back{margin-bottom:var(--space-5)}.case-header{padding-bottom:var(--space-5);border-bottom:1px solid var(--edge)}.case-meta,.case-stack{font:13px/1.7 var(--font-mono);color:var(--faint);margin:0 0 var(--space-3);overflow-wrap:anywhere}.case-status{display:flex;align-items:center;gap:var(--space-2);color:var(--channel);font:400 11px/1.5 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 var(--space-4)}.case-status span{width:6px;height:6px;border-radius:50%;background:var(--channel)}.case-status.is-live span{background:var(--live)}.case-title{font:600 39px/1.2 var(--font-ui);color:var(--text);max-width:25ch;overflow-wrap:anywhere;margin:0 0 var(--space-4)}.case-summary{max-width:62ch;margin:0 0 var(--space-4)}.case-external{display:flex;gap:var(--space-4);flex-wrap:wrap}.case-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--space-7);align-items:start;padding-top:var(--space-6)}.case-nav{position:sticky;top:var(--space-4);display:flex;flex-direction:column;font-size:14px}.case-nav p{font:13px/1.7 var(--font-mono);color:var(--faint);margin:0 0 var(--space-3)}.case-nav a{display:flex;align-items:center;min-height:44px;padding-left:var(--space-3);border-left:1px solid var(--edge);color:var(--muted);text-decoration:none;transition:color .12s}.case-nav a:hover,.case-nav a[aria-current=location]{color:var(--signal)}.case-nav a[aria-current=location]{border-left-color:var(--signal)}.case-content{min-width:0;max-width:62ch}.case-section{scroll-margin-top:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--edge)}.case-section h2{font:500 25px/1.25 var(--font-ui);margin:0 0 var(--space-4);color:var(--text)}.case-section h3{font:500 20px/1.4 var(--font-ui);margin:0 0 var(--space-2);color:var(--text)}.case-section p{margin:0;line-height:1.8}.case-section ul{margin:0;padding-left:var(--space-4)}.case-section li{padding-left:var(--space-1);margin-bottom:var(--space-3);line-height:1.8}.case-section li::marker{color:var(--channel)}.case-detail+.case-detail{margin-top:var(--space-5)}.case-project-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.case-project-nav a{display:block;padding:var(--space-4);border:1px solid var(--edge);color:var(--text);background:var(--surface);text-decoration:none;transition:color .12s;overflow-wrap:anywhere}.case-project-nav a:hover{color:var(--signal)}.case-project-nav span{display:block;font:13px/1.7 var(--font-mono);color:var(--faint);margin-bottom:var(--space-2)}.case-next{grid-column:2}@media(max-width:900px){.case-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}.case-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:0 var(--space-3)}.case-nav p{flex-basis:100%}.case-nav a{padding-left:0;border-left:0}.case-nav a[aria-current=location]{text-decoration:underline;text-underline-offset:4px}}@media(max-width:767px){.case-page{padding-block:var(--space-5) var(--space-6)}.case-title{font-size:31px}.case-project-nav{grid-template-columns:minmax(0,1fr)}.case-next{grid-column:1}}