
:root{color-scheme:light;--paper:#f3f1eb;--ink:#181a1c;--muted:#61635f;--line:#c6c1b9;--accent:#914a39}
*{box-sizing:border-box;border-radius:0!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.78 Lato,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:.2em}
a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
::selection{color:#101011;background:#e0cbb4}
.reader-top{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:80px;padding:18px clamp(22px,5vw,80px);border-bottom:1px solid var(--line)}
.brand,.nav-kicker,.eyebrow,.version,.reader-foot,.reader-figure figcaption{font-family:Montserrat,Arial,sans-serif;font-weight:600;letter-spacing:.13em}
.brand{font-size:18px;line-height:1.3;text-decoration:none}
.nav-kicker{font-size:10px;color:var(--muted);text-align:right}
.reader-cover{max-width:1060px;margin:auto;min-height:min(630px,78vh);padding:clamp(55px,8vw,100px) clamp(22px,5vw,80px) 40px;display:flex;flex-direction:column;justify-content:flex-end}
.eyebrow{font-size:11px;line-height:1.5;color:var(--accent);text-transform:uppercase;margin:0 0 clamp(54px,7vw,94px)}
h1{font:600 clamp(40px,6.5vw,88px)/1.065 Montserrat,Arial,sans-serif;letter-spacing:-.06em;margin:0;max-width:950px}
.subtitle{font-size:17px;font-style:italic;margin:26px 0 clamp(65px,8vw,100px)}
.version{border-top:1px solid var(--ink);padding:16px 0 0;margin:0;font-size:10px;color:var(--muted);line-height:1.6}
.reader-text{width:min(calc(100% - 44px),704px);margin:clamp(42px,6vw,84px) auto 95px;font-size:clamp(17px,1.55vw,19px);line-height:1.79;hyphens:auto;overflow-wrap:break-word}
.reader-text p{margin:0 0 1.42em}
.reader-text p:first-child::first-letter{float:left;font:600 3.25em/.85 Montserrat,sans-serif;margin:.12em .12em 0 0}
.reader-text em{font-style:italic}
.reader-figure{position:relative;left:50%;transform:translateX(-50%);width:min(100%,calc(100vw - 36px));margin:clamp(52px,8vw,100px) 0 clamp(60px,8vw,108px);padding:0}
.reader-figure-wide{width:min(960px,calc(100vw - 36px))}
.reader-figure img{display:block;width:100%;height:auto;max-height:780px;object-fit:contain;background:#15191b}
.reader-figure-wide img{max-height:640px}
.reader-figure figcaption{display:block;padding:13px 0 0;border-top:1px solid var(--ink);margin-top:9px;color:var(--muted);font-size:10px;line-height:1.55}
.reader-foot{border-top:1px solid var(--line);padding:48px 20px 90px;text-align:center;font-size:11px;text-transform:uppercase}
.reader-foot .end-mark{display:block;font-size:15px;color:var(--accent);margin-bottom:24px}
.reader-foot p{font-weight:600}
.reader-foot .draft-foot{max-width:560px;margin:30px auto 32px;color:var(--muted);font:400 13px/1.6 Lato,sans-serif;letter-spacing:0;text-transform:none}
.reader-foot a{font-weight:600}
@media(max-width:700px){
.reader-top{padding:16px 22px;min-height:66px}
.brand{font-size:16px}
.nav-kicker{font-size:9px;max-width:155px}
.reader-cover{min-height:520px;padding:54px 22px 34px}
.eyebrow{font-size:10px;margin-bottom:54px}
h1{font-size:clamp(38px,9vw,61px);letter-spacing:-.06em}
.subtitle{margin:22px 0 55px}
.reader-text{width:calc(100% - 42px);margin:40px auto 70px;font-size:17px;line-height:1.72}
.reader-figure{width:calc(100vw - 20px);margin:55px 0 65px}
.reader-figure img{max-height:none}
.reader-figure figcaption{padding:10px 5px 0}
}
@media print{
:root{--paper:#fff}
body{font-size:12pt}.reader-top,.reader-foot{display:none}
.reader-cover{min-height:auto;padding-top:18mm}.reader-text{width:100%;max-width:none;padding:0 12mm;margin-top:10mm}
.reader-text p{orphans:3;widows:3}.reader-figure{break-inside:avoid;max-width:165mm;left:auto;transform:none;margin:20mm auto}
}


.reader-text-book > p { margin: 0; text-indent: 1.2em; }
.reader-text-book > p:first-child,
.reader-text-book > figure + p { text-indent: 0; }


.reader-text > p { margin:0; text-indent:1.2em; }
.reader-text > p:first-child,
.reader-text > figure + p,
.reader-text > hr + p { text-indent:0; }
.reader-cover { min-height:clamp(225px,27vw,360px); padding-top:clamp(25px,3.6vw,48px); padding-bottom:26px; }
.reader-cover .eyebrow { margin-bottom:clamp(22px,3vw,40px); }
.reader-cover .subtitle { margin:14px 0 clamp(20px,3vw,35px); }
.reader-text { margin-top:clamp(25px,3vw,44px); margin-bottom:clamp(35px,4vw,60px); line-height:1.65; }
.reader-figure { margin-top:clamp(25px,4vw,48px); margin-bottom:clamp(26px,4vw,52px); }
.reader-figure img { max-height:620px; object-position:center top; }
.reader-foot { padding-block:24px 36px; }
@media(max-width:700px){
  .reader-cover{min-height:270px;padding:29px 22px 22px}
  .reader-cover .eyebrow{margin-bottom:20px}
  .reader-cover .subtitle{margin:14px 0 24px}
  .reader-text{margin:26px auto 43px;line-height:1.64}
  .reader-figure{margin:24px 0 35px}
}


.reader-text {font-size:clamp(16px,1.4vw,18px);line-height:1.64}
@media(max-width:700px){.reader-text{font-size:16px;line-height:1.62}}
