:root{color-scheme:dark;font:17px/1.6 system-ui;background:#101d19;color:#efe9d9}*{box-sizing:border-box}body{margin:0}main{max-width:1150px;margin:auto;padding:35px 24px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#d7bc83}h1{font:clamp(38px,7vw,61px)/1.07 Georgia,serif}p{color:#bdccbd}figure{margin:28px 0;background:#070d0b;border:1px solid #54624e;border-radius:8px;overflow:hidden}#images{position:relative;aspect-ratio:1672/941}#images img{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .5s ease}#images img.active{opacity:1}figcaption{padding:12px 16px;color:#ddcba6}button{font:inherit;background:#243a2c;color:#efe9d9;border:1px solid #9eaf8e;border-radius:6px;padding:10px 14px;margin:6px 8px 6px 0;cursor:pointer}button[aria-current=true]{background:#53663e}audio{width:100%;margin:20px 0}#chapters{display:flex;gap:7px;flex-wrap:wrap}#chapters button{margin:0;min-width:44px}details{margin-top:30px;border-top:1px solid #54624e;padding-top:18px}a{color:#ddcba6}:focus-visible{outline:3px solid #e4bd78;outline-offset:4px}figure:fullscreen{width:100vw;height:100vh;margin:0;border:0;display:flex;flex-direction:column;justify-content:center;background:#000}figure:fullscreen #images{height:calc(100vh - 50px);aspect-ratio:auto}figure:fullscreen figcaption{text-align:center}@media(prefers-reduced-motion:reduce){#images img{transition:none}}@media(max-width:500px){main{padding:28px 16px}}

header{max-width:1150px;margin:auto;padding:24px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #54624e}header a{text-decoration:none}header small{display:block;font-size:11px;color:#bdccbd}nav{display:flex;gap:22px;align-items:center;font-size:14px}.skip{position:absolute;top:-100px;left:20px}.skip:focus{top:8px;z-index:3;background:#101d19;padding:10px}blockquote{margin:28px 0;font:clamp(21px,4vw,29px)/1.5 Georgia,serif;color:#efe9d9}cite{display:block;font:14px/2 system-ui;color:#bdccbd}.back{margin-top:40px;font-size:14px}summary{cursor:pointer}#status{min-height:2em;font-size:14px}@media(max-width:500px){header{padding:20px 16px}nav{gap:14px;font-size:12px}}

#exit-full{display:none}figure:fullscreen #exit-full{display:block;position:absolute;z-index:2;right:14px;top:14px;background:#101d19}figure{position:relative}
