:root{
  --obsidian:#000;--carbon:#1d1d1f;--steel:#333336;--ash:#86868b;--porcelain:#f5f5f7;--gold:#d4a640;--gold-link:#e9c46a;
  --font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",Roboto,sans-serif;
  --font-text:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",Roboto,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--obsidian);scroll-behavior:smooth}
body{margin:0;background:var(--obsidian);color:var(--porcelain);font-family:var(--font-text);font-size:17px;line-height:1.6;letter-spacing:-.2px;-webkit-font-smoothing:antialiased}
a{color:var(--gold-link)}
.top{height:52px;display:flex;align-items:center;justify-content:space-between;max-width:760px;margin-inline:auto;padding-inline:16px;border-bottom:1px solid var(--steel);font-size:14px}
.top a{text-decoration:none}
.top .mark{color:var(--porcelain);font-weight:600}
main{max-width:760px;margin-inline:auto;padding:56px 16px 88px}
h1{font-family:var(--font-display);font-size:clamp(34px,6vw,48px);line-height:1.08;letter-spacing:-.01em;margin:0 0 10px;font-weight:600}
.meta{color:var(--ash);font-size:14px;margin:0 0 40px}
h2{font-family:var(--font-display);font-size:24px;line-height:1.2;margin:44px 0 12px;font-weight:600;scroll-margin-top:24px}
p,li{color:#d2d2d7}
ul{padding-left:22px}
li{margin-bottom:6px}
strong{color:var(--porcelain)}
.box{background:var(--carbon);border-radius:20px;padding:20px 22px;margin:20px 0}
.box p{margin:4px 0}
footer{max-width:760px;margin-inline:auto;padding:22px 16px 40px;border-top:1px solid var(--steel);color:var(--ash);font-size:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
footer a{color:var(--ash)}