:root{--ink:#172b46;--apricot:#f0ad78;--paper:#fbf8f2;--white:#fff;--muted:#536172;--teal:#174e4c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:1px solid var(--muted);border-radius:24px;padding:10px 16px;color:inherit;background:transparent;min-height:44px}button:focus-visible,a:focus-visible{outline:3px solid var(--apricot);outline-offset:4px}button:disabled{opacity:.3;cursor:default}header{padding:25px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}header img{width:260px}header>a:last-child{font-size:12px}.intro{padding:45px 6% 60px;max-width:950px}.kicker{font-size:11px;letter-spacing:2px;font-weight:bold}h1{font-size:60px;font-weight:500;letter-spacing:-2px;line-height:1.07;margin:20px 0}em{font-family:Georgia,serif;font-weight:normal}.intro p:not(.kicker){font-size:17px;line-height:1.7;max-width:640px}.intro small{font-size:11px;line-height:1.7;color:var(--muted)}#viewer{background:var(--ink);color:var(--white);padding:22px 3%}#viewer:fullscreen{overflow:auto}.toolbar{max-width:1300px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.toolbar p{font-size:12px;text-align:center}.toolbar button{font-size:12px}.stage{display:flex;align-items:center;gap:20px;min-height:300px;max-width:1500px;margin:25px auto}.turn{border:0;background:var(--apricot);color:var(--ink);font-size:22px;flex:0 0 48px;padding:10px}#spread{display:flex;justify-content:center;flex:1;min-width:0;touch-action:pan-y;gap:2px}#spread img{width:calc(50% - 1px);height:auto;object-fit:contain;max-height:80vh;align-self:start;background:var(--white)}#spread.single img{width:auto;max-width:100%;max-height:82vh}.rail{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:25px 0}.rail button{font-size:11px}.hint{font-size:11px;text-align:center;line-height:1.6;color:var(--apricot)}.closing{padding:65px 6%;max-width:1150px}h2{font-size:42px;letter-spacing:-1px;font-weight:500;margin:18px 0}.closing>p:not(.kicker){line-height:1.7;max-width:740px}.links{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.links a{font-size:12px;padding:13px 17px;background:var(--ink);color:var(--white);border-radius:24px}.archive-note{font-size:11px;color:var(--muted)}footer{border-top:1px solid var(--muted);margin:0 6%;padding:25px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;line-height:1.6}dialog{border:0;border-radius:8px;background:var(--paper);color:var(--ink);width:min(1050px,95vw);max-height:90vh;padding:28px}dialog::backdrop{background:var(--ink);opacity:.85}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-top h2{font-size:28px}#page-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}#page-grid button{padding:0;border:0;border-radius:0;text-align:left;font-size:11px;line-height:1.5}#page-grid img{width:100%;height:auto;display:block;margin-bottom:8px}#page-grid span{display:block}@media(max-width:700px){header{flex-wrap:wrap}header img{width:230px}h1{font-size:41px}.intro{padding-top:25px}.intro p:not(.kicker){font-size:15px}.stage{gap:6px;margin:18px auto}.turn{flex:0 0 32px;min-height:48px;padding:5px;font-size:18px}#viewer{padding:18px 2%}.toolbar{padding:0 8px}.toolbar button{font-size:10px;padding:8px 10px}.toolbar p{font-size:10px}#spread img{width:100%;max-height:none}#spread.single img{max-height:none;width:100%}.rail{gap:7px}.rail button{padding:8px 11px}.hint{padding:0 20px}.closing{padding:45px 6%}h2{font-size:35px}footer{flex-wrap:wrap}#page-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:no-preference){#spread img{animation:arrive .2s ease-out}@keyframes arrive{from{opacity:.5;transform:translateX(4px)}to{opacity:1;transform:none}}}