.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 16px}@media (min-width:768px){.container{padding:0 24px}}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;gap:24px;height:64px}.logo{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-weight:700;font-size:1.25rem}.logo:hover{text-decoration:none}.logo-mark{width:40px;height:40px;flex:none}.logo-mark img{display:block;width:100%;height:100%}.main-nav{display:none;margin-right:auto}.main-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}.main-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;color:var(--text-2);font-weight:500;font-size:.95rem;border-radius:var(--radius-sm)}.main-nav a:hover{color:var(--text);background:var(--surface-2);text-decoration:none}.main-nav a[aria-current="page"]{color:var(--text);box-shadow:inset 0 -2px 0 var(--brand);border-radius:0}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.theme-toggle .i-sun{display:none}:root[data-theme="dark"] .theme-toggle .i-sun{display:block}:root[data-theme="dark"] .theme-toggle .i-moon{display:none}@media (max-width:899px){.header-inner{display:grid;grid-template-columns:44px 1fr 44px;gap:12px}.header-inner .logo{justify-self:center}}@media (min-width:900px){.main-nav{display:block}.header-actions{margin-left:auto}.menu-toggle{display:none}}.drawer{position:fixed;inset:0 auto 0 0;z-index:70;width:min(320px,86vw);display:flex;flex-direction:column;background:var(--surface);color:var(--text);border-right:1px solid var(--border);box-shadow:16px 0 40px rgba(0,0,0,.16);transform:translateX(-100%);visibility:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s linear .3s}.drawer.is-open{transform:none;visibility:visible;transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px;padding:0 12px 0 16px;border-bottom:1px solid var(--border);flex:none}.drawer-body{flex:1;overflow-y:auto;padding:16px 12px;overscroll-behavior:contain}.drawer-title{margin:0 4px 8px;font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.drawer-body ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.drawer-body a{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 8px;border-radius:var(--radius-sm);color:var(--text);font-weight:500}.drawer-body a:hover{background:var(--surface-2);text-decoration:none}.drawer-body a[aria-current]{background:var(--accent-soft)}.drawer-body .cat-icon{width:36px;height:36px;border-radius:8px}.drawer-link-text{flex:1;display:flex;flex-direction:column;line-height:1.3}.drawer-link-text small{font-size:.8125rem;font-weight:400;color:var(--muted)}.drawer-body .go{color:var(--muted)}.drawer-foot{flex:none;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg-soft)}.drawer-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 18px}.drawer-foot a{display:inline-flex;align-items:center;min-height:44px;color:var(--text-2);font-size:.9375rem}.drawer-foot a:hover{color:var(--link)}.menu-backdrop{position:fixed;inset:0;z-index:60;background:rgba(11,14,17,.28);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.menu-backdrop.is-visible{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s}:root[data-theme="dark"] .menu-backdrop{background:rgba(0,0,0,.5)}.menu-open{overflow:hidden}@media (min-width:900px){.drawer,.menu-backdrop{display:none}}.site-footer{border-top:1px solid var(--border);background:var(--bg-soft);padding:48px 0 24px;font-size:.925rem}.footer-grid{display:grid;gap:32px}@media (min-width:720px){.footer-grid{grid-template-columns:1.4fr repeat(3,1fr)}}.footer-grid h2{font-size:.8125rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:500;margin-bottom:12px}.footer-grid ul{list-style:none;margin:0;padding:0}.footer-grid li a,.footer-grid .linklike{display:inline-flex;align-items:center;min-height:36px;color:var(--text-2)}.footer-grid li a:hover,.footer-grid .linklike:hover{color:var(--link)}.footer-about p{color:var(--muted);max-width:38ch;margin-top:12px}.footer-bottom{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:40px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted);font-size:.875rem}.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:65;max-width:720px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:16px 18px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-md)}.cookie p{margin:0;flex:1 1 280px;font-size:.9rem;color:var(--text-2)}.cookie-actions{display:flex;gap:8px}.cookie-actions .btn{min-width:104px}.breadcrumb{padding:20px 0 0;font-size:.875rem}.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px;list-style:none;margin:0;padding:0;color:var(--muted)}.breadcrumb li{display:inline-flex;align-items:center;gap:6px}.breadcrumb li + li::before{content:"›";color:var(--muted)}.breadcrumb a{color:var(--text-2)}.breadcrumb [aria-current="page"]{color:var(--text);font-weight:500}.page-head{padding:12px 0 32px}.page-head.is-tight{padding-bottom:24px}.page-head .lead{font-size:1.0625rem;color:var(--text-2);margin:0}.meta-row{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px;font-size:.875rem;color:var(--muted)}.meta-row span{display:inline-flex;align-items:center;gap:6px}.section{padding:56px 0}.section + .section{border-top:1px solid var(--border)}.section-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px;margin-bottom:28px}.section-head p{margin:0;color:var(--muted);max-width:60ch}.section-alt{background:var(--bg-soft)}.stack{display:grid;grid-template-columns:minmax(0,1fr);gap:48px}.stack>*{min-width:0}.tool-page{padding-bottom:72px}.category-content,.static-content{padding:56px 0 72px}.contact-wrap{max-width:1040px}.contact-layout{display:grid;gap:32px;padding:24px 0 72px}@media (min-width:900px){.contact-layout{grid-template-columns:5fr 7fr;gap:56px;padding-top:40px;align-items:start}}.contact-intro h1{font-size:clamp(1.625rem,1.4rem + 1vw,2.125rem);margin:0 0 12px}.contact-intro .lead{font-size:1rem;color:var(--text-2);margin-bottom:32px}