:root{--paper:#F6F3F7;--ink:#2B1E33;--wine:#8E2F4F;--muted:#6B6275;--rule:#DCD3E0}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Newsreader",Georgia,"Times New Roman",serif;font-size:1.15rem;line-height:1.65}
main{max-width:40rem;margin:0 auto;padding:4.5rem 1.5rem 3rem}
.mast{font-size:clamp(3rem,11vw,5.6rem);line-height:.95;font-weight:500;font-style:italic;letter-spacing:-.02em;margin:0 0 1.5rem;color:var(--wine)}
.lede{font-size:1.3rem;line-height:1.5;margin:0 0 3rem;max-width:32rem}
h1.page{font-size:2.4rem;line-height:1.1;font-weight:500;margin:0 0 .4rem}
h2{font-size:1.35rem;font-weight:600;margin:2.6rem 0 .6rem}
p,ul{margin:0 0 1rem}
ul{padding-left:1.2rem}
li{margin-bottom:.4rem}
a{color:var(--wine);text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:2px solid var(--wine);outline-offset:3px;border-radius:2px}
.meta{color:var(--muted);font-size:1rem;margin-bottom:2.5rem}
.note{border-left:3px solid var(--wine);padding:.2rem 0 .2rem 1.1rem;color:var(--muted)}
footer{max-width:40rem;margin:0 auto;padding:1.5rem 1.5rem 3rem;border-top:1px solid var(--rule);color:var(--muted);font-size:.95rem}
footer a{margin-right:1.2rem}