:root{color-scheme:dark;--paper:#e8dfc9;--muted:#c5bca5;--gold:#e9c27a;--edge:#665438}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1rem}body{margin:0;background:#171315;color:var(--paper);font:1.08rem/1.75 Georgia,serif;background-image:radial-gradient(ellipse at 90% 0%,#51402455,transparent 55%)}a{color:var(--gold);text-underline-offset:.2em}a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}header,main,footer{width:min(100% - 2.5rem,66rem);margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0;border-bottom:1px solid var(--edge);font:1rem/1.5 system-ui,sans-serif}.brand{font-size:1.35rem;font-weight:700;text-decoration:none}main{padding:2rem 0 3rem}h1,h2{color:#f4d99d;line-height:1.22}h1{font-size:clamp(2rem,7vw,3.3rem);margin:.3rem 0 1rem}h2{font-size:1.55rem;margin:2rem 0 .75rem}p{margin:.75rem 0 1.25rem}.date{color:var(--muted);font:1rem/1.6 system-ui,sans-serif}.document{max-width:48rem;margin:auto}.contents{display:flex;flex-wrap:wrap;gap:.5rem .8rem;margin:1.5rem 0 2rem;font:1rem/1.6 system-ui,sans-serif}.contents a{padding:.2rem .55rem;border:1px solid var(--edge);text-decoration:none}.contents a:hover,.button:hover{background:#55452e}.welcome{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:2rem}.welcome img{display:block;width:100%;max-width:22rem;object-fit:contain;padding:.5rem;justify-self:center}.lead{font-size:1.35rem;color:#ecd6ab}.button{display:inline-block;padding:.65rem 1rem;border:1px solid var(--gold);text-decoration:none;font:600 1rem/1.5 system-ui,sans-serif}.guide{max-width:48rem}footer{border-top:1px solid var(--edge);padding:1.7rem 0;color:var(--muted);font:.93rem/1.65 system-ui,sans-serif}footer nav{display:flex;flex-wrap:wrap;gap:1rem}section{overflow-wrap:anywhere}@media(max-width:650px){.welcome{grid-template-columns:1fr}.welcome img{max-width:16rem;grid-row:2}.welcome h1{font-size:2.4rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}