:root{
  --ink:#07070a; --panel:#101015; --panel-2:#16161d; --line:#24242e;
  --line-soft:#1b1b23; --text:#e9e9ef; --muted:#8f8fa3; --dim:#5f5f72;
  --brass:#e8a33d; --tuned:#4fd1a5;
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--text);font-family:var(--sans);
  line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--brass);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{width:min(720px,92vw);margin-inline:auto;padding:0 0 90px}
header{border-bottom:1px solid var(--line-soft);margin-bottom:48px}
.bar{display:flex;align-items:center;gap:18px;padding:16px 0}
.mark{display:flex;align-items:center;gap:10px;font-weight:750;font-size:17px;
  letter-spacing:-.02em;color:var(--text)}
.mark:hover{text-decoration:none}
nav{margin-left:auto;display:flex;gap:20px;font-size:14px;color:var(--muted)}
nav a{color:inherit}
nav a:hover{color:var(--text);text-decoration:none}
h1{font-size:clamp(30px,5vw,44px);font-weight:800;letter-spacing:-.03em;
  line-height:1.08;margin:0 0 10px}
h2{font-size:clamp(19px,2.6vw,23px);font-weight:700;letter-spacing:-.02em;
  margin:44px 0 12px}
p,li{color:var(--muted);margin:0 0 1em}
li{margin-bottom:.5em}
strong{color:var(--text);font-weight:650}
.eff{font:500 13px/1 var(--mono);color:var(--dim);margin-bottom:40px;display:block}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;
  padding:22px 24px;margin:26px 0}
.card p:last-child,.card ul:last-child{margin-bottom:0}
.lead{font-size:18px;color:var(--text)}
footer{border-top:1px solid var(--line-soft);margin-top:60px;padding:24px 0;
  font-size:13px;color:var(--dim)}
code{font-family:var(--mono);font-size:.92em;color:var(--tuned)}