:root{color-scheme:light;--ink:#282722;--cream:#faf7ef;--gold:#80631d}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:1rem/1.75 system-ui,sans-serif}header,main,footer{width:min(100% - 3rem,760px);margin-inline:auto}header{display:flex;justify-content:space-between;gap:1.5rem;align-items:center;padding-block:2rem;border-bottom:1px solid #ded6c4}header>a:first-child{font:1.4rem Georgia,serif;text-decoration:none}header span{display:block;font:0.65rem system-ui,sans-serif;text-transform:uppercase;letter-spacing:.22em;margin-top:.4rem}main{padding-block:4rem}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.18}h1{font-size:clamp(2.8rem,8vw,4.5rem);margin:.5rem 0 2rem}h2{font-size:1.8rem;margin:2.5rem 0 1rem}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:.8rem}.draft{padding:1.25rem;border-left:3px solid var(--gold);background:#efe8d7}a{color:inherit;text-underline-offset:.2em}a:hover{color:var(--gold)}a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.back{margin-top:3rem}footer{padding-block:2rem;border-top:1px solid #ded6c4;font-size:.85rem}.skip{position:absolute;top:-100px;left:1rem;padding:.7rem;background:white}.skip:focus{top:1rem}@media(max-width:420px){header,main,footer{width:calc(100% - 2rem)}header{align-items:start}header>a:last-child{font-size:.85rem}main{padding-block:2.5rem}}