.hp{--hp-side:300px;--hp-header:64px;color:var(--color-fg);background:var(--color-bg-light);min-height:100vh}.hp a{color:var(--color-primary);text-decoration:none}.hp a:hover{text-decoration:underline}.hp-header{z-index:30;height:var(--hp-header);background:color-mix(in srgb,var(--color-bg-light) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);align-items:center;gap:16px;padding:0 20px;display:flex;position:sticky;top:0}.hp-brand{font-family:var(--f-unbounded);white-space:nowrap;color:var(--color-fg);align-items:center;gap:10px;font-size:1.05rem;font-weight:800;display:flex}.hp-brand:hover{text-decoration:none}.hp-brand .dot{background:var(--color-primary);color:#fff;border-radius:8px;place-items:center;width:26px;height:26px;font-size:14px;display:grid}.hp-brand b{color:var(--color-primary)}.hp-brand small{font-family:var(--f-onest);color:var(--color-muted);border-left:1px solid var(--color-border);margin-left:4px;padding-left:10px;font-size:.78rem;font-weight:600}.hp-search{width:min(420px,44vw);margin-left:auto;position:relative}.hp-search input{border:1px solid var(--color-border);width:100%;height:40px;font-family:var(--f-onest);background:var(--color-surface);color:var(--color-fg);border-radius:999px;padding:0 16px 0 38px;font-size:14px}.hp-search input:focus{outline:2px solid var(--color-ring);outline-offset:1px;border-color:#0000}.hp-search .ic{color:var(--color-muted);pointer-events:none;font-size:14px;position:absolute;top:11px;left:14px}.hp-results{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);z-index:40;border-radius:14px;max-height:62vh;padding:6px;position:absolute;top:46px;left:0;right:0;overflow:auto}.hp-results a{color:var(--color-fg);border-radius:9px;padding:9px 12px;display:block}.hp-results a:hover{background:var(--color-bg-light-2);text-decoration:none}.hp-results .r-grp{text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);font-size:11px;font-weight:700}.hp-results .r-tt{font-size:14px;font-weight:600}.hp-results .r-ex{color:var(--color-muted);margin-top:2px;font-size:12.5px}.hp-results mark{background:var(--tint-primary);color:var(--color-primary);border-radius:3px;padding:0 1px}.hp-nores{color:var(--color-muted);text-align:center;padding:14px;font-size:14px}.hp-back{color:var(--color-muted);white-space:nowrap;font-size:13.5px}.hp-burger{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:none}.hp-body{align-items:flex-start;display:flex}.hp-side{top:var(--hp-header);height:calc(100vh - var(--hp-header));width:var(--hp-side);border-right:1px solid var(--color-border);flex:none;padding:18px 12px 60px;position:sticky;overflow:auto}.hp-grp-h{text-transform:uppercase;letter-spacing:.07em;color:var(--color-muted);align-items:center;gap:8px;padding:12px 12px 6px;font-size:11.5px;font-weight:700;display:flex}.hp-nav a{color:var(--color-fg);border-radius:9px;align-items:center;gap:9px;padding:8px 12px;font-size:14px;font-weight:500;display:flex}.hp-nav a .ic{text-align:center;flex:none;width:18px}.hp-nav a:hover{background:var(--color-bg-light-2);text-decoration:none}.hp-nav a.active{background:var(--tint-primary);color:var(--color-primary);font-weight:700}.hp-scrim{display:none}.hp-main{flex:1;justify-content:center;min-width:0;padding:34px clamp(16px,4vw,56px) 90px;display:flex}.hp-article{width:100%;max-width:780px}.hp-crumbs{color:var(--color-muted);margin-bottom:10px;font-size:12.5px}.hp-crumbs b{color:var(--color-primary);font-weight:700}.hp-article h1{font-family:var(--f-unbounded);margin:0 0 6px;font-size:clamp(1.7rem,1.2rem + 1.6vw,2.4rem);font-weight:800;line-height:1.1}.hp-article h2{font-family:var(--f-unbounded);margin:34px 0 12px;font-size:1.4rem;font-weight:700}.hp-article h3{margin:28px 0 8px;font-size:1.18rem;font-weight:700}.hp-article p{margin:0 0 14px;line-height:1.6}.hp-article .lead{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:12px;margin:14px 0 22px;padding:14px 16px;font-size:1.15rem}.hp-article ol,.hp-article ul{margin:0 0 16px;padding-left:22px}.hp-article li{margin:0 0 9px;line-height:1.55}.hp-article figure{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft);border-radius:16px;margin:18px 0;overflow:hidden}.hp-article figure img{width:100%;height:auto;display:block}.hp-article figcaption{color:var(--color-muted);border-top:1px solid var(--color-border);background:var(--color-bg-light-2);padding:9px 14px;font-size:12.5px}.hp-article code{font-family:var(--f-spline),monospace;background:var(--color-bg-light-2);border:1px solid var(--color-border);border-radius:6px;padding:1px 6px;font-size:.88em}.hp-article .tip,.hp-article .warn{border:1px solid;border-radius:12px;margin:16px 0;padding:12px 15px;font-size:14.5px}.hp-article .tip{background:color-mix(in srgb,var(--color-amber) 12%,#fff);border-color:color-mix(in srgb,var(--color-amber) 45%,#fff)}.hp-article .warn{background:#fdeceb;border-color:#f3b9b4}.hp-pager{border-top:1px solid var(--color-border);justify-content:space-between;gap:12px;margin-top:48px;padding-top:20px;display:flex}.hp-pager a{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-fg);border-radius:12px;flex:1;padding:12px 16px;font-size:14px}.hp-pager a:hover{border-color:var(--color-primary);text-decoration:none}.hp-pager .lbl{color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11.5px;display:block}.hp-pager .nm{font-weight:700}.hp-pager a.next{text-align:right}.hp-hero{margin-bottom:30px}.hp-hero h1{font-family:var(--f-unbounded);font-weight:800;font-size:clamp(2rem,1.4rem2vw,3rem);margin:0 0 10px}.hp-hero p{color:var(--color-muted);max-width:640px;font-size:1.15rem}.hp-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.hp-card{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-fg);border-radius:16px;padding:18px;display:block}.hp-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-soft);text-decoration:none}.hp-card .h{font-family:var(--f-unbounded);align-items:center;gap:8px;margin-bottom:10px;font-size:1.05rem;font-weight:700;display:flex}.hp-card ul{margin:0;padding:0;list-style:none}.hp-card li{color:var(--color-muted);padding:3px 0;font-size:13.5px}@media (max-width:900px){.hp{--hp-side:280px}.hp-burger{display:flex}.hp-side{left:0;top:var(--hp-header);z-index:40;background:var(--color-surface);transition:transform .22s var(--ease-out);box-shadow:var(--shadow-card);position:fixed;transform:translate(-105%)}.hp-side.open{transform:translate(0)}.hp-scrim.open{inset:var(--hp-header) 0 0;z-index:35;background:#1a130e66;display:block;position:fixed}.hp-brand small,.hp-back{display:none}.hp-search{flex:1;width:auto}}