:root{--ink:#EDEAE4;--dim:#8A8781;--bg:#0B0B0C;--line:#242424;--ok:#7CE0A3}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
font:400 16px/1.7 ui-sans-serif,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
-webkit-font-smoothing:antialiased;
padding:clamp(24px,5vw,56px);max-width:760px;margin:0 auto}
a{color:var(--ok);text-decoration:none;border-bottom:1px solid #2c4a38}
a:hover{border-color:var(--ok)}
.top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;
border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:clamp(28px,5vh,44px);
font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.top a{color:var(--dim);border:0;letter-spacing:.14em}
.top a:hover{color:var(--ink)}
.mark{color:var(--ink);letter-spacing:.2em}
h1{font-size:clamp(28px,5vw,42px);line-height:1.1;letter-spacing:-.035em;font-weight:600;margin:0 0 10px}
.lead{color:var(--dim);font-size:15px;margin:0 0 clamp(28px,5vh,44px)}
h2{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);
font-weight:400;margin:clamp(32px,5vh,44px) 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}
p{margin:0 0 12px}
ul{margin:0 0 12px;padding-left:20px}
li{margin:0 0 8px}
dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 22px;margin:0 0 12px;font-size:15px}
dt{color:var(--dim)}
dd{margin:0}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;
background:#141414;border:1px solid var(--line);border-radius:4px;padding:1px 5px}
footer{border-top:1px solid var(--line);margin-top:clamp(36px,6vh,60px);padding-top:16px;
display:flex;gap:10px 22px;flex-wrap:wrap;justify-content:space-between;
font-size:13px;color:var(--dim)}
footer a{color:var(--dim);border:0}
footer a:hover{color:var(--ink)}
.muted{color:var(--dim);font-size:13px}
@media(max-width:560px){dl{grid-template-columns:1fr;gap:2px 0}dt{margin-top:8px}}