.surface-case{--accent:#745222;--muted:#576257;--text-secondary:#46554c;--focus:#86602b;background:#17383e}.surface-case main{min-height:calc(100svh - 60px);display:flow-root}.station-case{--case-ink:#213d3d;--case-muted:#576257;--case-line:#c7c5ad;--case-paper:#f2ecd9;--case-teal:#173d46;background:var(--case-paper);width:min(1100px,100% - 80px);color:var(--case-ink);border:3px solid #10282e;outline:1px solid #75948b;margin:40px auto 64px;box-shadow:10px 12px #0d283850}.case-titlebar{color:#f2ecd9;background:var(--case-teal);border-bottom:2px solid #10282e;justify-content:space-between;align-items:center;gap:20px;min-height:54px;padding:4px 25px;display:flex;box-shadow:inset 0 2px #54736e}.case-window-name{white-space:nowrap;align-items:center;gap:10px;font-size:17px;line-height:1.5;display:inline-flex}.case-window-name .pixel-icon{flex:0 0 24px}.case-return{color:#f6cb87;text-underline-offset:5px;align-items:center;min-height:44px;padding-inline:4px;font-size:15px;line-height:1.5;text-decoration:underline;display:inline-flex}.case-return:hover{color:#fff0c7}.case-titlebar :focus-visible{outline-offset:2px;outline-color:#ffdfa0}.case-heading{border-bottom:1px solid var(--case-line);grid-template-columns:minmax(0,1fr) 160px;align-items:center;gap:44px;margin:0 48px;padding:45px 0 38px;display:grid}.case-category{color:var(--case-muted);letter-spacing:.04em;margin-bottom:10px;font-size:14px}.case-title-group h1{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(34px,4vw,48px);font-weight:650;line-height:1.3}.case-summary{color:#43544d;max-width:31em;margin-top:18px;font-size:20px;line-height:1.85}.case-meta{color:var(--case-muted);flex-wrap:wrap;align-items:center;gap:8px 21px;margin-top:22px;font-size:14px;line-height:1.65;display:flex}.case-stage{align-items:center;gap:7px;display:inline-flex}.case-stage:before{content:"";background:#74613b;flex-shrink:0;width:6px;height:6px}.case-concept{text-align:center}.case-project-icon{width:128px;height:128px;margin-inline:auto;display:block}.case-concept figcaption{color:var(--case-muted);letter-spacing:.04em;margin-top:10px;font-size:12px}.case-reading-layout{grid-template-columns:178px minmax(0,1fr);align-items:start;gap:40px;padding:40px 48px 32px;display:grid}.case-outline{position:sticky;top:28px}.case-outline-title{color:var(--case-muted);letter-spacing:.12em;margin-bottom:10px;font-size:12px}.case-outline ol{margin:0;padding:0;list-style:none}.case-outline a{color:#47594f;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:9px;min-height:44px;padding-block:10px;font-size:14px;line-height:1.65;display:grid}.case-outline a span{color:#737762;padding-top:2px;font-family:Silkscreen,monospace;font-size:11px}.case-outline a:hover{color:#714c1e;text-underline-offset:5px;text-decoration:underline}.case-outline a:focus-visible{outline-offset:3px;outline-color:#86602b}.case-body{width:100%;min-width:0;max-width:700px;margin:0;font-size:17px;line-height:1.95}.case-body h2{color:var(--case-ink);letter-spacing:-.02em;margin:38px 0 17px;scroll-margin-top:28px;font-size:24px;font-weight:650;line-height:1.55}.case-body>h2:first-child{margin-top:0}.case-body h3{color:var(--case-ink);font-size:21px}.case-body p,.case-body ul,.case-body ol{color:#46554c;margin-bottom:20px}.case-body li+li{margin-top:9px}.case-body li::marker{color:#877344}.case-body a{color:#745222}.case-body blockquote{border-color:#a9925e}.case-body :not(pre)>code{background:#e3dfc9}.case-body th,.case-body td{border-color:var(--case-line)}.case-end{border-top:1px solid var(--case-line);margin-top:38px;padding-block:22px 0}.case-body .case-bottom-return{color:#745222;text-underline-offset:5px;align-items:center;min-height:44px;font-size:15px;display:inline-flex}.case-body .case-bottom-return:hover{color:#2c4a40}@media (width<=1000px){.station-case{width:calc(100% - 48px);margin-block:28px 44px}.case-heading{gap:24px;margin-inline:32px}.case-reading-layout{grid-template-columns:158px minmax(0,1fr);gap:28px;padding-inline:32px}.case-outline a{gap:6px;font-size:13px}}@media (width<=760px){.station-case{border-width:2px;width:calc(100% - 32px);margin-block:20px 36px;box-shadow:5px 6px #0d283850}.case-titlebar{gap:12px;padding-inline:16px}.case-window-name{gap:8px;font-size:15px}.case-window-name .pixel-icon{flex-basis:20px;width:20px;height:20px}.case-return{font-size:14px}.case-heading{grid-template-columns:minmax(0,1fr) 80px;align-items:center;gap:0 15px;margin-inline:22px;padding:27px 0 26px}.case-lead{display:contents}.case-title-group{grid-area:1/1}.case-category{letter-spacing:0;margin-bottom:7px;font-size:12px}.case-title-group h1{font-size:clamp(29px,5.5vw,36px);line-height:1.35}.case-summary{grid-column:1/-1;margin-top:20px;font-size:18px;line-height:1.85}.case-meta{grid-column:1/-1;gap:8px 16px;margin-top:16px;font-size:13px}.case-concept{grid-area:1/2}.case-project-icon{width:80px;height:80px}.case-concept figcaption{margin-top:4px;font-size:11px}.case-reading-layout{padding:28px 22px 23px;display:block}.case-outline{display:none}.case-body{max-width:none;font-size:17px;line-height:1.95}.case-body h2{margin-top:32px;font-size:22px}.case-body h3{font-size:20px}.case-end{margin-top:30px;padding-top:16px}}@media (width<=359px){.station-case{width:calc(100% - 22px)}.case-titlebar{gap:8px;padding-inline:12px}.case-window-name{gap:6px;font-size:14px}.case-heading{grid-template-columns:minmax(0,1fr) 64px;gap:0 10px;margin-inline:17px}.case-category{font-size:11px}.case-title-group h1{font-size:28px}.case-project-icon{width:64px;height:64px}.case-reading-layout{padding-inline:17px}.case-meta{column-gap:12px;font-size:12px}}