:root { --paper:#fffefa; --ink:#23313e; --blue:#284661; --brass:#ae803a; --line:#cbd0d2; --muted:#586570; --pearl:#edf0f2; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:#d8dee4; font-family:Tahoma,Verdana,sans-serif; }
.hedge-page { width:min(1240px,calc(100% - 32px)); margin:24px auto; border:1px solid #455567; background:var(--paper); box-shadow:0 18px 48px #172a3a30; }
a { color:var(--blue); text-underline-offset:.22em; }
a:hover { text-decoration-thickness:2px; }
:focus-visible { outline:3px solid #a66526; outline-offset:5px; }
.hierarchy-nav { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:12px 30px; background:var(--pearl); border-bottom:1px solid var(--line); font-size:13px; }
.hierarchy-nav a { display:inline-flex; min-height:44px; align-items:center; }
.opening { display:grid; grid-template-columns:1fr 1.1fr; align-items:center; background:#203548; color:#fffefa; }
.hero-copy { padding:40px; }
h1 { margin:0 0 26px; font:normal clamp(43px,5.7vw,70px)/1.02 Georgia,serif; letter-spacing:-.045em; }
.deck { max-width:32ch; margin:0 0 24px; font:22px/1.5 Georgia,serif; }
.hero-detail { max-width:42ch; font:14px/1.8 Tahoma,Verdana,sans-serif; color:#dce4e9; }
figure { margin:0; }
figure img { display:block; width:100%; height:auto; }
figcaption { padding:13px 17px; font:12px/1.65 Tahoma,Verdana,sans-serif; color:var(--muted); background:var(--pearl); }
.reading { padding:0 clamp(22px,5vw,64px) 30px; }
.reading section { padding:42px 0; border-bottom:1px solid var(--line); }
h2 { margin:0 0 22px; font:normal clamp(26px,3vw,34px)/1.2 Georgia,serif; letter-spacing:-.025em; }
h3 { margin:0 0 12px; font:700 16px/1.5 Tahoma,Verdana,sans-serif; }
p { margin:0 0 20px; }
p:last-child { margin-bottom:0; }
.prose { max-width:78ch; font:18px/1.8 Georgia,serif; }
.premise { display:grid; grid-template-columns:.55fr 1.45fr; gap:40px; }
.premise h2 { font-size:29px; }
.bargain { display:grid; grid-template-columns:1fr 1fr; margin-bottom:26px; padding:24px 0; border-block:1px solid var(--line); gap:35px; }
.bargain p { font:17px/1.75 Georgia,serif; }
.terms,.legal-questions { margin:25px 0; }
.terms>div,.legal-questions>div { display:grid; grid-template-columns:190px 1fr; gap:30px; padding:20px 0; border-bottom:1px solid var(--line); }
.terms dt,.legal-questions dt { font:700 15px/1.65 Tahoma,Verdana,sans-serif; }
.terms dd,.legal-questions dd { margin:0; max-width:73ch; font:16px/1.8 Tahoma,Verdana,sans-serif; }
.example-note { max-width:100ch; margin:18px 0 28px; color:var(--muted); font:13px/1.75 Tahoma,Verdana,sans-serif; }
.joseph-timeline { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); margin:0; padding:0; list-style:none; border:1px solid var(--line); background:#edf1f3; }
.joseph-timeline li { padding:15px 10px; border-right:1px solid var(--line); }
.joseph-timeline li:last-child { border-right:0; }
.period-number { display:block; font:12px Tahoma,Verdana,sans-serif; color:var(--muted); margin-bottom:13px; }
.joseph-timeline h3 { min-height:48px; margin:0 0 12px; font-size:14px; }
.joseph-timeline p { font:12px/1.75 Tahoma,Verdana,sans-serif; margin:12px 0 0; }
.joseph-timeline .period-pay { font:normal 23px/1.25 Georgia,serif; margin:0; }
.period-pay small { display:block; margin-top:5px; font:11px/1.5 Tahoma,Verdana,sans-serif; }
.reserve-track { display:flex; align-items:flex-end; height:88px; margin:18px 0 0; background:#dbe2e7; border-bottom:1px solid #617080; }
.reserve-track span { display:block; width:100%; background:#bd964e; border-top:1px solid #765c31; }
.joseph-timeline .reserve-label { font-weight:700; margin:9px 0 14px; }
.timeline-figure figcaption { border:1px solid var(--line); border-top:0; }
.ledger { margin:18px 0 26px; border-block:1px solid var(--line); }
.ledger summary { padding:15px 0; cursor:pointer; font:700 14px/1.5 Tahoma,Verdana,sans-serif; min-height:48px; }
.ledger>p { padding-bottom:18px; font:13px/1.7 Tahoma,Verdana,sans-serif; }
.table-scroll { overflow-x:auto; margin:5px 0 20px; }
table { border-collapse:collapse; width:100%; min-width:740px; font:13px/1.7 Tahoma,Verdana,sans-serif; font-variant-numeric:tabular-nums; }
th,td { text-align:right; vertical-align:top; padding:12px 9px; border-bottom:1px solid var(--line); }
th:first-child { text-align:left; }
thead { background:var(--pearl); }
.review-layout { display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:start; }
.review-layout p { font:17px/1.8 Georgia,serif; }
.source-note { padding:25px 0 0; color:var(--muted); font:12px/1.75 Tahoma,Verdana,sans-serif; }
@media(max-width:900px) {
 .joseph-timeline { grid-template-columns:1fr; }
 .joseph-timeline li { display:grid; grid-template-columns:28px 1fr 1fr; gap:8px 14px; border-right:0; border-bottom:1px solid var(--line); padding:18px; }
 .joseph-timeline li:last-child { border-bottom:0; }
 .period-number { margin:0; grid-row:1/4; }
 .joseph-timeline h3 { min-height:0; margin:0; }
 .joseph-timeline .period-pay { text-align:right; }
 .reserve-track { grid-column:2/4; height:42px; margin:4px 0; }
 .joseph-timeline .reserve-label { grid-column:2/4; margin:0; }
 .joseph-timeline li>p:last-child { grid-column:2/4; margin:0; }
}
@media(max-width:700px) {
 .hedge-page { width:100%; margin:0; border-inline:0; }
 .opening,.premise,.review-layout,.bargain { grid-template-columns:1fr; }
 .hero-copy { padding:32px 24px; }
 .deck { max-width:45ch; }
 .premise,.review-layout { gap:20px; }
 .reading section { padding:32px 0; }
 .terms>div,.legal-questions>div { grid-template-columns:1fr; gap:7px; }
 .prose { font-size:17px; }
 .hierarchy-nav { padding:8px 20px; }
}
@media print {
 .hedge-page { width:100%; margin:0; box-shadow:none; border:0; }
 .hierarchy-nav { display:none; }
 .reading { padding:0; }
 .opening { background:white; color:var(--ink); }
 .hero-detail { color:var(--ink); }
 .joseph-timeline { grid-template-columns:repeat(7,minmax(0,1fr)); }
 .joseph-timeline li { display:block; break-inside:avoid; }
 h2,h3 { break-after:avoid; }
}