/* Help pages and changelog, built from wiki/ and CHANGELOG.md at deploy
   (.github/site_pages.py). Same colours and fonts as the home page. */
:root{
  --bg:#0e0d0c;--panel:#191614;--raised:#211b18;--line:#3c332d;
  --fg:#ece4d6;--bright:#fff8ec;--muted:#b9b0a4;--shu:#d2492f;--shu-text:#f28b74;
  --display:"Archivo Black",Impact,sans-serif;--body:Inter,system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.65 var(--body);overflow-x:hidden}
a{color:var(--shu-text);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--shu-text);outline-offset:3px;border-radius:6px}
.top,.layout,footer{max-width:1120px;margin:0 auto;padding-inline:24px}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:22px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font:400 20px/1 var(--display);color:var(--bright);letter-spacing:.02em}
.brand:hover{text-decoration:none}
.top nav{display:flex;gap:20px;flex-wrap:wrap;font-weight:600;font-size:15px}
.top nav a{color:var(--muted)}
.top nav a:hover,.top nav a[aria-current]{color:var(--bright);text-decoration:none}
.layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;padding-block:40px 20px}
.layout:not(:has(.menu)){grid-template-columns:minmax(0,760px)}
.menu{position:sticky;top:24px;align-self:start;font-size:15px}
.menu p{margin:0 0 8px;color:var(--muted)}
.menu strong{color:var(--fg)}
.menu ul{list-style:none;margin:0 0 18px;padding:0}
.menu li{margin:6px 0}
.menu a{color:var(--fg)}
.menu a:hover{color:var(--shu-text);text-decoration:none}
.doc{min-width:0;max-width:760px}
.doc h1{font:400 clamp(30px,5vw,44px)/1.1 var(--display);color:var(--bright);margin:0 0 24px}
.doc h2{font-size:24px;line-height:1.3;color:var(--bright);margin:44px 0 12px}
.doc h3{font-size:19px;color:var(--bright);margin:30px 0 8px}
.doc h2 a,.doc h3 a{color:inherit}
.doc section+section{border-top:1px solid var(--line);margin-top:40px}
.doc strong{color:var(--bright)}
.doc ul,.doc ol{padding-left:22px}
.doc li{margin:4px 0}
.doc code{font:400 .88em var(--mono);background:var(--raised);padding:2px 6px;border-radius:6px}
.doc pre{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;overflow-x:auto}
.doc pre code{background:none;padding:0}
.doc table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;font-size:15px}
.doc th,.doc td{border:1px solid var(--line);padding:8px 12px;text-align:left;vertical-align:top}
.doc th{background:var(--panel);color:var(--bright)}
.doc blockquote{margin:16px 0;padding:4px 16px;border-left:3px solid var(--shu);color:var(--muted)}
.doc img{max-width:100%;height:auto;border-radius:10px}
footer{margin-top:40px;padding-block:28px 50px;border-top:1px solid var(--line);color:var(--muted);font-size:14px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
footer nav{display:flex;gap:18px}
footer a{color:var(--muted)}
footer a:hover{color:var(--bright);text-decoration:none}
@media (max-width:820px){
  .top,.layout,footer{padding-inline:16px}
  .layout{grid-template-columns:minmax(0,1fr);gap:8px;padding-top:24px}
  .menu{position:static;border-bottom:1px solid var(--line);padding-bottom:8px}
  .menu ul{display:flex;flex-wrap:wrap;gap:4px 16px}
  .menu li{margin:0}
}