:root{
  color-scheme: dark;
  --ink:#0b0b0c; --box:#121213; --box-hi:#171719; --line:#222225; --line-soft:#19191b;
  --bone:#eeede8; --muted:#9c9b95; --faint:#5e5d59;
  --a1:#ffc97a; --a2:#ff7a50; --a3:#ff4d6d; --go:#7ee2a8;
  --display:"Bricolage Grotesque", "Arial Narrow", system-ui, sans-serif;
  --body:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono:"Geist Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
}
*,*::before,*::after{ box-sizing:border-box; }
[hidden]{ display:none !important; }
body{ margin:0; background:var(--ink); color:var(--bone); font-family:var(--body); font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased; }
a{ color:var(--a1); text-underline-offset:3px; }
:focus-visible{ outline:2px solid var(--a1); outline-offset:3px; border-radius:6px; }
.top{ position:sticky; top:env(safe-area-inset-top, 0px); z-index:5; background:rgba(11,11,12,.85); backdrop-filter:blur(12px); border-bottom:1px solid var(--line-soft); }
.top-in{ max-width:880px; margin:0 auto; padding:14px 20px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.mark{ display:flex; align-items:center; gap:10px; color:var(--bone); text-decoration:none; font-weight:600; }
.mark svg{ width:28px; height:28px; flex:none; filter:drop-shadow(0 0 10px rgba(255,122,80,.35)); }
.mark svg.lk{ width:auto; height:40px; filter:drop-shadow(0 0 12px rgba(255,122,80,.22)); }
.mark i{ width:28px; height:28px; display:grid; place-items:center; border-radius:8px; font-style:normal; font-family:var(--display); color:#1a0806; background:linear-gradient(135deg,#ffb35c,var(--a2) 45%,#f4291d); }
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; height:44px; padding:0 20px; border-radius:999px; font-weight:600; font-size:14px; text-decoration:none; color:#1a0806; background:linear-gradient(135deg,#ffb35c 0%, var(--a2) 45%, #f4291d 100%); }
.btn.line{ color:var(--bone); background:#151517; border:1px solid #2e2e33; }
main{ max-width:880px; margin:0 auto; padding:clamp(40px,7vw,80px) 20px 80px; }
.kicker{ font-family:var(--mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--a1); }
h1{ font-family:var(--display); font-weight:700; font-size:clamp(34px,5vw,52px); line-height:1.05; letter-spacing:-.02em; margin:12px 0 10px; text-wrap:balance; }
h2{ font-family:var(--display); font-weight:600; font-size:clamp(21px,2.4vw,26px); line-height:1.2; margin:40px 0 10px; text-wrap:balance; }
p, li{ color:#c9c8c2; max-width:68ch; }
ul{ padding-left:20px; }
li{ margin:6px 0; }
.meta{ color:var(--muted); font-size:14px; }
.note{ margin-top:28px; padding:16px 18px; border:1px solid var(--line); border-radius:12px; background:var(--box); font-size:14px; color:var(--muted); }
footer{ border-top:1px solid var(--line-soft); }
.foot-in{ max-width:880px; margin:0 auto; padding:28px 20px 40px; display:flex; flex-wrap:wrap; gap:10px 20px; font-size:14px; color:var(--muted); }
.foot-in a{ color:var(--muted); }