/* Behavioral/responsive additions only. The source page CSS and Tailwind tokens own the design. */
:root{--al-primary:#8ed5ff;--al-primary-container:#38bdf8;--al-surface:#10131c;--al-panel:#191b24;--al-outline:#3e484f;--al-muted:#bdc8d1;--al-motion:180ms}
.al-avatar{width:48px;height:48px;flex:none;display:inline-grid;place-items:center;border:1px solid #8ed5ff66;border-radius:50%;background:#38bdf81a;color:#8ed5ff;font:600 16px/1 'JetBrains Mono',monospace}.al-preview-note{max-width:1200px;margin:24px auto 0;padding:0 24px;color:#8d9caa;font:12px/1.7 system-ui,sans-serif}.al-share-qr{width:216px;max-width:100%;padding:12px;margin:24px auto;background:white;border-radius:16px}.al-share-qr svg{display:block;width:100%;height:auto}.al-share-url{overflow-wrap:anywhere;font:12px/1.8 'JetBrains Mono',monospace!important}.al-code-actions{display:flex;justify-content:flex-end;margin-top:20px}.al-code-actions button{border:1px solid #3e484f;border-radius:100px;background:#191b24;color:#8ed5ff;padding:4px 12px;font:12px/1.5 system-ui}.al-code-actions+pre{margin-top:8px}.toc-item{display:block;padding:8px 12px;margin:3px 0;border-left:2px solid transparent;border-radius:12px;font-size:13px;color:#8d9caa}.toc-item[aria-current=location]{background:#38bdf815;border-left-color:#8ed5ff;color:#8ed5ff}[data-action=react][aria-pressed=true],[data-action=bookmark][aria-pressed=true]{color:#8ed5ff;border-color:#8ed5ff80;background:#38bdf81a}[data-site-header] [aria-current=page]{color:#8ed5ff}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{min-width:320px}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:not(:disabled),summary{cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--al-primary);outline-offset:4px}button:disabled{opacity:.38}[hidden]{display:none!important}main{min-width:0}main:focus{outline:none}pre{max-width:100%;overflow:auto}code{overflow-wrap:normal}img{max-width:100%}input{min-width:0}h1,h2,h3{overflow-wrap:break-word}.al-card-title{color:inherit;text-decoration:none}.al-card-title:hover{color:var(--al-primary)}.al-header-contents{display:contents}.al-menu-toggle{display:none;flex:none;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--al-outline);border-radius:50%;background:#191b2480;color:var(--al-primary)}.al-mobile-nav{padding:12px 24px 20px;border-top:1px solid #3e484f80}.al-mobile-nav a{display:block;padding:12px 16px;border-radius:16px;color:var(--al-muted);font:500 14px/1.4 Geist,system-ui,sans-serif}.al-mobile-nav a[aria-current]{color:var(--al-primary);background:#38bdf817}.al-review-link{display:block;text-align:center;color:#8ed5ffb3;font:11px/1.5 'JetBrains Mono',monospace;margin:16px 24px;white-space:nowrap}.al-skip-link{position:fixed;left:16px;top:12px;transform:translateY(-160%);padding:10px 18px;border-radius:20px;background:var(--al-primary);color:#00354a;z-index:1000}.al-skip-link:focus{transform:none}
[data-filter-group][aria-pressed="true"],[data-search-scope][aria-pressed="true"],[data-package-manager][aria-pressed="true"],[data-code-tab][aria-pressed="true"],[data-demo-view][aria-pressed="true"]{border-color:#8ed5ff99!important;color:var(--al-primary)!important;background-color:#38bdf824!important;box-shadow:0 0 12px #38bdf825}[data-filter-group][aria-pressed="false"]{border-color:#3e484f66!important;background-color:#191b2473!important;color:var(--al-muted)!important;box-shadow:none!important}[data-filter-group][data-filter-value=""][aria-pressed="false"]>span:empty{visibility:hidden}[data-catalog-card]{cursor:pointer}[data-catalog-card] .al-card-title{display:inline}[data-active-filters]{min-height:25px}.al-filter-tag{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:100px;background:#272a33;border:1px solid #3e484f80;font:500 11px/1.5 'JetBrains Mono',monospace;color:var(--al-primary)}.al-filter-tag button{font:inherit;line-height:1;padding:0 2px}.al-filter-empty{padding:64px 24px;text-align:center;background:#191b2466;border:1px solid #3e484f80;border-radius:32px}.al-filter-empty>.material-symbols-outlined{font-size:32px;color:var(--al-primary)}.al-filter-empty h2{font:600 22px/1.4 Geist,system-ui;margin:12px 0}.al-filter-empty p{color:var(--al-muted);font-size:14px}.al-filter-empty button{margin-top:20px;background:#38bdf81c;border:1px solid #8ed5ff80;padding:9px 18px;border-radius:100px;color:var(--al-primary)}
.al-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:12px 22px;border:1px solid #8ed5ff60;border-radius:100px;background:#191b24f5;box-shadow:0 8px 35px #0008;backdrop-filter:blur(16px);color:#e1e2ee;font:500 13px/1.5 Geist,system-ui;z-index:200;text-align:center}.al-dialog{position:fixed;inset:0;max-width:min(640px,calc(100vw - 32px));width:100%;max-height:85dvh;padding:32px;background:#10131cf8;border:1px solid #8ed5ff60;border-radius:32px;color:#e1e2ee;box-shadow:0 30px 100px #0008;overflow:auto}.al-dialog::backdrop{background:#030611a6;backdrop-filter:blur(8px)}.al-dialog h2{font:600 25px/1.3 Geist,system-ui;margin:0 40px 16px 0}.al-dialog p{font:400 15px/1.7 Geist,system-ui;color:#bdc8d1}.al-dialog-close{position:absolute;top:20px;right:20px;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--al-outline);border-radius:50%}.al-dialog label{display:block;font-size:13px;margin:16px 0 6px}.al-dialog input,.al-dialog textarea,.al-dialog select{width:100%;background:#191b24;border:1px solid #3e484f;border-radius:16px;padding:12px 16px;color:#e1e2ee}.al-dialog textarea{min-height:100px;resize:vertical}.al-dialog nav{display:flex;flex-wrap:wrap;gap:10px}.al-dialog nav a,.al-dialog button[type="submit"],.al-dialog .al-dialog-link{display:inline-flex;padding:10px 18px;margin-top:14px;border:1px solid #8ed5ff70;border-radius:100px;color:var(--al-primary);background:#38bdf813}.al-dialog small{color:#8d9caa}.al-dialog pre{padding:18px;background:#080c14;border-radius:16px;font-size:12px}.al-dialog .al-pills{display:flex;gap:8px;flex-wrap:wrap}.al-dialog .al-pills span{background:#272a33;padding:3px 10px;border-radius:100px;font-size:12px;color:#b4c5ff}
@media(max-width:1100px){[data-site-header]>div{min-width:0}[data-site-header] nav:not(.al-mobile-nav){display:none!important}.al-menu-toggle{display:flex;margin-left:12px}[data-site-header]>.al-header-contents{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}[data-site-header] .al-header-action{white-space:nowrap}[data-site-header]>div>.al-menu-toggle{margin-left:auto}}
@media(max-width:700px){html{scroll-padding-top:84px}[data-site-header]{position:sticky!important;top:0;width:100%;max-width:100%!important;padding-left:0!important;padding-right:0!important}[data-site-header]>div:not(.al-header-contents){padding-left:16px!important;padding-right:16px!important;gap:8px}[data-site-header]>.al-header-contents{padding:0 16px}[data-site-header] .al-header-action,[data-site-header] [data-header-search],[data-site-header] [data-action="account"],[data-site-header] [data-action="submit-resource"]{display:none!important}[data-site-header]>div>div{min-width:0;gap:8px!important}[data-site-header] a:has(>span.tracking-tighter){white-space:nowrap}[data-site-header] .text-headline-sm{font-size:18px}[data-site-header] [data-action="search"]{display:flex!important;width:38px;height:38px;padding:8px;font-size:0;overflow:hidden}[data-site-header] [data-action="search"] .material-symbols-outlined{font-size:20px}[data-site-header] [data-action="search"]>*:not(.material-symbols-outlined){display:none!important}.al-menu-toggle{margin-left:4px}main{max-width:100%;padding-left:16px!important;padding-right:16px!important}main .text-display{font-size:clamp(28px,8vw,40px)!important;line-height:1.22!important}main h1{font-size:clamp(26px,7.2vw,36px)!important;line-height:1.3!important}main .text-headline-sm{font-size:19px}main .text-body-lg{font-size:15px;line-height:1.75}main .rounded-xl{border-radius:28px}main .rounded-lg{border-radius:24px}main :is(.p-8,.p-10){padding:24px}main .grid>*{min-width:0}main .flex>*:is(input){min-width:0}main .whitespace-nowrap{max-width:100%}main table{font-size:11px}main :has(>table){max-width:100%;overflow:auto}main pre{font-size:11px}main .font-code-lg{overflow-wrap:anywhere}main .glass-panel h1{overflow-wrap:anywhere}.al-dialog{padding:24px;border-radius:24px}.al-review-link{white-space:normal}}
@media(max-width:700px){main{overflow-x:clip}[data-page="home"] main>section:first-child{overflow:hidden}[data-pagination]{max-width:100%;flex-wrap:wrap;justify-content:center;gap:12px}[data-pagination]>div:has(>button){max-width:100%;flex-wrap:wrap;justify-content:center}[data-pagination]>button{flex-shrink:0}[data-pagination]>div{min-width:0}[data-content-heading]{flex-wrap:wrap;gap:10px}[data-content-heading]>*{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}