/* SPDX-License-Identifier: GPL-3.0-or-later */
:root{color-scheme:light dark;--bg:#fff;--surface:#f6f8fa;--ink:#192b42;--muted:#566778;--line:#e1e7ed;--accent:#1267b8;--code:#f3f6f9;--focus:#1681e8;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}h1,h2,h3{line-height:1.25;letter-spacing:-.025em;scroll-margin-top:105px}h1{font-size:clamp(2rem,4vw,2.8rem);margin:.3em 0 .65em;font-weight:680}h2{font-size:1.5rem;margin:2.3em 0 .8em}h3{font-size:1.1rem;margin:1.8em 0 .7em}p{margin:1em 0}img{max-width:100%;height:auto}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88em}code{background:var(--code);padding:.15em .35em;border-radius:4px;overflow-wrap:anywhere}pre{background:var(--code);border:1px solid var(--line);border-radius:8px;line-height:1.6;padding:22px;overflow:auto;max-width:100%;tab-size:4}pre code{padding:0;background:none;overflow-wrap:normal}table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.88rem}th,td{text-align:left;padding:9px 14px;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--surface)}ul{padding-left:1.5em}li{margin:.35em 0}figure{margin:1.7em 0}figcaption{font-size:.8rem;color:var(--muted);margin-top:10px}strong{font-weight:650}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;z-index:20;top:-80px;left:20px;background:var(--bg);padding:12px;border:2px solid var(--accent)}.skip:focus{top:10px}.topbar{height:80px;display:flex;align-items:center;gap:22px;padding:0 max(28px,calc((100vw - 1500px)/2));border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:10}.brand{display:flex;align-items:center;line-height:1.1;gap:10px;flex-shrink:0;color:var(--ink);font-size:1.45rem;letter-spacing:-.04em;text-decoration:none;font-weight:650}.brand b{font-weight:650;color:var(--accent)}.brand img{display:block;width:32px;height:40px;object-fit:contain}.site-label{color:var(--muted);font-size:.9rem;border-left:1px solid var(--line);padding-left:22px}.toplinks{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:.9rem}.toplinks a{color:var(--ink);text-decoration:none}.language{border:1px solid var(--line);border-radius:5px;padding:3px 8px;font-size:.8rem;font-weight:650}.page-shell{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:260px minmax(0,1fr);gap:60px;padding:0 36px}.sidebar{border-right:1px solid var(--line);padding:30px 24px 40px 0;position:sticky;top:80px;align-self:start;max-height:calc(100dvh - 80px);overflow:auto;font-size:.83rem;scrollbar-width:thin}.mobile-nav>summary{display:none}.sidebar a{display:block;padding:5px 10px;color:var(--muted);text-decoration:none;border-radius:4px;overflow-wrap:anywhere}.sidebar a:hover{background:var(--surface);color:var(--ink)}.sidebar a[aria-current]{color:var(--accent);background:var(--surface);font-weight:650}.nav-heading{margin:22px 0 7px;font-size:.73rem;letter-spacing:.06em;font-weight:700;color:var(--muted);text-transform:uppercase}.nav-heading:first-child{margin-top:0}.nav-heading span,.family summary span{font-size:.72rem;color:var(--muted);margin-left:5px}.family summary{cursor:pointer;padding:7px 0;color:var(--ink)}.family a{padding-left:16px;font-size:.78rem}.article{max-width:880px;min-width:0;padding:44px 20px 100px 0;overflow-wrap:break-word}.article>p:first-of-type:not(.eyebrow){font-size:1.075rem;color:var(--muted)}.eyebrow{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:650;margin:0 0 12px}.eyebrow a{text-decoration:none;color:var(--muted)}.component-preview{border:1px solid var(--line);background:var(--surface);border-radius:9px;overflow:hidden}.component-preview img{display:block;width:auto;max-width:100%;height:auto;object-fit:contain;margin:0 auto}.component-preview figcaption{border-top:1px solid var(--line);padding:9px 16px;margin:0}.source-link,.download{font-size:.85rem}.home-shell{display:block;max-width:1080px}.homepage{padding:72px 0 90px;max-width:960px}.homepage>p:not(.eyebrow){font-size:1.1rem;max-width:650px;color:var(--muted)}.homepage h1{font-size:clamp(2.25rem,5vw,3.25rem)}.home-actions{display:flex;gap:24px;align-items:center;margin:30px 0 60px;flex-wrap:wrap;font-size:.93rem}.primary-link{background:var(--ink);color:var(--bg);padding:11px 18px;border-radius:6px;text-decoration:none}.primary-link span{margin-left:15px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.guide-grid a{border-top:1px solid var(--line);padding:20px 0;text-decoration:none}.guide-grid strong,.guide-grid span{display:block}.guide-grid strong{color:var(--ink)}.guide-grid span{color:var(--muted);font-size:.9rem;margin-top:5px}.family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 24px;margin-top:26px}.family-grid a{font-size:.9rem;text-decoration:none}.family-grid span{color:var(--muted);font-size:.75rem;margin-left:5px}.site-footer{max-width:1368px;margin:0 auto;border-top:1px solid var(--line);padding:24px 36px 35px;display:flex;gap:20px;font-size:.77rem;color:var(--muted)}.site-footer a{color:var(--muted)}.catalogue-search{margin:30px 0}.catalogue-search label{display:block;font-size:.85rem;font-weight:600;margin-bottom:7px}.catalogue-search input{width:100%;font:inherit;padding:10px 13px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}#filter-status{font-size:.85rem;color:var(--muted);min-height:1.4em}.catalogue-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.catalogue-item{border:1px solid var(--line);padding:15px;border-radius:6px;text-decoration:none;min-width:0}.catalogue-item:hover{background:var(--surface);text-decoration:none}.catalogue-item strong{display:block;font-family:ui-monospace,monospace;font-size:.86rem;overflow-wrap:anywhere}.catalogue-item span{display:block;color:var(--muted);font-size:.83rem;line-height:1.5;margin-top:7px}.redirect{max-width:600px;margin:15vh auto;padding:30px}[hidden]{display:none!important}
@media(prefers-color-scheme:dark){:root{--bg:#101923;--surface:#172330;--ink:#e2eaf3;--muted:#a5b5c7;--line:#293849;--accent:#75b8f5;--code:#172330;--focus:#87c5ff}.component-preview img{background:#fff}}
@media(min-width:1450px){.article{padding-right:40px}}
@media(max-width:1000px){.page-shell{gap:30px;grid-template-columns:225px minmax(0,1fr);padding:0 24px}.sidebar{padding-right:15px}.article{padding-right:0}.site-label{display:none}.homepage{padding-top:50px}}
@media(max-width:720px){.topbar{height:66px;padding:0 18px;gap:10px}.brand{font-size:1.25rem;gap:7px}.brand img{width:27px;height:34px}.toplinks{gap:14px;font-size:.8rem}.page-shell{display:block;padding:0 20px}.sidebar{position:static;max-height:none;border-right:0;border-bottom:1px solid var(--line);padding:12px 0}.mobile-nav>summary{display:list-item;cursor:pointer;font-weight:600}.mobile-nav:not([open]) nav{display:none}.mobile-nav nav{max-height:55vh;overflow:auto;padding:14px 0}.article{padding:30px 0 65px}.homepage{padding:40px 0 65px}.guide-grid{grid-template-columns:1fr}.family-grid{grid-template-columns:1fr 1fr;gap:14px}.home-actions{gap:18px;margin-bottom:40px}.catalogue-grid{grid-template-columns:1fr}.site-footer{padding:20px;display:block}.site-footer span{display:block;margin-bottom:5px}pre{padding:16px;font-size:.76rem}.component-preview{margin-left:0;margin-right:0}h2{scroll-margin-top:80px}.toplinks>a:first-child{display:none}}
@media(prefers-reduced-motion:no-preference){a{transition:color .12s ease,background .12s ease}}
@media print{.topbar,.sidebar,.site-footer,.download{display:none}.page-shell{display:block}.article{max-width:none;padding:0}pre{white-space:pre-wrap}.component-preview img{max-height:300px;object-fit:contain}a{color:inherit}.article h2{break-after:avoid}}