:root{
  --ground:#E9EBF0; --surface:#FAFBFC; --raise:#FFFFFF;
  --ink:#13151B; --ink2:#4B5163; --ink3:#7B8295;
  --line:#D6DAE3; --hair:#E7EAF0;
  --accent:#2558D6; --neg:#C0394B; --mid:#8B90A0;
  --serif:"Newsreader",Iowan Old Style,Georgia,serif;
  --sans:"Archivo","Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ground:#0B0D11; --surface:#14171E; --raise:#1B1F27;
    --ink:#EDEFF4; --ink2:#A7AEBF; --ink3:#767D8F;
    --line:#2A2F3A; --hair:#21262F;
    --accent:#5286F2; --neg:#D35A6B; --mid:#6C7386;
  }
}
:root[data-theme="dark"]{
  --ground:#0B0D11; --surface:#14171E; --raise:#1B1F27;
  --ink:#EDEFF4; --ink2:#A7AEBF; --ink3:#767D8F;
  --line:#2A2F3A; --hair:#21262F;
  --accent:#5286F2; --neg:#D35A6B; --mid:#6C7386;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);line-height:1.6}
.wrap{max-width:660px;margin-inline:auto;padding-inline:20px;padding-block:0}
header.top{display:flex;align-items:center;gap:13px;padding-block:34px 26px}
.mark{width:40px;height:40px;flex:none}
.word{font-family:var(--serif);font-size:1.34rem;font-style:italic;letter-spacing:.005em}
.word b{font-style:normal;font-weight:500}
.lede{font-family:var(--serif);font-size:1.5rem;line-height:1.35;letter-spacing:-.01em;
  text-wrap:balance;margin:0 0 10px;max-width:22ch}
.sub{margin:0;color:var(--ink3);max-width:60ch}
main{background:var(--surface);border-block:1px solid var(--hair);padding-block:38px 46px;margin-top:6px}
section{padding-block:0 30px}
h2{font-family:var(--serif);font-weight:400;font-size:1.32rem;letter-spacing:-.008em;margin:0 0 8px}
h3{font-family:var(--serif);font-weight:500;font-size:1.02rem;margin:22px 0 4px}
p{margin:0 0 12px;color:var(--ink2);max-width:64ch}
.eyebrow{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink3);margin:0 0 6px}
ul{margin:0 0 12px;padding-left:19px;color:var(--ink2);max-width:64ch}
li{margin-bottom:6px}
a{color:var(--accent);text-underline-offset:2px}
.steps{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.steps li{display:grid;grid-template-columns:22px 1fr;gap:12px;margin:0;align-items:baseline}
.steps .n{font-family:var(--mono);font-size:.72rem;color:var(--ink3)}
.steps b{font-family:var(--serif);font-weight:500;font-size:1.02rem;color:var(--ink);display:block}
.steps span{color:var(--ink2)}
.card{background:var(--raise);border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.card p:last-child{margin-bottom:0}
footer{padding-block:26px 44px;font-family:var(--mono);font-size:.68rem;color:var(--ink3);
  display:flex;flex-wrap:wrap;gap:14px;align-items:center}
footer a{color:var(--ink3)}
.updated{font-family:var(--mono);font-size:.68rem;color:var(--ink3);margin:0 0 26px}
@media (max-width:480px){ .lede{font-size:1.3rem} }