:root{--night:#000;--panel:#121212;--ink:#f2efe8;--soft:rgba(242,239,232,.68);--faint:rgba(242,239,232,.52);--hair:rgba(242,239,232,.1);--amber:#ffb224;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--night);scrollbar-color:rgba(242,239,232,.38) var(--night)}
body{background:var(--night);color:var(--ink);font:17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--amber);text-underline-offset:3px}
:focus-visible{outline:2px solid var(--amber);outline-offset:4px;border-radius:6px}
.top{max-width:720px;margin:0 auto;padding:22px 24px 0;display:flex;justify-content:space-between;align-items:center}
.mark{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:650}
.mark img{width:28px;height:28px;border-radius:7px}
.top nav{display:flex;gap:20px;font-size:15px}
.top nav a{color:var(--soft);text-decoration:none}.top nav a:hover,.top nav a[aria-current]{color:var(--ink)}
main{max-width:720px;margin:0 auto;padding:72px 24px 90px}
h1{font-size:clamp(34px,6vw,52px);line-height:1.05;letter-spacing:-.03em;font-weight:700}
.date{color:var(--faint);font-size:15px;margin-top:12px}
.short{margin:36px 0 10px;padding:22px 24px;border-radius:18px;background:var(--panel);color:var(--ink);font-size:18px}
h2{font-size:22px;letter-spacing:-.015em;font-weight:650;margin:46px 0 10px}
p,li{color:var(--soft)}
p+p{margin-top:12px}
ul{margin:10px 0 0 20px}
li{margin-top:7px}
b{color:var(--ink);font-weight:600}
code{font:15px ui-monospace,"SF Mono",Menlo,monospace;color:var(--ink);background:var(--panel);padding:1px 6px;border-radius:6px}
footer{max-width:720px;margin:0 auto;padding:26px 24px 46px;border-top:1px solid var(--hair);color:var(--faint);font-size:14px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer a{color:var(--soft);text-decoration:none}
ul+p{margin-top:12px}
.skip{position:fixed;left:16px;top:-80px;z-index:9;padding:10px 16px;border-radius:999px;background:var(--amber);color:#160d00;font-weight:650;font-size:15px;text-decoration:none}
.skip:focus{top:14px}
[tabindex="-1"]:focus{outline:none}
footer nav{display:flex;gap:20px;flex-wrap:wrap}