:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#0f1115;--color-canvas-soft:#19142a;--color-plum-wash:#322447;--color-surface:#1e1b2a;--color-surface-raised:#2a2338;--color-surface-soft:#70569629;--color-text:#f7f5f0;--color-muted:#aeb4c2;--color-quiet:#7a8291;--color-border:#443854;--color-border-soft:#ae97d324;--color-focus:#61d4e8;--color-overlay:#030509b8;--page-gradient:radial-gradient(circle at 72% -10%, #61d4e821, transparent 30rem), radial-gradient(circle at 18% -8%, #6d4fad6b, transparent 42rem), radial-gradient(circle at 74% 36%, #3224477a, transparent 34rem), linear-gradient(135deg, #221936 0%, #171325 34%, #11131a 62%, #0f1115 100%);--accent-touch:#ff6f7d;--accent-tickle:#ffbf69;--accent-assembler:#61d4e8;--accent-infra:#82a8ff;--accent-posting:#6ee7b7;--success:#45d39d;--warning:#ffd166;--danger:#ff7a90;--info:#61d4e8;--radius:8px;--radius-sm:6px;--shadow:0 18px 48px #00000047;--rail-width:284px;--rail-collapsed:82px;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:var(--color-canvas);color:var(--color-text);font-family:var(--font)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#f9c7d9;--color-canvas-soft:#f3a8ca;--color-plum-wash:#f0b5d4;--color-surface:#fff9fb;--color-surface-raised:#fdebf3;--color-surface-soft:#98376813;--color-text:#1f141b;--color-muted:#654b59;--color-quiet:#855f72;--color-border:#e9aeca;--color-border-soft:#98376829;--color-focus:#006c7c;--color-overlay:#1816145c;--accent-touch:#d93650;--accent-tickle:#9a5d00;--accent-assembler:#00788d;--accent-infra:#3159b8;--accent-posting:#08784f;--success:#08784f;--warning:#8a6100;--danger:#b4233a;--info:#00788d;--shadow:0 18px 42px #3f311f1f;--page-gradient:radial-gradient(circle at 18% 8%, #fff4fabd, transparent 30rem), radial-gradient(circle at 76% 0%, #ec489942, transparent 32rem), radial-gradient(circle at 86% 84%, #ffbea894, transparent 40rem), linear-gradient(135deg, #f8d5e2 0%, #f3a8ca 46%, #ffd1c3 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-canvas)}body{background:var(--page-gradient);min-width:320px;min-height:100vh;color:var(--color-text);background-attachment:fixed;margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}svg{stroke-width:1.75px}table{border-collapse:collapse;width:100%}caption{width:1px;height:1px;position:absolute;overflow:hidden}th{color:var(--color-quiet);letter-spacing:.08em;text-align:left;text-transform:uppercase;font-size:12px}td,th{border-bottom:1px solid var(--color-border-soft);padding:12px}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.docs-app{grid-template-columns:var(--rail-width) minmax(0, 1fr);min-height:100vh;transition:grid-template-columns .18s;display:grid}.docs-app.rail-collapsed{grid-template-columns:var(--rail-collapsed) minmax(0, 1fr)}.docs-rail{z-index:30;border-right:1px solid var(--color-border);background:color-mix(in srgb, var(--color-canvas), transparent 12%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;min-width:0;height:100vh;padding:18px;display:flex;position:sticky;top:0}.rail-brand{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:22px;display:grid}.rail-label strong,.rail-label span{display:block}.rail-label strong{font-size:18px;line-height:1.05}.rail-label span{color:var(--color-muted);margin-top:3px;font-size:12px}.rail-nav{gap:6px;display:grid}.rail-nav a,.rail-collapse,.rail-close,.mobile-menu,.button,.theme-switch button,.helper-icon,.mobile-bottom-nav a{min-height:44px}.rail-nav a,.rail-collapse{border-radius:var(--radius);color:var(--color-muted);border:1px solid #0000;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;padding:0 10px;font-size:14px;font-weight:750;text-decoration:none;display:grid}.rail-nav a:hover,.rail-collapse:hover,.button:hover:not(:disabled),.theme-switch button:hover,.mobile-bottom-nav a:hover,.data-row:hover,.component-card:hover{border-color:var(--color-border);background:var(--color-surface-soft);color:var(--color-text)}.rail-nav a[aria-current=page]{border-color:color-mix(in srgb, var(--accent-touch), transparent 58%);background:color-mix(in srgb, var(--accent-touch), transparent 88%);color:var(--color-text)}.rail-collapse{background:0 0;width:100%;margin-top:auto}.rail-close{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:40px;color:var(--color-text);display:none}.rail-collapsed .docs-rail{padding-inline:14px}.rail-collapsed .rail-label,.rail-collapsed .rail-nav span,.rail-collapsed .rail-collapse span{display:none}.rail-collapsed .rail-brand,.rail-collapsed .rail-nav a,.rail-collapsed .rail-collapse{grid-template-columns:1fr;justify-items:center}.docs-main{min-width:0}.topbar{z-index:20;border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-canvas), transparent 18%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:minmax(280px,1fr) auto;align-items:center;gap:16px;padding:18px 28px;display:grid;position:sticky;top:0}.mobile-menu{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:44px;color:var(--color-text);display:none}.topbar-title h1{letter-spacing:0;margin:0;font-size:clamp(24px,3vw,36px);line-height:1.05}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.eyebrow{color:var(--color-quiet);letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:850;display:block}.search-box{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:min(420px,36vw);min-height:44px;color:var(--color-quiet);grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:0 12px;display:grid}.search-box.in-panel{width:100%}.search-box input{min-width:0;color:var(--color-text);background:0 0;border:0;outline:0;font-size:14px}.theme-switch{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.theme-switch button{border-radius:var(--radius-sm);color:var(--color-muted);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.theme-switch button.is-active{background:var(--color-surface-raised);color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-border-soft)}main{max-width:1440px;margin:0 auto;padding:22px 28px 80px}.summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.summary-strip span{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-muted);padding:12px;font-size:13px}.summary-strip strong{color:var(--color-text);font-size:20px}.doc-section{margin-bottom:22px;scroll-margin-top:100px}.section-title{margin-bottom:12px}.section-title h2{letter-spacing:0;margin:3px 0 0;font-size:26px;line-height:1.15}.grid{gap:14px;margin-bottom:14px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);gap:14px;display:grid}.panel,.component-card{border:1px solid var(--color-border);border-radius:var(--radius);background:linear-gradient(180deg, color-mix(in srgb, var(--color-plum-wash), transparent 58%), var(--color-surface));box-shadow:var(--shadow);overflow:hidden}.panel{padding:16px}.panel-head,.component-card-head,.inventory-head,.modal-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.panel h3,.component-card h3,.inventory-head h3,.modal h3{margin:0;font-size:17px;line-height:1.25}.panel p,.component-card p,.note,.principle,.inventory-card li,.logo-card li,.rule-list li,.check-list li{color:var(--color-muted);font-size:14px;line-height:1.55}.deployment-stack{gap:8px;display:grid}.deployment-row{border:1px solid var(--color-border-soft);border-radius:var(--radius);background:var(--color-surface-soft);grid-template-columns:150px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.deployment-row strong{font-size:13px}.deployment-row span,.deployment-row a,.deployment-row code{color:var(--color-muted);overflow-wrap:anywhere;font-size:13px}.deployment-row a{color:var(--accent-assembler);font-weight:800}.checklist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.check-item{border:1px solid var(--color-border-soft);border-radius:var(--radius);background:var(--color-surface-soft);color:var(--color-muted);grid-template-columns:22px minmax(0,1fr);align-items:start;gap:8px;padding:10px;font-size:14px;line-height:1.45;display:grid}.check-item svg{color:var(--success);margin-top:2px}.lead{max-width:780px;color:var(--color-text)!important;font-size:18px!important;line-height:1.55!important}.principle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.principle{border:1px solid var(--color-border-soft);border-radius:var(--radius);background:var(--color-surface-soft);grid-template-columns:22px 1fr;gap:9px;padding:12px;display:grid}.principle svg{color:var(--success)}.app-family{gap:8px;display:grid}.app-family-row,.data-row{border:1px solid var(--color-border-soft);border-radius:var(--radius);background:var(--color-surface-soft);grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.app-family-row strong,.app-family-row span,.data-row strong,.data-row span,.inventory-head span{display:block}.app-family-row span,.data-row span,.inventory-head span{color:var(--color-muted);font-size:12px;line-height:1.35}.product-logo{--mark-accent:var(--accent-touch);border:1px solid color-mix(in srgb, var(--mark-accent), transparent 46%);border-radius:var(--radius);background:color-mix(in srgb, var(--mark-accent), transparent 86%);color:var(--mark-accent);flex:none;place-items:center;display:inline-grid}.product-logo svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:72%;height:72%}.logo-sm{width:26px;height:26px}.logo-md{width:38px;height:38px}.logo-lg{width:54px;height:54px}.logo-peachy{--mark-accent:var(--accent-touch);background:linear-gradient(135deg, color-mix(in srgb, var(--accent-touch), white 12%), color-mix(in srgb, var(--accent-assembler), white 8%));color:#11141a;border-color:#0000}.logo-touch{--mark-accent:var(--accent-touch)}.logo-tickle{--mark-accent:var(--accent-tickle)}.logo-assembler{--mark-accent:var(--accent-assembler)}.logo-infra{--mark-accent:var(--accent-infra)}.logo-posting{--mark-accent:var(--accent-posting)}.token-grid,.component-grid,.logo-grid,.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.token-card,.type-row,.component-card,.logo-card,.inventory-card{padding:12px}.token-card,.type-row{border:1px solid var(--color-border-soft);border-radius:var(--radius);background:var(--color-surface-soft)}.swatches{border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;height:46px;margin-bottom:10px;display:grid;overflow:hidden}.token-card strong,.token-card code,.token-card p{display:block}.token-card strong{font-size:14px}.token-card code{color:var(--color-muted);margin-top:3px;font-size:12px}.mini-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.mini-tags span{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);background:var(--color-surface-soft);padding:4px 7px;font-size:11px;font-weight:800}.type-specimens{gap:8px;display:grid}.type-row{grid-template-columns:minmax(0,1fr) 72px minmax(180px,.7fr);align-items:center;gap:12px;display:grid}.type-row strong{color:var(--color-text);display:block}.type-row>span,.type-row p{color:var(--color-muted);font-size:13px}.type-display{font-size:32px;line-height:1.18}.type-page{font-size:26px}.type-section{font-size:18px}.type-body{font-size:16px}.type-small{font-size:14px}.type-label,.type-caption{font-size:12px}.spacing-bars,.radius-demo,.elevation-demo{align-items:end;gap:8px;min-height:72px;margin-top:14px;display:flex}.spacing-bars span{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent-assembler), transparent 75%);height:28px;color:var(--color-text);place-items:center;font-size:11px;font-weight:800;display:grid}.radius-demo span,.elevation-demo span{border:1px solid var(--color-border);background:var(--color-surface-raised);width:64px;height:48px}.radius-demo span:first-child{border-radius:6px}.radius-demo span:nth-child(2){border-radius:8px}.radius-demo span:nth-child(3){border-radius:999px}.elevation-demo span:first-child{box-shadow:none}.elevation-demo span:nth-child(2){box-shadow:0 8px 20px #00000029}.elevation-demo span:nth-child(3){box-shadow:var(--shadow)}.button-demo,.toolbar-demo,.control-row{flex-wrap:wrap;gap:8px;display:flex}.button{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:820;display:inline-flex}.button-primary{border-color:var(--accent-touch);background:var(--accent-touch);color:#16090d}:root[data-theme=light] .button-primary{color:#fff}.button-tertiary{background:0 0}.button-text{color:var(--color-muted);background:0 0;border-color:#0000}.button-danger{border-color:var(--danger);background:color-mix(in srgb, var(--danger), transparent 82%);color:var(--danger)}.button-icon{width:44px;padding:0}.button:disabled{opacity:.58}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-demo{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-demo .full{grid-column:1/-1}label{color:var(--color-muted);gap:7px;font-size:12px;font-weight:800;display:grid}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-canvas);min-height:44px;color:var(--color-text);padding:9px 11px}textarea{resize:vertical;min-height:84px}.inline-control,.switch{grid-template-columns:none;align-items:center;gap:8px;min-height:44px;display:inline-flex}.switch input{opacity:0;position:absolute}.switch span{border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;width:42px;height:24px;position:relative}.switch span:after{content:"";background:var(--color-muted);border-radius:50%;width:18px;height:18px;transition:transform .16s,background .16s;position:absolute;top:2px;left:3px}.switch input:checked+span:after{background:var(--accent-assembler);transform:translate(17px)}.helper-icon{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:44px;color:var(--color-muted);place-items:center;display:grid;position:relative}.helper-icon span{z-index:4;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:210px;color:var(--color-text);box-shadow:var(--shadow);opacity:0;pointer-events:none;padding:9px;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(4px)}.helper-icon:hover span,.helper-icon:focus-visible span{opacity:1;transform:translateY(0)}.chip{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-soft);min-height:26px;color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;padding:3px 8px;font-size:11px;font-weight:900;display:inline-flex}.chip-success{border-color:color-mix(in srgb, var(--success), transparent 54%);background:color-mix(in srgb, var(--success), transparent 86%);color:var(--success)}.chip-warning{border-color:color-mix(in srgb, var(--warning), transparent 50%);background:color-mix(in srgb, var(--warning), transparent 86%);color:var(--warning)}.chip-danger{border-color:color-mix(in srgb, var(--danger), transparent 50%);background:color-mix(in srgb, var(--danger), transparent 86%);color:var(--danger)}.chip-info{border-color:color-mix(in srgb, var(--info), transparent 52%);background:color-mix(in srgb, var(--info), transparent 86%);color:var(--info)}.component-grid{margin-top:14px}.component-card{transition:border-color .16s,transform .16s}.component-card:hover{transform:translateY(-1px)}.used-by{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.toolbar-demo{grid-template-columns:minmax(240px,1fr) auto auto auto;align-items:center;display:grid}.selectable-bar{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding:8px;display:flex}.selectable-bar span{color:var(--color-muted);margin-right:auto;font-size:13px;font-weight:800}.row-stack{gap:8px;display:grid}.empty-state{border:1px dashed var(--color-border);border-radius:var(--radius);min-height:108px;color:var(--color-muted);text-align:center;place-items:center;gap:5px;display:grid}.empty-state strong{color:var(--color-text)}.shell-demo{border:1px solid var(--color-border);border-radius:var(--radius);grid-template-columns:154px minmax(0,1fr);min-height:230px;display:grid;overflow:hidden}.shell-demo .shell-rail{border-right:1px solid var(--color-border);background:var(--color-canvas);align-content:start;gap:8px;padding:12px;display:grid}.shell-demo .shell-rail span{border-radius:var(--radius-sm);color:var(--color-muted);border:1px solid #0000;padding:8px;font-size:13px;font-weight:800}.shell-demo .shell-rail span.active{border-color:var(--color-border);color:var(--color-text);background:var(--color-surface-soft)}.shell-demo .shell-main{align-content:start;gap:14px;margin:0;padding:12px;display:grid}.shell-demo .shell-header{border-bottom:1px solid var(--color-border-soft);justify-content:space-between;align-items:center;min-height:52px;display:flex}.layout-options{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.layout-options span{border:1px solid var(--color-border);border-radius:var(--radius);min-height:96px;color:var(--color-muted);place-items:center;display:grid}.modal-backdrop{z-index:80;background:var(--color-overlay);place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:min(560px,100%);box-shadow:var(--shadow);padding:16px}.modal-full{width:min(980px,100%);min-height:min(640px,90vh)}.modal-body{border:1px solid var(--color-border-soft);border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--accent-assembler), transparent 78%), transparent), var(--color-canvas);place-items:center;min-height:180px;padding:20px;display:grid}.carousel-demo{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;width:min(420px,100%);display:grid}.carousel-demo div{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);text-align:center;place-items:center;min-height:140px;display:grid}.carousel-demo strong,.carousel-demo span{display:block}.carousel-demo span{color:var(--color-muted);font-size:13px}.chart-wrap p{margin:0 0 10px}.chart-wrap svg{width:100%;max-height:230px}.chart-grid{fill:none;stroke:var(--color-border-soft)}.line-series{fill:none;stroke:var(--accent-assembler);stroke-width:2px}.line-point{fill:var(--color-surface);stroke:var(--accent-assembler);stroke-width:2px}.bar-chart{border:1px solid var(--color-border-soft);border-radius:var(--radius);background:var(--color-canvas);grid-template-columns:repeat(6,1fr);align-items:end;gap:10px;min-height:220px;padding:16px;display:grid}.bar-chart div{grid-template-rows:1fr auto;align-items:end;gap:8px;height:180px;display:grid}.bar-chart span{border:1px solid color-mix(in srgb, var(--accent-posting), transparent 45%);background:color-mix(in srgb, var(--accent-posting), transparent 22%);border-radius:6px 6px 0 0;min-height:8px;display:block}.bar-chart small{color:var(--color-muted);text-align:center}.table-scheduler-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:14px;display:grid;overflow-x:auto}.schedule-mini{border:1px solid var(--color-border);border-radius:var(--radius);background:repeating-linear-gradient(to bottom, var(--color-canvas), var(--color-canvas) 56px, var(--color-border-soft) 57px);grid-template-columns:64px 1fr 1fr;min-height:260px;padding:8px;display:grid;position:relative}.schedule-mini>span{color:var(--color-muted);grid-column:1;font-size:12px;font-weight:800}.schedule-block{border-left:3px solid var(--accent-tickle);border-radius:var(--radius);background:var(--color-surface-raised);width:36%;padding:9px;font-size:13px;font-weight:850;position:absolute;left:86px}.schedule-block.one{height:72px;top:58px}.schedule-block.two{border-left-color:var(--danger);height:86px;top:138px;left:52%}.inventory-grid,.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-head{align-items:center}.inventory-head svg{color:var(--app-accent)}.inventory-card code{overflow-wrap:anywhere;border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);background:var(--color-canvas);color:var(--color-muted);padding:8px;font-size:12px;display:block}.inventory-card ul,.logo-card ul,.rule-list,.check-list{margin:12px 0 0;padding-left:18px}.logo-display{border:1px solid var(--color-border-soft);border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--logo-accent), transparent 84%), var(--color-surface-soft));align-items:center;gap:12px;min-height:86px;padding:14px;display:flex}.logo-display strong{font-size:20px}.check-list li::marker{color:var(--success)}.check-list.danger li::marker{color:var(--danger)}.compact-table td,.compact-table th{padding:10px}.scrim{z-index:25;background:var(--color-overlay);border:0;position:fixed;inset:0}.mobile-bottom-nav{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}@media (width<=1160px){.docs-app,.docs-app.rail-collapsed{grid-template-columns:var(--rail-collapsed) minmax(0, 1fr)}.docs-rail{padding-inline:14px}.rail-label,.rail-nav span,.rail-collapse span{display:none}.rail-brand,.rail-nav a,.rail-collapse{grid-template-columns:1fr;justify-items:center}.topbar{grid-template-columns:1fr}.topbar-actions{justify-content:flex-start}.search-box{width:min(100%,520px)}.hero-grid,.grid.two,.inventory-grid,.logo-grid{grid-template-columns:1fr}}@media (width<=820px){.docs-app,.docs-app.rail-collapsed{display:block}.docs-rail{width:min(88vw,330px);transition:transform .18s;position:fixed;top:0;left:0;transform:translate(-104%)}.docs-rail.is-open{transform:translate(0)}.rail-label,.rail-nav span,.rail-collapse span{display:block}.rail-brand,.rail-nav a,.rail-collapse{grid-template-columns:40px minmax(0,1fr);justify-items:start}.rail-close,.mobile-menu{place-items:center;display:grid}.rail-collapse{display:none}.topbar{grid-template-columns:44px minmax(0,1fr);padding:14px}.topbar-actions{grid-column:1/-1}main{padding:16px 14px 92px}.summary-strip,.grid.three,.token-grid,.component-grid,.principle-grid,.table-scheduler-grid,.form-demo,.toolbar-demo,.type-row,.deployment-row,.checklist-grid{grid-template-columns:1fr}.search-box{width:100%}.mobile-bottom-nav{z-index:24;border-top:1px solid var(--color-border);background:color-mix(in srgb, var(--color-canvas), transparent 4%);padding:6px 8px max(6px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:fixed;inset:auto 0 0}.mobile-bottom-nav a{border-radius:var(--radius-sm);color:var(--color-muted);place-items:center;gap:2px;font-size:10px;font-weight:800;text-decoration:none;display:grid}.mobile-bottom-nav svg{color:var(--color-text)}}@media (width<=460px){.topbar-title h1,.section-title h2{font-size:22px}.panel,.component-card{padding:12px}.theme-switch{width:100%}.theme-switch button{min-width:0}.layout-options,.bar-chart{grid-template-columns:1fr}}