*{box-sizing:border-box}html{scroll-padding-top:80px}body{overflow-x:clip}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
header.site{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--surface-page) 88%,transparent);backdrop-filter:blur(10px);border-bottom:var(--border-hairline)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:64px}
.brand{font-size:22px;font-weight:650;letter-spacing:-0.02em;color:var(--text-body);text-decoration:none}.brand span{color:var(--color-accent)}
nav.main{display:flex;gap:28px;align-items:center}nav.main a{color:var(--text-muted);text-decoration:none;font-size:15px}nav.main a:hover,nav.main a[aria-current]{color:var(--text-body)}nav.main a:hover,nav.main a[aria-current]{text-decoration:underline}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:8px;font-weight:500;font-size:17px;text-decoration:none;border:1px solid transparent;transition:background-color .12s var(--ease-standard),border-color .12s var(--ease-standard),opacity .12s var(--ease-standard)}.btn:active{opacity:.85}
.btn-p{background:var(--action-primary);color:var(--action-primary-fg)}.btn-p::selection{background:var(--action-primary-fg);color:var(--action-primary)}.btn-p:hover{background:var(--action-primary-hover);color:var(--action-primary-fg)}
.btn-s{background:var(--surface-card);color:var(--text-body);border-color:var(--border-color)}.btn-s:hover{color:var(--text-body);border-color:var(--text-muted)}
nav.main .btn-compact{min-height:40px;font-size:15px;padding:0 16px;color:var(--text-body)}nav.main .btn-compact:hover{text-decoration:none}
footer.site{border-top:var(--border-hairline);margin-top:96px;padding:40px 0 56px;color:var(--text-muted);font-size:15px}footer.site .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}footer.site a{color:var(--text-muted)}
@media (max-width:900px){nav.main a:not(.btn){display:none}}
@media (max-width:480px){.wrap{padding:0 16px}}