:root{--cream:#F4F0E7;--navy:#152238;--gold:#D4A130;--gold-ink:#A87A18;
--ink:#152238;--ink-mid:#5A6478;--hair:#DDD6C6;
--sans:'Poppins',system-ui,sans-serif;--serif:'Lora',Georgia,serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--serif);
font-size:16.5px;line-height:1.75;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:clamp(28px,6vw,64px) clamp(20px,5vw,32px)}
a{color:var(--gold-ink)}
.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;
border-bottom:1px solid var(--hair);padding-bottom:1.1rem;margin-bottom:2.4rem;flex-wrap:wrap}
.mark{font-family:var(--sans);font-weight:700;letter-spacing:-.02em;font-size:1rem;text-decoration:none;color:var(--ink)}
.mark span{font-weight:400;color:var(--ink-mid)}
.back{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.eyebrow{font-family:var(--mono);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;
color:var(--gold-ink);margin:0 0 .8rem}
h1{font-family:var(--sans);font-weight:700;letter-spacing:-.022em;line-height:1.12;
font-size:clamp(1.9rem,4.4vw,2.6rem);margin:0 0 .6em}
h2{font-family:var(--sans);font-weight:600;font-size:1.16rem;margin:2.3rem 0 .5rem;letter-spacing:-.01em}
p,li{color:var(--ink-mid)}
b,strong{color:var(--ink);font-weight:600}
ul,ol{padding-left:1.15rem}
li{margin-bottom:.45rem}
.upd{font-family:var(--mono);font-size:.74rem;color:var(--ink-mid);
border:1px solid var(--hair);border-radius:8px;padding:.5rem .8rem;display:inline-block;margin-bottom:2rem}
.pend{background:#FBF3DF;border:1px solid #E3C77F;border-radius:10px;padding:.9rem 1.1rem;font-size:.92rem}
footer{border-top:1px solid var(--hair);margin-top:3.2rem;padding-top:1.3rem;
font-size:.83rem;color:var(--ink-mid)}