:root{--stage:#0A0C14;--ink:#F3F2F8;--ink-2:#A9ACC0;--ink-3:#8386A4;--line:rgba(255,255,255,.11);--core:#FFF3D9;--sig:#8A9BFF}
*{box-sizing:border-box}
body{margin:0;background:var(--stage);color:var(--ink);font-family:'Manrope',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased}
.wrap{max-width:720px;margin:0 auto;padding-block:56px 80px;padding-left:22px;padding-right:22px}
a{color:var(--sig)}
.mark{font-family:'Sora',ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:15px;letter-spacing:.4em;padding-left:.4em;color:var(--ink-2);text-decoration:none;display:inline-block;margin-bottom:38px}
.mark i{color:var(--core);font-style:normal}
h1{font-family:'Sora',ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:clamp(28px,5vw,40px);letter-spacing:-.02em;margin:0 0 10px;text-wrap:balance}
h2{font-family:'Sora',ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:20px;margin:40px 0 12px;letter-spacing:-.01em}
p{margin:0 0 16px;color:var(--ink-2)}
p.lede{color:var(--ink);font-size:17.5px}
.meta{color:var(--ink-3);font-size:13.5px;margin-bottom:34px}
.box{border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin:22px 0;background:rgba(255,255,255,.035)}
.box p:last-child{margin-bottom:0}
.todo{border-color:rgba(240,180,90,.42);background:rgba(240,180,90,.07)}
.todo b{color:#F0B45A}
strong{color:var(--ink)}
footer{margin-top:56px;padding-top:22px;border-top:1px solid var(--line);color:var(--ink-3);font-size:13.5px}
