:root{
  --sky-0:#0b1624;--pearl:#f1ece2;--pearl-dim:#b9c4d0;--gold:#d9bf8c;--gold-2:#b8935a;
  --ink:#22374b;--text:#4a5664;--muted:#7a8796;--slate:#5b789c;--ground:#eef3f7;--line:rgba(34,55,75,.12);
  --font-display:"Cormorant Garamond","Cormorant",Garamond,"Times New Roman",serif;
  --font-body:"Jost","Helvetica Neue",Arial,sans-serif;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--ink:#eef1f5;--text:#c5cfd9;--muted:#93a2b2;--slate:#9fb7d6;--ground:#0f1b29;--line:rgba(233,238,244,.12);color-scheme:dark}}
:root[data-theme="dark"]{--ink:#eef1f5;--text:#c5cfd9;--muted:#93a2b2;--slate:#9fb7d6;--ground:#0f1b29;--line:rgba(233,238,244,.12);color-scheme:dark}
*{box-sizing:border-box}
html{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body{margin:0;background:var(--ground);color:var(--text);font-family:var(--font-body);font-weight:300;font-size:1.0625rem;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:var(--slate)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
.wrap{max-width:820px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
header{background:var(--sky-0)}
header .wrap{padding-block:22px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.mark{text-decoration:none;font-family:var(--font-display);font-weight:500;font-size:1.8rem;line-height:1;background:linear-gradient(120deg,#f6e7c3 0%,#e3c993 40%,#d9bf8c 60%,#b8935a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
header a.back{color:var(--pearl-dim);text-decoration:none;font-size:.92rem}
header a.back:hover{color:var(--pearl)}
main .wrap{padding-block:64px 90px}
h1,h2{font-family:var(--font-display);font-weight:400;color:var(--ink);line-height:1.1;text-wrap:balance}
h1{font-size:clamp(2.4rem,5vw,3.4rem);margin:0 0 6px}
h2{font-size:1.6rem;margin:44px 0 10px;padding-top:22px;border-top:1px solid var(--line)}
.updated{color:var(--muted);font-size:.92rem;margin:0 0 30px}
p,li{max-width:40em}
ul{padding-left:1.2em}
li{margin-bottom:6px}
b{font-weight:500;color:var(--ink)}
.todo{background:rgba(217,191,140,.25);color:var(--ink);padding:0 4px;border-radius:4px;font-style:italic}
footer{background:var(--sky-0);color:var(--pearl-dim);font-size:.85rem}
footer .wrap{padding-block:26px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer a{color:var(--pearl-dim);text-decoration:none}
footer nav{display:flex;gap:22px}