:root{--bar:#1C2040;--bg:#F6F4FA;--ink:#25233F;--accent:#5A2E8A;--gold:#E0B84F;--muted:#5B5873;--line:#DDD8EA}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:"Outfit",system-ui,sans-serif;font-size:17px;line-height:1.65}
.bar{background:var(--bar);padding:12px 16px}
.logo{display:inline-block;line-height:0;border-radius:4px}
.logo img{height:28px;width:auto;display:block}
@media(min-width:480px){.logo img{height:48px}}
main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:40px 16px 56px}
h1,h2{font-family:"Playfair Display",Georgia,serif;line-height:1.2;color:var(--ink)}
h1{font-size:2rem;margin:0 0 .6em}
h2{font-size:1.35rem;margin:2em 0 .5em}
p,ul{margin:0 0 1em}
ul{padding-left:1.3em}
li{margin-bottom:.4em}
a{color:var(--accent);text-underline-offset:2px}
a:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:2px}
.home{text-align:center;padding-top:72px}
.home h1{font-size:2.2rem}
@media(min-width:600px){.home h1{font-size:2.8rem}}
.lead{font-size:1.15rem;color:var(--muted);max-width:34em;margin:0 auto 2em}
.btn{display:inline-block;background:var(--gold);color:var(--bar);font-weight:600;text-decoration:none;padding:14px 28px;border-radius:999px}
.btn:hover{filter:brightness(.95)}
.btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.draft-note{display:none}
.draft .draft-note{display:block;background:#FFF6DC;border:1px solid var(--gold);border-left-width:6px;border-radius:6px;padding:12px 16px}
.updated{color:var(--muted);font-size:.95rem}
.foot{background:var(--bar);color:#E9E6F5;text-align:center;padding:28px 16px;font-size:.95rem}
.foot ul{list-style:none;margin:0 0 .8em;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.4em 0}
.foot li{margin:0}
.foot li+li::before{content:"\00b7";margin:0 .6em;color:var(--gold)}
.foot a{color:#fff}
.foot a:focus-visible{outline-color:var(--gold)}
.foot p{margin:0;color:#BDB8D6}