:root { --wa-paper:#f6f4ef; --wa-forest:#1e3a2f; --wa-rust:#9b4931; --wa-rule:#c7cec0; }
* { box-sizing:border-box; }
body { margin:0; color:var(--wa-forest); background:var(--wa-paper); font:17px/1.7 Georgia,serif; }
a { color:inherit; text-underline-offset:5px; }
a:hover { color:var(--wa-rust); }
:focus-visible { outline:3px solid var(--wa-rust); outline-offset:5px; }
::selection { background:#d8b99a; color:#1e3a2f; }
.wa-skip { position:absolute; top:-100px; padding:12px; background:var(--wa-paper); }
.wa-skip:focus { top:0; z-index:5; }
.wa-mast { max-width:1320px; margin:auto; padding:30px 48px 23px; display:flex; justify-content:space-between; align-items:center; }
.wa-wordmark { font-size:33px; line-height:1.1; text-decoration:none; }
.wa-wordmark span { display:block; font:12px/2.5 sans-serif; letter-spacing:.13em; text-transform:uppercase; }
.wa-edition { font:12px/1.6 monospace; text-align:right; }
.wa-chapters { border-block:1px solid var(--wa-rule); display:flex; justify-content:center; gap:46px; padding:14px 24px; font:14px/1.5 sans-serif; }
.wa-chapters a { text-decoration:none; }
.wa-chapters [aria-current] { text-decoration:underline; text-decoration-color:var(--wa-rust); }
main { max-width:1320px; margin:auto; padding:0 48px; }
.wa-opening { display:grid; grid-template-columns: .85fr 1.15fr; gap:50px; align-items:center; padding:70px 0 55px; }
h1 { font-weight:400; font-size:clamp(42px,4.8vw,68px); line-height:1.06; letter-spacing:-.035em; margin:0 0 26px; text-wrap:balance; }
p { max-width:70ch; }
.wa-deck { font:18px/1.5 sans-serif; color:var(--wa-rust); }
.wa-crossref { display:inline-block; margin-top:16px; font:14px/1.6 sans-serif; }
.wa-sheet { margin:0; position:relative; }
.wa-sheet svg { width:100%; height:auto; display:block; border:1px solid var(--wa-rule); }
.wa-sheet figcaption { padding-top:12px; font:11px/1.7 monospace; }
.wa-layer { margin-top:12px; padding:8px 12px; background:transparent; border:1px solid var(--wa-forest); color:var(--wa-forest); cursor:pointer; }
.wa-layer:hover { background:#e1e6d9; }
.wa-reading-grid { display:grid; grid-template-columns:2fr 1fr; gap:80px; border-top:1px solid var(--wa-rule); padding:30px 0 50px; }
h2 { font-size:28px; font-weight:400; line-height:1.2; margin:32px 0 16px; }
.wa-essay p { margin-top:0; }
.wa-margin { margin-top:0; font:14px/1.7 sans-serif; padding:0 0 0 26px; border-left:1px solid var(--wa-rule); }
.wa-margin h2 { font-family:Georgia,serif; }
dt { margin-top:22px; font-size:11px; text-transform:uppercase; letter-spacing:.07em; }
dd { margin:4px 0 0; }
.wa-register { border-top:1px solid var(--wa-rule); padding-bottom:40px; }
.wa-table-scroll { overflow:auto; }
table { width:100%; border-collapse:collapse; font:13px/1.5 sans-serif; text-align:left; }
th,td { padding:15px 16px 15px 0; border-bottom:1px solid var(--wa-rule); }
thead { color:var(--wa-rust); }
tbody th { font-weight:500; }
.wa-colophon { border-top:1px solid var(--wa-rule); padding:10px 0 48px; }
.wa-colophon ul { display:flex; flex-wrap:wrap; gap:15px 40px; padding-left:20px; font:14px/1.6 sans-serif; }
.wa-imprint { background:var(--wa-forest); color:var(--wa-paper); padding:30px max(24px,calc((100vw - 1224px)/2)); font:12px/1.7 sans-serif; }
.wa-imprint a:hover { color:#e4c8a7; }
@media(max-width:760px) { .wa-mast { padding:24px; } .wa-edition { display:none; } .wa-chapters { gap:12px 24px; flex-wrap:wrap; justify-content:flex-start; } main { padding:0 24px; } .wa-opening { grid-template-columns:1fr; padding:40px 0; gap:28px; } .wa-reading-grid { grid-template-columns:1fr; gap:20px; } .wa-margin { padding:0; border-left:0; border-top:1px solid var(--wa-rule); } th,td { min-width:130px; } }
@media print { .wa-layer,.wa-skip { display:none; } body { font-size:12pt; } .wa-opening { padding:20px 0; } .wa-imprint { background:white; color:black; } }