/* V8 — a reading table for the work and the reasoning behind it. */
.case-reading{border-top:1px solid var(--line);padding:60px 0 54px;scroll-margin-top:110px}
.case-reading-head{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:end;margin-bottom:35px}
.case-reading-head .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:19px}
.case-reading-head h2{font-family:var(--display);font-size:clamp(31px,3.4vw,46px);font-weight:500;line-height:1.12;letter-spacing:-.045em;margin:0}
.case-reading-head h2 span{color:var(--accent)}
.case-reading-head>div:last-child>p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}
.case-reading-scope{font-family:var(--mono);font-size:8px!important;line-height:1.9!important;margin-top:15px!important;padding-top:15px;border-top:1px solid var(--line)}
.case-reading-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:38px;align-items:start}
.case-reading-figure{position:sticky;top:110px;margin:0;min-width:0;border:1px solid #d6ddef;border-radius:11px;overflow:hidden;background:white;box-shadow:0 16px 45px #24325a08}
.case-reading-toolbar{display:flex;align-items:center;justify-content:space-between;gap:13px;min-height:47px;padding:8px 16px;background:#f0f3fb;border-bottom:1px solid #dbe1ef;font-family:var(--mono);font-size:7px;letter-spacing:.04em;color:#536585}
.case-reading-toolbar i{width:5px;height:5px;border-radius:50%;background:#288d77;display:inline-block;margin-right:7px}
.case-reading-progress{font-family:var(--sans);font-size:10px;letter-spacing:0;color:#576883;line-height:1.5;text-align:right}
.case-reading-screen{position:relative;isolation:isolate;min-width:0;background:#f6f7fc}
.case-reading-screen>img{display:block;width:100%;height:auto}
.case-reading-zone{position:absolute;left:22%;top:50%;width:55%;height:44%;border:1.5px solid #7564dc;border-radius:4px;box-shadow:0 0 0 3px #e9e4ff55;pointer-events:none}
.case-reading-zone>span{position:absolute;left:-11px;top:-12px;display:grid;place-items:center;min-width:26px;height:26px;border-radius:50%;font-family:var(--mono);font-size:8px;color:white;background:#6554c8;border:2px solid white;line-height:1}
.case-reading-figure figcaption{padding:16px 18px 8px;border-top:1px solid #e0e5f0;font-size:10px;line-height:1.9;color:#5d6e86}
.case-reading-figure figcaption>span{display:block}
.case-reading-source{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:7px 18px 12px;min-height:44px;font-size:10px;color:var(--accent)}
.case-reading-source>span{font-size:18px;line-height:1}
.case-reading-decisions{min-width:0;border-top:1px solid #cdd5e7}
.case-decision{border-bottom:1px solid #cdd5e7;padding:0;background:transparent;min-width:0}
.case-decision>summary{display:grid;grid-template-columns:27px minmax(0,1fr) 24px;gap:14px;align-items:center;min-height:89px;list-style:none;padding:19px 0;cursor:pointer}
.case-decision>summary::-webkit-details-marker{display:none}
.case-decision>summary>.case-reading-index{font-family:var(--mono);font-size:9px;color:var(--accent);line-height:1;transform:none}
.case-decision>summary>strong{font-family:var(--display);font-size:22px;font-weight:500;line-height:1.2;letter-spacing:-.03em;min-width:0;transform:none}
.case-decision>summary>.disclosure-icon{font-size:20px;font-weight:400;color:var(--accent);width:24px;height:24px;display:grid;place-items:center}
.case-decision[open]>summary>strong{color:#51449c}
.case-decision-body{padding:0 0 24px 41px}
.case-decision-body>p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 17px}
.case-decision-body .case-observed{padding:15px;background:#eef1fb;border-left:2px solid #8172d2;color:#4b5b77;font-size:11px}
.case-observed>b{display:block;font-family:var(--mono);font-size:7px;letter-spacing:.07em;color:#6554ad;margin-bottom:6px;font-weight:400}
.case-decision-body dl{margin:0}
.case-decision-body dt{font-family:var(--mono);font-size:7px;letter-spacing:.07em;text-transform:uppercase;color:#687897;margin-top:16px;line-height:1.8}
.case-decision-body dd{margin:7px 0 0;font-size:12px;color:#50627c;line-height:1.85}
.case-decision-body>a{font-size:10px;color:var(--accent);display:inline-flex;align-items:center;min-height:44px;margin-top:9px;text-decoration:underline;text-underline-offset:3px}
.case-proof-ledger{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#edf3f2;border:1px solid #d3e0dd;border-radius:9px;margin:36px 0 0;overflow:hidden}
.case-proof-ledger>div{padding:25px 28px}
.case-proof-ledger>div+div{border-left:1px solid #d3e0dd;background:#f4f7f7}
.case-proof-ledger h3{font-family:var(--mono);font-size:8px;letter-spacing:.06em;font-weight:400;text-transform:uppercase;color:#337568;margin:0 0 13px}
.case-proof-ledger p{font-size:12px;line-height:1.9;color:#566e6b;margin:0}
.case-proof-ledger a{color:#326e66;text-decoration:underline;text-underline-offset:3px}
.case-transfer{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;background:#111a2d;border:1px solid #26334f;border-radius:10px;padding:35px 38px;margin:0 0 35px;color:#eef2ff}
.case-transfer .eyebrow{font-size:8px;color:#9cadd7;margin:0 0 16px}
.case-transfer h2{font-family:var(--display);font-size:31px;letter-spacing:-.035em;line-height:1.17;font-weight:500;margin:0}
.case-transfer p{font-size:12px;line-height:1.9;color:#b1bfdb;margin:0 0 16px}
.case-transfer button{display:inline-flex;justify-content:space-between;gap:22px;align-items:center;min-height:49px;padding:12px 16px;background:#b1ecd8;color:#173e39;border:1px solid #b1ecd8;border-radius:5px;font-size:11px;font-weight:500;text-align:left}
.case-transfer button>span{font-size:19px;font-weight:400;line-height:1}
.case-transfer button:hover{background:#ccf6e9}
.case-transfer button[data-saved=true],.case-transfer button[aria-pressed=true]{background:#203a40;border-color:#74b2a1;color:#c2f4e4}
.case-record{border-top:1px solid var(--line);padding:32px 0 45px}
.case-record>.eyebrow{font-size:8px}
.case-record h2{font-size:25px;line-height:1.2;letter-spacing:-.03em;margin:15px 0 20px;font-weight:500}
.case-record .case-journal{margin-bottom:0}
@media(max-width:1100px){.case-reading-grid{gap:27px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.case-decision>summary>strong{font-size:20px}.case-reading-toolbar{padding:9px 12px}.case-reading-figure figcaption{padding:15px 14px 7px}.case-reading-source{padding:7px 14px 12px}.case-transfer{padding:30px;gap:27px}}
@media(max-width:800px){.case-reading-head{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.case-reading-head>div:last-child>p{max-width:680px}.case-reading-grid{grid-template-columns:1fr;gap:27px}.case-reading-figure{position:relative;top:auto;max-width:680px}.case-decision>summary>strong{font-size:24px}.case-decision>summary{min-height:80px}.case-decision-body>p,.case-decision-body dd{font-size:13px}.case-reading-progress{font-size:10px}.case-reading-toolbar{padding:10px 16px}.case-proof-ledger>div{padding:22px}.case-transfer{grid-template-columns:1fr;gap:24px}.case-transfer h2{font-size:32px}.case-transfer p{max-width:620px;font-size:13px}}
@media(max-width:500px){.case-reading{padding:40px 0 33px;scroll-margin-top:85px}.case-reading-head h2{font-size:32px}.case-reading-head .eyebrow{font-size:7px;margin-bottom:15px}.case-reading-head>div:last-child>p{font-size:12px}.case-reading-scope{font-size:7px!important}.case-reading-toolbar{align-items:flex-start;padding:10px 12px;font-size:6px}.case-reading-progress{font-size:9px;max-width:150px}.case-reading-zone>span{min-width:23px;height:23px;font-size:7px}.case-reading-figure figcaption{font-size:10px;padding:14px 13px 7px}.case-reading-source{font-size:10px;padding:6px 13px 11px}.case-decision>summary{grid-template-columns:23px minmax(0,1fr) 24px;gap:11px;min-height:80px;padding:18px 0}.case-decision>summary>strong{font-size:22px}.case-decision-body{padding-left:0}.case-decision-body>p,.case-decision-body dd{font-size:12px}.case-decision-body .case-observed{font-size:11px}.case-proof-ledger{grid-template-columns:1fr;margin-top:27px}.case-proof-ledger>div{padding:21px}.case-proof-ledger>div+div{border-left:0;border-top:1px solid #d3e0dd}.case-transfer{padding:26px 22px;gap:21px;margin-bottom:25px}.case-transfer h2{font-size:29px}.case-transfer p{font-size:12px}.case-transfer button{width:100%;font-size:11px;min-height:50px}.case-record{padding:27px 0 35px}.case-record h2{font-size:24px}}