@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');
:root{--bg:#f1eee8;--paper:#fffefa;--ink:#292923;--muted:#67685f;--accent:#75513b;--line:#ddd6cb;--nav:#262b29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.75 Georgia,'Times New Roman',serif}a{color:var(--accent)}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:20;background:#fff;padding:1rem}.site-header{background:var(--nav);color:white;padding:18px max(22px,calc((100vw - 1120px)/2));font:500 14px/1.5 'DM Sans',Arial,sans-serif;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.site-header a{color:white;text-decoration:none}.brand{font-size:17px;font-weight:700}.site-header nav{display:flex;flex-wrap:wrap;gap:12px}.site-header nav a{padding:7px 10px;border:1px solid #ffffff35;border-radius:6px}.site-header nav a[aria-current=page]{background:#ffffff25}.hero{max-width:1050px;margin:40px auto 0;padding:0 28px}.eyebrow{font:700 12px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}h1{font:700 clamp(30px,4.1vw,48px)/1.22 Georgia,serif;letter-spacing:-.025em;margin:12px 0 10px}.hero .date{color:var(--muted);font:500 15px/1.5 'DM Sans',Arial,sans-serif}.page-layout{max-width:1050px;margin:24px auto 65px;padding:0 28px}.paper{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:clamp(24px,5vw,66px);box-shadow:0 8px 30px #241c1009}.paper h1{font-size:clamp(25px,3vw,36px)}.paper h2{font-size:clamp(23px,2.5vw,30px);line-height:1.3;margin:40px 0 16px;color:#594333}.paper h2:first-child{margin-top:0}.paper h3{font-size:22px;color:#594333}.paper p{margin:0 0 20px;overflow-wrap:anywhere}.paper blockquote{margin:24px 0;padding:15px 24px;border-left:4px solid #aa876b;background:#f6f1e9}.paper img{display:block;width:auto!important;max-width:100%!important;height:auto!important;max-height:none!important;margin:30px auto 12px;object-fit:contain}.photo-figure{margin:34px auto;text-align:center}.photo-figure img{margin:0 auto;cursor:zoom-in}.photo-figure figcaption{font:13px/1.6 'DM Sans',Arial,sans-serif;color:var(--muted);margin-top:10px}.photo-figure a{display:inline-block;max-width:100%;color:inherit}.photo-figure a:focus-visible{outline:3px solid var(--accent)}.photo-figure .full-link{display:inline-block;margin-top:8px;font:600 13px/1.4 'DM Sans',Arial,sans-serif;color:var(--accent)}.chapter-nav{margin:28px auto;display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font:600 14px/1.4 'DM Sans',Arial,sans-serif}.chapter-nav a{padding:12px 16px;border:1px solid var(--line);border-radius:8px;text-decoration:none;background:white}.index{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:22px 0 30px}.index a{padding:17px;border:1px solid var(--line);border-radius:8px;background:white;text-decoration:none;font:600 15px/1.5 'DM Sans',Arial,sans-serif}.index small{display:block;font-weight:400;color:var(--muted);margin-top:5px}.index a[aria-current=page]{border-color:var(--accent);background:#f9f3ec}.footer{text-align:center;color:var(--muted);font:13px/1.6 'DM Sans',Arial,sans-serif;padding:22px}.lightbox{border:0;background:#111;color:white;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:50px 20px 20px}.lightbox::backdrop{background:#111}.lightbox img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 115px);margin:auto;object-fit:contain}.lightbox-controls{display:flex;justify-content:center;gap:12px;align-items:center;margin-top:12px;font:14px 'DM Sans',Arial,sans-serif}.lightbox button,.lightbox a{background:#303030;border:1px solid #666;border-radius:6px;color:white;padding:8px 13px;cursor:pointer;text-decoration:none}.lightbox button:focus-visible{outline:2px solid white}@media(max-width:650px){body{font-size:16px}.hero{margin-top:24px}.paper{padding:22px}.page-layout,.hero{padding:0 14px}.site-header{padding:15px}.photo-figure{margin:22px 0}.paper h2{margin-top:28px}.lightbox{padding:48px 8px 10px}.lightbox-controls{flex-wrap:wrap}}@media print{body{background:white}.site-header,.chapter-nav,.index,.footer,.lightbox,.full-link{display:none!important}.hero,.page-layout{margin:0;max-width:none;padding:0}.paper{border:0;box-shadow:none;padding:0}.photo-figure{break-inside:avoid}.paper img{max-height:230mm!important}}
