/* Docs layout: sidebar of pages + one parchment article. */
.docs{display:grid;grid-template-columns:240px minmax(0,1fr);gap:26px;padding:32px 0 64px;align-items:start}
.side-nav{position:sticky;top:88px;display:grid;gap:2px}
.side-nav a{font:700 16px var(--body);color:var(--ink);text-decoration:none;padding:8px 12px;border-left:4px solid transparent}
.side-nav a:hover{color:var(--gold)}
.side-nav a.on{border-left-color:var(--gold);color:var(--gold);background:rgba(242,193,78,.08)}
.article h1{font-size:clamp(28px,4vw,40px);margin-bottom:10px}
.article h2{font-size:26px;margin:28px 0 10px}
.article p,.article li{color:var(--parch-ink)}
.article ul{padding-left:22px;margin:0 0 14px}
.article li{margin:6px 0}
.article .lead{font-size:18px;color:var(--parch-muted)}
.article table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:15px}
.article th,.article td{text-align:left;padding:8px 10px;border-bottom:2px dashed rgba(59,42,24,.18);vertical-align:middle}
.article th{font:800 14px var(--body);letter-spacing:.5px;color:var(--parch-muted)}
.article .scroll{overflow-x:auto}
.article img.shot{margin:8px 0 18px}
.article kbd{font:800 14px var(--body);background:#e9d7ad;border:2px solid #8a6a3f;padding:1px 7px;color:var(--parch-ink);white-space:nowrap}
.article .ico{width:32px;height:32px;image-rendering:pixelated}
.next{display:flex;justify-content:space-between;gap:12px;margin-top:24px;flex-wrap:wrap}
@media (max-width:860px){.docs{grid-template-columns:minmax(0,1fr)}.side-nav{position:static;display:flex;flex-wrap:wrap;gap:4px}.side-nav a{border-left:0;border-bottom:3px solid transparent;padding:6px 10px}.side-nav a.on{border-bottom-color:var(--gold)}}
.article ol.steps-list{padding-left:24px;margin:0 0 14px}
.article ol.steps-list li{margin:8px 0;color:var(--parch-ink)}
.article h2[id]{scroll-margin-top:88px}
.mobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:8px 0 18px}
.mob{display:flex;gap:12px;align-items:center;background:rgba(59,42,24,.07);border:2px solid rgba(59,42,24,.15);padding:10px}
.mob img{width:84px;height:84px;object-fit:contain;image-rendering:pixelated;flex:none}
.mob h3{margin:0;font:800 17px var(--body);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mob p{margin:0 0 4px;font-size:14px;color:var(--parch-muted)}
.mob dl{display:grid;grid-template-columns:auto auto auto auto auto auto;gap:2px 6px;margin:0;font-size:14px}
.mob dt{color:var(--parch-muted)}.mob dd{margin:0 8px 0 0;font-weight:800;font-variant-numeric:tabular-nums}
.mob.boss{border-color:rgba(224,100,79,.5);background:rgba(224,100,79,.08)}