.page-head{background:var(--surface);padding:20px 0 26px}.crumbs ol{flex-wrap:wrap;align-items:center;gap:4px;margin:0 0 14px;padding:0;font-size:.88rem;list-style:none;display:flex}.crumbs li{color:var(--muted);align-items:center;gap:4px;display:flex}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--brand);text-decoration:underline}.crumbs [aria-current]{color:var(--ink);font-weight:var(--w-regular)}.page-head h1{text-wrap:pretty;margin:0 0 16px;font-size:clamp(1.75rem,3.6vw,2.5rem)}.byline{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px 22px;font-size:.92rem;display:flex}.byline .by{align-items:center;gap:7px;display:inline-flex}.byline .by a{color:var(--ink);font-weight:var(--w-regular)}.avatar{color:var(--brand);place-items:center;display:grid}.share{gap:6px;margin-inline-start:auto;display:inline-flex}.share a,.share button{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:50%;place-items:center;transition:color .15s,border-color .15s;display:grid}.share a:hover,.share button:hover{color:var(--brand);border-color:var(--brand-line)}.share button.done{color:var(--good);border-color:var(--good)}.layout{grid-template-columns:minmax(0,1fr) 300px;gap:48px;padding-top:32px;display:grid}.content{min-width:0;max-width:780px}.content>:first-child{margin-top:0}.layout.wide{grid-template-columns:minmax(0,1fr)}.wide .content{max-width:none}.toc-bar{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.toc-bar a{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:6px 14px;font-size:.88rem;text-decoration:none;transition:color .15s,border-color .15s}.toc-bar a:hover{color:var(--brand);border-color:var(--brand-line)}.rel-bottom{margin-top:56px}.rel-bottom ul{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.rel-bottom a{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-weight:var(--w-strong);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;text-decoration:none;display:flex}.rel-bottom a:hover{border-color:var(--brand-line);color:var(--brand)}.sidebar .sticky{gap:16px;display:grid;position:sticky;top:24px}.side-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:18px 20px;font-size:.93rem}.side-box h2{align-items:center;gap:8px;margin:0 0 10px;font-size:1rem;display:flex}.side-box p{color:var(--muted);margin-bottom:8px;line-height:1.6}.toc ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.toc a{color:var(--muted);border-radius:8px;padding:6px 12px;line-height:1.4;text-decoration:none;display:block}.toc a:hover{background:var(--bg-alt);color:var(--ink)}.toc a.active{background:var(--brand-soft);color:var(--brand-ink);font-weight:var(--w-strong)}.trust h2 svg{color:var(--brand)}.share-bar{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin-top:56px;padding:18px 22px;display:flex}.share-title{font-weight:var(--w-strong)}.share-btns{flex-wrap:wrap;gap:8px;display:flex}.share-btns a,.share-btns button{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:.9rem;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.share-btns a:hover,.share-btns button:hover{border-color:var(--brand-line);color:var(--brand)}.share-btns svg{color:var(--brand)}.share-btns button.done{color:var(--good);border-color:var(--good)}.rel{gap:8px;margin:0;padding:0;list-style:none;display:grid}.rel a,.trust a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--brand);text-underline-offset:5px;text-decoration-thickness:2px;transition:color .15s}.rel a:hover,.trust a:hover{color:var(--brand)}.toc-mobile{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-bottom:24px;display:none}.toc-mobile summary{font-weight:var(--w-strong);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;list-style:none;display:flex}.toc-mobile summary::-webkit-details-marker{display:none}.toc-mobile ol{margin:0;padding:0 36px 14px 16px}.toc-mobile li{padding:4px 0}@media (width<=1000px){.layout{grid-template-columns:1fr}.sidebar .toc{display:none}.toc-mobile{display:block}.sidebar .sticky{position:static}.share{margin-inline-start:0}}
