/* Static, reusable case-study reading surface. */
.study-index { max-width:1400px; margin:auto; padding:55px 7% 90px; }
.study-card { display:grid; grid-template-columns:1.15fr 1fr; gap:42px; align-items:center; padding:30px; border:1px solid var(--line); background:#191a1e; }
.study-card img { display:block; width:100%; height:auto; }
.study-card h2 { font-size:clamp(1.8rem,3vw,2.8rem); line-height:1.15; margin:15px 0 22px; }
.study-card h2 a { text-decoration:none; }
.study-card h2 a:hover { color:var(--red); }
.study-card p:not(.eyebrow) { color:#c5c5cb; margin-bottom:22px; }
.study-heading { max-width:1400px; margin:auto; padding-bottom:38px; border:0; }
.study-back { font-size:.85rem; }
.study-heading h1 { max-width:1100px; font-size:clamp(2.6rem,5.8vw,5rem); line-height:1.06; letter-spacing:-.045em; }
.study-heading>p.study-conclusion { max-width:900px; text-wrap:pretty; line-height:1.7; }
.study-heading>p.study-byline { font-size:.8rem; color:var(--muted); }
.study-hero { max-width:1204px; width:86%; margin:0 auto; }
.study-hero img { display:block; width:100%; height:auto; background:white; }
.study figcaption { color:var(--muted); font-size:.75rem; line-height:1.6; margin-top:10px; }
.study-layout { grid-template-columns:185px minmax(0,880px); gap:5%; }
.study-prose h3 { font-size:1.25rem; margin-top:30px; }
.study-prose p { line-height:1.75; }
.study-disclosure { border-block:1px solid #473431; margin:22px 0; background:#1b181b; }
.study-disclosure summary { cursor:pointer; padding:14px 18px; color:#d1b5af; font-size:.85rem; }
.study-disclosure-body { padding:8px 18px 18px; }
.study-disclosure-body>p:last-child { margin-bottom:0; }
.study-disclosure-body p { font-size:.875rem; }
.study-heading>.study-disclosure { margin:20px 0 35px; max-width:900px; }
.study-prompt { white-space:pre-wrap; overflow-wrap:anywhere; max-height:32rem; overflow:auto; background:#101113; padding:18px; color:#e0dce0; font:.8rem/1.7 var(--mono); tab-size:2; }
.study-screenshots { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,210px); align-items:start; gap:22px; margin:28px 0; }
.study-screenshots figure { margin:0; }
.study-screenshots img { display:block; width:100%; height:auto; border:1px solid var(--line); }
.study-table-scroll { overflow-x:auto; margin:26px 0 18px; }
.study-table-scroll:focus-visible,.study-prompt:focus-visible { outline:2px solid var(--red); outline-offset:4px; }
.study table { width:100%; border-collapse:collapse; font-size:.85rem; font-variant-numeric:tabular-nums; }
.study caption { text-align:left; color:var(--muted); font-size:.8rem; padding-bottom:12px; }
.study th,.study td { text-align:right; padding:12px 14px; border-bottom:1px solid var(--line); white-space:nowrap; }
.study thead th { color:#c5c5cb; font-size:.75rem; font-weight:500; background:#1b1c21; }
.study th:first-child { text-align:left; }
.study tbody th { font-weight:500; }
.study tbody tr:first-child { background:#291e20; }
.study-prose .study-note { font-size:.8rem; color:#b3b3bd; }
.study-methodology { scroll-margin-top:25px; }
.study-methodology code { overflow-wrap:anywhere; }
@media(max-width:900px) {
 .study-layout { grid-template-columns:1fr; gap:24px; }
 .study-layout .article-nav { position:static; display:flex; flex-wrap:wrap; gap:4px 20px; padding-bottom:20px; border-bottom:1px solid var(--line); }
 .study-layout .article-nav .eyebrow { width:100%; margin:0; }
 .study-card { gap:25px; padding:22px; }
}
@media(max-width:600px) {
 .study-card { grid-template-columns:1fr; }
 .study-index { padding:30px 5% 60px; }
 .study-heading { padding-top:30px; }
 .study-hero { width:90%; }
 .study-screenshots { grid-template-columns:1fr; }
 .study-screenshots figure:last-child { max-width:280px; margin:10px auto 0; }
 .study th,.study td { padding:10px 9px; }
 .study table { font-size:.78rem; }
 .study-disclosure-body { padding-inline:12px; }
}
@media print {
 .study-card,.study-disclosure,.study tbody tr:first-child,.study thead th { background:transparent; }
 .study-table-scroll { overflow:visible; }
 .study-hero { width:75%; }
 .study table,.study-screenshots figure { break-inside:avoid; }
}