/* Final frozen case component; historical variants and superseded declarations removed. */
#f26-cases,#f26-cases *,#f26-cases-dialog,#f26-cases-dialog *{box-sizing:border-box}
#f26-cases,#f26-cases-dialog{font-family:'JetBrains Mono',monospace;color:#161616;font-size:16px;line-height:1.6}
#f26-cases{--case-surface:#f5f5f5;--case-art:#e8e8e8;--case-gap:24px;--case-radius:16px;scroll-margin-top:100px}
#f26-cases .intro{display:block;padding:38px 0 28px}
#f26-cases .intro h2{font-family:inherit;font-size:32px;line-height:1.25;font-weight:600;letter-spacing:-.025em;margin:0;max-width:940px}
#f26-cases .cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--case-gap);row-gap:0;align-items:stretch}
#f26-cases .case{display:grid;grid-row:span 4;grid-template-rows:subgrid;min-width:0;align-content:start;gap:0}
#f26-cases .case-hit{font:inherit;color:inherit;display:grid;grid-row:1/-1;grid-template-rows:subgrid;gap:0;align-content:start;min-width:0;width:100%;height:auto;padding:8px;border:0;border-radius:var(--case-radius);background:var(--case-surface);text-align:left;cursor:pointer;transition:box-shadow .16s ease,background-color .16s ease}
#f26-cases .case-hit:hover{background:#f0f0f0;box-shadow:0 2px 6px #0000000d}
#f26-cases .case-hit:active{background:#eaeaea}
#f26-cases .case-hit:focus-visible{outline:2px solid #9d4500;outline-offset:4px}
#f26-cases .cover{height:128px;width:100%;position:relative;overflow:hidden;display:block;border:0;padding:0;border-radius:10px;background-color:var(--case-art);background-image:linear-gradient(90deg,#00000006 1px,transparent 1px),linear-gradient(#00000006 1px,transparent 1px);background-size:20px 20px;text-align:left;transition:background .2s}
#f26-cases .cover svg{width:100%;height:100%;display:block;background:transparent}
#f26-cases .cover text{font-family:'JetBrains Mono',monospace;font-size:15px}
#f26-cases .cover .ink,#f26-cases-dialog #f26-case-detail-art .ink{fill:#161616}
#f26-cases .cover .accent,#f26-cases-dialog #f26-case-detail-art .accent{fill:#c75200}
#f26-cases .cover .stroke,#f26-cases-dialog #f26-case-detail-art .stroke{stroke:#161616;fill:none;stroke-width:1.2}
#f26-cases .cover .orange-stroke,#f26-cases-dialog #f26-case-detail-art .orange-stroke{stroke:#9d4500;fill:none;stroke-width:1.6}
#f26-cases .cover .muted{fill:#626262}
#f26-cases .cover .paper,#f26-cases-dialog #f26-case-detail-art .paper{fill:white;stroke:#161616;stroke-width:1}
#f26-cases .cover svg .large,#f26-cases-dialog #f26-case-detail-art .large{font-size:44px;font-weight:600;letter-spacing:-2px}
#f26-cases .cover svg .medium,#f26-cases-dialog #f26-case-detail-art .medium{font-size:24px;font-weight:600;letter-spacing:-1px}
#f26-cases .cover svg .small,#f26-cases-dialog #f26-case-detail-art .small{font-size:18px}
#f26-cases .cover rect.accent,#f26-cases-dialog #f26-case-detail-art rect.accent{fill:#ff8c00}
#f26-cases .cover text.accent,#f26-cases-dialog #f26-case-detail-art text.accent{fill:#9d4500}
#f26-cases .case-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 8px 8px;min-width:0}
#f26-cases .case-person{font-size:14px;line-height:1.45;margin:0;font-weight:400;color:#595959}
#f26-cases .case-open-mark{font-size:24px;color:#161616;line-height:1;flex:none}
#f26-cases .case-title{display:block;font-family:inherit;font-size:18px;line-height:1.35;font-weight:600;letter-spacing:-.025em;margin:0 8px 8px}
#f26-cases .case-desc{display:block;font-size:16px;line-height:1.6;margin:0 8px 16px;max-width:none}
#f26-cases .case-hit:hover .case-title{color:#9d4500}
#f26-cases-dialog{width:min(1000px,calc(100vw - 32px));max-height:90dvh;padding:0;border:1px solid #161616;border-radius:16px;background:#fff;overflow:hidden}
#f26-cases-dialog::backdrop{background:#16161699}
#f26-cases-dialog .dialog-top{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:16px 24px;border-bottom:1px solid #ddd;font-size:14px}
#f26-cases-dialog .close{font:inherit;color:inherit;background:none;border:0;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:48px;min-height:48px;padding:0 8px;font-size:14px;cursor:pointer}
#f26-cases-dialog .close:focus-visible{outline:2px solid #c75200;outline-offset:5px}
#f26-cases-dialog .close-icon{display:block;flex:none;width:24px;height:24px}
#f26-cases-dialog .dialog-body{padding:24px;max-height:calc(90dvh - 73px);overflow:auto;overscroll-behavior:contain}
#f26-cases-dialog .dialog-body>p{margin:0 0 8px;font-size:14px;line-height:1.45}
#f26-cases-dialog .dialog-body h2{font-family:inherit;font-size:32px;line-height:1.25;letter-spacing:-.025em;font-weight:600;max-width:850px;margin:0 0 24px}
#f26-cases-dialog #f26-case-detail-art{float:right;width:47%;margin:0 0 24px 28px;background:#e8e8e8;min-height:0;display:grid;align-items:center;border-radius:10px;padding:8px}
#f26-cases-dialog #f26-case-detail-art svg{width:100%;height:auto;view-transition-name:none}
#f26-cases-dialog #f26-case-detail-art .muted{fill:#666}
#f26-cases-dialog #f26-case-detail-art text{font-family:inherit;font-size:18px}
#f26-cases-dialog #f26-case-detail-story h3{font-family:inherit;font-size:14px;color:#c75200;font-weight:600;line-height:1.35;margin:0 0 6px}
#f26-cases-dialog #f26-case-detail-story p{font-size:16px;line-height:1.6;margin:0 0 22px}
@media(max-width:700px){
 #f26-cases{scroll-margin-top:80px}
 #f26-cases .intro{padding:28px 0 22px}
 #f26-cases .intro h2,#f26-cases-dialog .dialog-body h2{font-size:24px;line-height:1.25}
 #f26-cases .cases{grid-template-columns:1fr;row-gap:24px}
 #f26-cases .case{display:block;grid-row:auto}
 #f26-cases .case-hit{grid-template-rows:128px auto auto auto;grid-row:auto;width:100%;min-height:0}
 #f26-cases .case-name-row{margin:20px 8px 4px}
 #f26-cases .case-open-mark{line-height:20px}
 #f26-cases .case-title{max-width:25ch;margin-bottom:12px}
 #f26-cases .case-desc{line-height:1.45}
 #f26-cases-dialog .dialog-top{padding:10px 16px}
 #f26-cases-dialog .dialog-body{padding:20px 16px;max-height:calc(90dvh - 61px)}
 #f26-cases-dialog #f26-case-detail-art{float:none;width:100%;margin:0 0 24px;min-height:0}
}
@media(prefers-reduced-motion:reduce){#f26-cases *,#f26-cases-dialog *{transition:none!important}}