:root{--ink:#100f16;--panel:#1e1b29;--line:#2c2839;--paper:#f1ece4;--paper2:#cfc8d6;--mute:#8f889f;--rose:#e27b63;--lav:#c9b8ff;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.6 Manrope,system-ui,sans-serif}
.wrap{max-width:820px;margin:0 auto;padding-inline:20px}
header.wrap{display:flex;justify-content:space-between;align-items:center;height:64px;border-bottom:1px solid var(--line)}
.logo{font-family:Prata,Georgia,serif;font-size:24px;text-decoration:none;color:var(--paper)}
.logo i{color:var(--rose);font-style:normal}
.back{color:var(--mute);text-decoration:none;font-size:14px}
.back:hover{color:var(--paper)}
.doc{padding-block:40px 80px}
.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:600;margin:0}
h1{font-family:Prata,Georgia,serif;font-weight:400;font-size:clamp(28px,4vw,40px);line-height:1.1;margin:12px 0 10px;text-wrap:balance}
h2{font-family:Prata,Georgia,serif;font-weight:400;font-size:22px;margin:34px 0 8px}
p{margin:0 0 10px;color:var(--paper2)}
.mute{color:var(--mute);font-size:14px}
mark{background:rgba(201,184,255,.14);color:var(--lav);padding:0 5px;border-radius:4px;border:1px dashed rgba(201,184,255,.5)}
a{color:var(--lav)}
footer.wrap{padding-block:24px 40px;border-top:1px solid var(--line);color:var(--mute);font-size:14px}
footer a{text-decoration:none;color:var(--mute)}
footer a:hover{color:var(--paper)}