/* ReadSigil Cases — editorial evidence-first case-study system, October 2026 */
:root{--case-ink:var(--h,#1a201e);--case-text:var(--fg,#343c37);--case-muted:var(--mut,#59635c);--case-border:var(--rule,#dedfd8);--case-bg:var(--bg,#fbfaf7);--case-paper:var(--card,#fff);--case-teal:var(--accent,#0b5d63);--case-sand:color-mix(in srgb,var(--case-teal) 6%,var(--case-paper));--case-font:Inter,system-ui,sans-serif;--case-serif:"Source Serif 4",Georgia,serif}
.cs a{color:var(--case-teal)}.cs h1,.cs h2,.cs h3{color:var(--case-ink)}.cs p{margin:0 0 16px}.cs small{font-family:var(--case-font)}.cs{max-width:1140px}.cs .eyebrow,.cs .index,.cs .eyeline{font:600 .7rem/1.5 var(--case-font);letter-spacing:.115em;text-transform:uppercase;color:var(--case-teal)}
.cs .eyeline{color:var(--case-muted);letter-spacing:.045em}.cs .hero{border-bottom:1px solid var(--case-border);padding:18px 0 60px}.cs .hero-grid{display:grid;grid-template-columns:1.6fr .7fr;gap:9%;align-items:end}.cs .hero h1{font:400 clamp(2.75rem,5.4vw,5.4rem)/1.05 var(--case-serif);letter-spacing:-.04em;margin:18px 0 24px;max-width:770px}.cs .hero h1 em{color:var(--case-teal);font-weight:400}.cs .hero .lead{font:400 clamp(1.05rem,1.7vw,1.23rem)/1.65 var(--case-serif);max-width:680px;color:var(--case-text)}.cs .hero-note{border-top:2px solid var(--case-teal);padding-top:16px;font:400 .88rem/1.7 var(--case-font);color:var(--case-muted)}.cs .hero-note strong{display:block;color:var(--case-ink);margin-bottom:8px}
.cs .pill-links{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}.cs .pill-links a{border:1px solid var(--case-border);border-radius:999px;padding:9px 13px;color:var(--case-ink);font:600 .79rem var(--case-font);text-decoration:none}.cs .pill-links a:hover{background:var(--case-sand);border-color:var(--case-teal)}.cs .section{padding:62px 0;border-bottom:1px solid var(--case-border)}.cs .section-head{display:flex;gap:24px;align-items:end;justify-content:space-between;margin-bottom:30px}.cs .section-head h2{font:400 clamp(1.85rem,3.1vw,2.8rem)/1.17 var(--case-serif);letter-spacing:-.025em;margin:10px 0 0}.cs .section-head p{margin:0;max-width:290px;font:400 .82rem/1.6 var(--case-font);color:var(--case-muted);text-align:right}.cs .case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.cs .case-card{background:var(--case-paper);border:1px solid var(--case-border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,border-color .15s}.cs .case-card:hover{border-color:var(--case-teal);transform:translateY(-2px)}.cs .case-art{height:150px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:var(--case-sand);border-bottom:1px solid var(--case-border)}.cs .case-art .mini{font:600 .68rem var(--case-font);letter-spacing:.1em;color:var(--case-teal);text-transform:uppercase}.cs .case-art .figure{font:400 clamp(2.6rem,4vw,4.6rem)/1 var(--case-serif);letter-spacing:-.05em;color:var(--case-ink)}.cs .case-art .figure span{font:500 .81rem var(--case-font);letter-spacing:0;color:var(--case-muted)}.cs .case-content{padding:23px;display:flex;flex:1;flex-direction:column;gap:12px}.cs .case-content h3{font:500 1.65rem/1.2 var(--case-serif);letter-spacing:-.018em;margin:0}.cs .case-content p{font:400 .87rem/1.68 var(--case-font);color:var(--case-text);margin:0}.cs .case-card .metric-caption{font:500 .72rem/1.5 var(--case-font);color:var(--case-muted)}.cs .case-card .case-link{margin-top:auto;padding-top:17px;border-top:1px solid var(--case-border);font:600 .8rem/1.4 var(--case-font);text-decoration:none}
.cs .disclosure{padding:15px 19px;background:var(--case-sand);border-left:3px solid var(--case-teal);margin:20px 0 0;font:400 .82rem/1.65 var(--case-font);color:var(--case-text)}.cs .disclosure strong{color:var(--case-ink)}
.cs .public-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.cs .public-case{border:1px solid var(--case-border);border-radius:11px;padding:24px;background:var(--case-paper);display:grid;gap:9px;align-content:start}.cs .public-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.cs .public-top .source{font:700 .7rem var(--case-font);letter-spacing:.075em;text-transform:uppercase;color:var(--case-teal)}.cs .public-top .type{font:500 .68rem var(--case-font);color:var(--case-muted)}.cs .public-case h3{font:500 1.46rem/1.25 var(--case-serif);margin:0}.cs .public-number{font:500 2.1rem/1.2 var(--case-serif);letter-spacing:-.025em;color:var(--case-ink)}.cs .public-number small{display:block;font:500 .74rem/1.5 var(--case-font);color:var(--case-muted);letter-spacing:0}.cs .public-case p{font:400 .84rem/1.65 var(--case-font);color:var(--case-text);margin:0}.cs .public-case .commentary{padding:12px 0;border-top:1px solid var(--case-border)}.cs .public-case .commentary b{color:var(--case-ink)}.cs .public-case a.source-link{font:700 .77rem var(--case-font);text-decoration:none;margin-top:7px}.cs .public-case a.source-link:hover{text-decoration:underline}.cs .public-wide{grid-column:1/-1}.cs .readmethod{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.cs .readmethod h2{font:400 2.35rem/1.17 var(--case-serif);margin:9px 0 20px}.cs .readmethod p,.cs .readmethod li{font:400 .88rem/1.72 var(--case-font);color:var(--case-text)}.cs .methodlist{padding:0;margin:0;list-style:none;counter-reset:method}.cs .methodlist li{padding:14px 0;border-top:1px solid var(--case-border);counter-increment:method;display:grid;grid-template-columns:35px 1fr;gap:9px}.cs .methodlist li:before{content:counter(method,decimal-leading-zero);font:600 .73rem var(--case-font);color:var(--case-teal);padding-top:2px}.cs .morelinks{display:flex;gap:22px;flex-wrap:wrap;font:600 .84rem var(--case-font);margin-top:25px}
.cs .detail-hero{padding:10px 0 42px;border-bottom:1px solid var(--case-border)}.cs .detail-hero .crumb{font:500 .78rem var(--case-font);color:var(--case-muted);margin-bottom:28px}.cs .detail-hero h1{font:400 clamp(2.65rem,5.5vw,5.2rem)/1.09 var(--case-serif);letter-spacing:-.035em;margin:17px 0 20px;max-width:980px}.cs .detail-hero .deck{font:400 clamp(1.1rem,2vw,1.35rem)/1.6 var(--case-serif);color:var(--case-text);max-width:750px}.cs .case-metadata{display:flex;flex-wrap:wrap;gap:10px 19px;font:600 .72rem/1.45 var(--case-font);color:var(--case-muted);margin-top:25px}.cs .case-metadata span+span:before{content:"·";margin-right:16px;color:var(--case-teal)}
.cs .scorestrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--case-border);padding:22px 0;gap:17px}.cs .scorestrip .score{border-right:1px solid var(--case-border);padding:5px 20px 5px 0}.cs .scorestrip .score:last-child{border:0}.cs .scorestrip .num{font:400 clamp(2rem,3.5vw,3.25rem)/1.1 var(--case-serif);letter-spacing:-.04em;color:var(--case-ink)}.cs .scorestrip .label{display:block;margin-top:6px;font:500 .74rem/1.5 var(--case-font);color:var(--case-muted)}.cs .case-layout{display:grid;grid-template-columns:minmax(0,690px) 280px;justify-content:space-between;gap:55px;padding-top:52px}.cs .case-article{min-width:0}.cs .case-article section{padding:0 0 28px;margin-bottom:30px;border-bottom:1px solid var(--case-border);scroll-margin-top:98px}.cs .case-article h2{font:400 2rem/1.24 var(--case-serif);letter-spacing:-.023em;margin:0 0 17px}.cs .case-article h3{font:600 1.07rem/1.4 var(--case-font);margin:20px 0 11px}.cs .case-article p,.cs .case-article li{font:400 1rem/1.8 var(--case-serif);color:var(--case-text)}.cs .case-article ul{padding-left:23px}.cs .case-article .clear{color:var(--case-ink);font-weight:600}.cs .case-article .compact li{margin:0 0 9px}.cs .case-article .insight{border-left:3px solid var(--case-teal);padding:10px 0 10px 19px;font:400 1.22rem/1.55 var(--case-serif);color:var(--case-ink);margin:24px 0}
.cs .case-toc{position:sticky;top:110px;align-self:start;border-top:2px solid var(--case-teal);padding-top:16px;font:500 .8rem/1.6 var(--case-font)}.cs .case-toc h2{font:700 .73rem var(--case-font);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px}.cs .case-toc a{display:block;padding:7px 0;color:var(--case-muted);text-decoration:none}.cs .case-toc a:hover{color:var(--case-teal)}.cs .case-toc .small-note{font:400 .76rem/1.6 var(--case-font);border-top:1px solid var(--case-border);margin-top:16px;padding-top:14px;color:var(--case-muted)}
.cs .exhibit{margin:26px 0 28px;border:1px solid var(--case-border);border-radius:10px;overflow:hidden;background:var(--case-paper)}.cs .exhibit figcaption{padding:16px 18px;border-bottom:1px solid var(--case-border);text-transform:none;letter-spacing:0;font:600 .86rem/1.5 var(--case-font);color:var(--case-ink);margin:0}.cs .exhibit .exbody{padding:20px}.cs .exhibit .exnote{border-top:1px solid var(--case-border);padding:12px 18px;font:400 .74rem/1.5 var(--case-font);color:var(--case-muted)}.cs .bars-row{display:grid;grid-template-columns:115px minmax(0,1fr) 77px;gap:12px;align-items:center;padding:9px 0;font:500 .76rem var(--case-font)}.cs .bars-row strong{text-align:right;font-variant-numeric:tabular-nums}.cs .bar-bg{height:16px;background:color-mix(in srgb,var(--case-teal) 10%,var(--case-paper));border-radius:3px;overflow:hidden}.cs .bar-bg span{height:100%;display:block;background:var(--case-teal);min-width:0;border-radius:3px}.cs .bar-bg span.alt{background:#b16f4a}.cs .bars-row .tiny{color:var(--case-muted)}.cs .metric-def{margin:16px 0;padding:14px;background:var(--case-sand);font:500 .78rem/1.7 var(--case-font);color:var(--case-text);border-radius:7px}.cs .mini-table{width:100%;border-collapse:collapse;font:400 .8rem/1.55 var(--case-font);margin:18px 0}.cs .mini-table th{text-align:left;color:var(--case-muted);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.cs .mini-table th,.cs .mini-table td{padding:11px 9px;border-bottom:1px solid var(--case-border);vertical-align:top}.cs .mini-table strong{color:var(--case-ink)}.cs .case-cta{display:flex;flex-wrap:wrap;gap:11px;margin:20px 0}.cs .case-cta a{font:600 .8rem/1.4 var(--case-font);text-decoration:none;padding:10px 13px;border-radius:7px;border:1px solid var(--case-border)}.cs .case-cta a:first-child{background:var(--case-teal);color:var(--case-bg);border-color:var(--case-teal)}.cs .case-cta a:hover{opacity:.85}
.cs .definition{font:500 .83rem/1.7 var(--case-font);color:var(--case-muted);padding:16px;background:var(--case-sand);border:1px solid var(--case-border);border-radius:8px}.cs .detail-next{display:flex;gap:20px;justify-content:space-between;padding:35px 0 25px;font:600 .85rem var(--case-font)}.cs .detail-next a{text-decoration:none}.cs .detail-next a:hover{text-decoration:underline}
@media(max-width:930px){.cs .case-layout{grid-template-columns:minmax(0,1fr) 210px;gap:30px}.cs .hero-grid{grid-template-columns:1fr 230px;gap:35px}.cs .case-grid{gap:12px}.cs .case-content{padding:17px}}
@media(max-width:730px){.cs .hero-grid,.cs .case-grid,.cs .public-grid,.cs .readmethod,.cs .case-layout{grid-template-columns:1fr}.cs .hero{padding:10px 0 44px}.cs .hero h1{font-size:clamp(2.55rem,10vw,4rem)}.cs .hero-note{max-width:none}.cs .section{padding:43px 0}.cs .section-head{display:block}.cs .section-head p{text-align:left;max-width:none;margin-top:14px}.cs .case-art{height:128px}.cs .case-card .figure{font-size:3.2rem}.cs .public-wide{grid-column:auto}.cs .readmethod{gap:26px}.cs .scorestrip{grid-template-columns:1fr 1fr}.cs .scorestrip .score:nth-child(2){border:0}.cs .scorestrip .score{padding-right:9px}.cs .case-toc{display:none}.cs .case-layout{padding-top:33px}.cs .case-article h2{font-size:1.75rem}.cs .case-article p,.cs .case-article li{font-size:.97rem}.cs .bars-row{grid-template-columns:92px minmax(0,1fr) 65px;gap:6px;font-size:.68rem}.cs .exhibit .exbody{padding:13px}.cs .mini-table{font-size:.72rem}.cs .mini-table td,.cs .mini-table th{padding:10px 5px}.cs .detail-hero h1{font-size:clamp(2.4rem,9vw,3.6rem)}}
@media(prefers-reduced-motion:reduce){.cs .case-card{transition:none}}