*{box-sizing:border-box}html,body{height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Verdana,sans-serif;font-size:1rem;line-height:1.6;color:var(--text);background:var(--page-bg)}:root{color-scheme:light;--page-bg: #fafafa;--bg: #fdfdfd;--bg-soft: #f5f5f5;--bg-muted: #f9f9f9;--text: #2c2c2c;--text-muted: #6b7280;--text-subtle: #5b7c99;--border: #e5e5e5;--accent: #4a90b8;--accent-strong: #357299;--accent-weak: #e8f2f8;--code-bg: #f7f7f7;--code-text: #333333;--table-stripe: #fbfbfb;--spec-copy-success-bg: #f0f9f4;--spec-copy-success-border: #c6e6d0;--spec-copy-success-text: #2d7d41;--spec-copy-error-bg: #fef2f2;--spec-copy-error-border: #f2c2c2;--spec-copy-error-text: #b91c1c;--callout-info-bg: #f0f7ff;--callout-info-border: #c2d9f0;--callout-info-accent: #4a90b8;--callout-warning-bg: #fffbf0;--callout-warning-border: #f0d9a3;--callout-warning-accent: #d97706;--callout-danger-bg: #fef2f2;--callout-danger-border: #f2c2c2;--callout-danger-accent: #dc2626;--callout-success-bg: #f0f9f4;--callout-success-border: #c6e6d0;--callout-success-accent: #16a34a;--callout-tip-bg: #f0fcff;--callout-tip-border: #b8e8f0;--callout-tip-accent: #0891b2;--callout-caution-bg: #fff7ed;--callout-caution-border: #f0c79a;--callout-caution-accent: #ea580c;--overlay: rgba(0, 0, 0, .4);--header-bg: rgba(253, 253, 253, .9);--header-blur: 8px;--hljs-keyword: #5b7c99;--hljs-string: #228b22;--hljs-number: #cd853f;--hljs-function: #8b6fb8;--hljs-variable: #b85c8b;--hljs-comment: #8b8b8b}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--page-bg: #1a1a1a;--bg: #242424;--bg-soft: #2e2e2e;--bg-muted: #1f1f1f;--text: #e8e8e8;--text-muted: #a0a0a0;--text-subtle: #7ba3c7;--border: #404040;--accent: #6ba3d6;--accent-strong: #5a92c7;--accent-weak: rgba(107, 163, 214, .15);--code-bg: #1e1e1e;--code-text: #e0e0e0;--table-stripe: rgba(160, 160, 160, .08);--spec-copy-success-bg: rgba(45, 150, 85, .2);--spec-copy-success-border: rgba(45, 150, 85, .4);--spec-copy-success-text: #6db584;--spec-copy-error-bg: rgba(220, 85, 85, .2);--spec-copy-error-border: rgba(220, 85, 85, .4);--spec-copy-error-text: #e19999;--callout-info-bg: rgba(107, 163, 214, .15);--callout-info-border: rgba(107, 163, 214, .35);--callout-info-accent: #7ba3c7;--callout-warning-bg: rgba(200, 140, 60, .15);--callout-warning-border: rgba(200, 140, 60, .35);--callout-warning-accent: #d4a574;--callout-danger-bg: rgba(220, 85, 85, .15);--callout-danger-border: rgba(220, 85, 85, .35);--callout-danger-accent: #e19999;--callout-success-bg: rgba(45, 150, 85, .15);--callout-success-border: rgba(45, 150, 85, .35);--callout-success-accent: #6db584;--callout-tip-bg: rgba(70, 180, 180, .15);--callout-tip-border: rgba(70, 180, 180, .35);--callout-tip-accent: #73b8b8;--callout-caution-bg: rgba(210, 120, 50, .15);--callout-caution-border: rgba(210, 120, 50, .35);--callout-caution-accent: #d49968;--overlay: rgba(0, 0, 0, .6);--header-bg: rgba(36, 36, 36, .9);--hljs-keyword: #7ba3c7;--hljs-string: #6db584;--hljs-number: #d4a574;--hljs-function: #a692d6;--hljs-variable: #d6a3c7;--hljs-comment: #909090}@media (prefers-color-scheme: dark){:root:not([data-theme]){color-scheme:dark;--page-bg: #1a1a1a;--bg: #242424;--bg-soft: #2e2e2e;--bg-muted: #1f1f1f;--text: #e8e8e8;--text-muted: #a0a0a0;--text-subtle: #7ba3c7;--border: #404040;--accent: #6ba3d6;--accent-strong: #5a92c7;--accent-weak: rgba(107, 163, 214, .15);--code-bg: #1e1e1e;--code-text: #e0e0e0;--table-stripe: rgba(160, 160, 160, .08);--spec-copy-success-bg: rgba(45, 150, 85, .2);--spec-copy-success-border: rgba(45, 150, 85, .4);--spec-copy-success-text: #6db584;--spec-copy-error-bg: rgba(220, 85, 85, .2);--spec-copy-error-border: rgba(220, 85, 85, .4);--spec-copy-error-text: #e19999;--callout-info-bg: rgba(107, 163, 214, .15);--callout-info-border: rgba(107, 163, 214, .35);--callout-info-accent: #7ba3c7;--callout-warning-bg: rgba(200, 140, 60, .15);--callout-warning-border: rgba(200, 140, 60, .35);--callout-warning-accent: #d4a574;--callout-danger-bg: rgba(220, 85, 85, .15);--callout-danger-border: rgba(220, 85, 85, .35);--callout-danger-accent: #e19999;--callout-success-bg: rgba(45, 150, 85, .15);--callout-success-border: rgba(45, 150, 85, .35);--callout-success-accent: #6db584;--callout-tip-bg: rgba(70, 180, 180, .15);--callout-tip-border: rgba(70, 180, 180, .35);--callout-tip-accent: #73b8b8;--callout-caution-bg: rgba(210, 120, 50, .15);--callout-caution-border: rgba(210, 120, 50, .35);--callout-caution-accent: #d49968;--overlay: rgba(0, 0, 0, .6);--header-bg: rgba(36, 36, 36, .9);--hljs-keyword: #7ba3c7;--hljs-string: #6db584;--hljs-number: #d4a574;--hljs-function: #a692d6;--hljs-variable: #d6a3c7;--hljs-comment: #909090}}main.layout-single,main.layout-guide{max-width:1200px;margin:0 auto;padding:24px 16px 64px}main.layout-guide{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;overflow-x:hidden}@media (max-width: 900px){main.layout-guide{grid-template-columns:1fr}}header{background:var(--header-bg);border-bottom:1px solid var(--border);backdrop-filter:blur(var(--header-blur));-webkit-backdrop-filter:blur(var(--header-blur))}.header-inner{max-width:1200px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.header-brand{display:flex;align-items:center;gap:10px}.header-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--accent)}.header-icon svg{width:2em;height:2em;fill:currentColor}.header-brand h1{margin:0;letter-spacing:0;font-weight:500;line-height:1.1;color:var(--text-muted);font-size:1.2rem}.header-nav{border-left:1px solid var(--border);padding-left:12px}.header-nav ul{list-style:none;display:flex;gap:6px;margin:0;padding:0}.theme-toggle{appearance:none;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:999px;cursor:pointer;padding:6px 12px;display:inline-flex;align-items:center;gap:6px}.theme-toggle:hover{background:var(--bg-soft)}.theme-toggle-icon svg{width:1.1em;height:1.1em;display:block;fill:currentColor}.theme-toggle-text{font-size:1rem;font-weight:500}.header-nav a{appearance:none;border:0;background:transparent;color:var(--text-muted);padding:8px 10px;cursor:pointer;text-decoration:none}.header-nav a:not(.active):hover{background:transparent;color:var(--text);text-decoration:underline;text-underline-offset:2px}.header-nav a.active{background:transparent;color:var(--text);border-bottom:2px solid var(--accent-strong)}main.layout-guide>nav{background:var(--bg);border:1px solid var(--border);border-radius:8px;align-self:start;position:sticky;top:0}.nav-list{list-style:none;margin:0;padding:0 8px 8px;display:flex;flex-direction:column;gap:4px}.nav-list li{margin:0}.nav-list a{width:100%;text-align:left;background:transparent;border:0;padding:10px;border-radius:6px;cursor:pointer;color:var(--text);display:block;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-list a:hover{background:var(--bg-soft)}.nav-list a.active{background:var(--accent-weak);color:var(--accent-strong)}.guide-nav-toggle{display:none;appearance:none;border:1px solid var(--border);background:var(--bg);color:var(--text);padding:8px 10px;border-radius:6px;cursor:pointer;margin-bottom:12px}@media (max-width: 900px){.guide-nav-toggle{display:inline-block}main.layout-guide>nav{display:none}}.guide-nav-overlay{position:fixed;inset:0;background:var(--overlay);display:none;z-index:50}.guide-nav-overlay.open{display:block}.guide-nav-sheet{position:absolute;left:0;top:0;bottom:0;width:min(88vw,360px);background:var(--bg);border-right:1px solid var(--border);display:flex;flex-direction:column}.guide-nav-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--border)}.guide-nav-sheet-header h2{margin:0;text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle)}.guide-nav-close{appearance:none;border:1px solid var(--border);background:var(--bg);border-radius:6px;padding:4px 8px;cursor:pointer;line-height:1}.guide-nav-sheet-body{padding:8px;overflow:auto}.page-container{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:20px;min-width:0}.static-page{max-width:100%;margin:0}.page-tagline{color:var(--accent);font-size:1rem;font-weight:400;margin-top:4px;margin-bottom:16px;font-style:italic}.page-title{margin:2px 0 14px;line-height:1.3}.page-intro p{color:var(--text)}.page-intro{margin-bottom:14px}.page-content,.static-page,.spec-friendly{color:var(--text);overflow-wrap:anywhere}.page-content h2,.static-page h2,.spec-friendly h2{margin:22px 0 10px}main.layout-guide>nav h2{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle);margin:12px 12px 8px}.page-content h3,.static-page h3,.spec-friendly h3{margin:18px 0 8px}.page-content h4,.static-page h4,.spec-friendly h4{margin:16px 0 6px}.page-content p,.static-page p,.spec-friendly p{margin:10px 0;color:var(--text)}.page-content ul,.static-page ul,.spec-friendly ul,.page-content ol,.static-page ol,.spec-friendly ol{padding-left:20px;margin:10px 0}.page-content li+li,.static-page li+li,.spec-friendly li+li{margin-top:6px}.page-content a,.static-page a,.spec-friendly a{color:var(--accent-strong);text-decoration:underline;text-underline-offset:2px}.page-content a:hover,.static-page a:hover,.spec-friendly a:hover{color:var(--accent);background:transparent}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}pre{padding:8px;background:var(--code-bg);border:1px solid var(--border);border-radius:6px;overflow:auto;color:var(--code-text)}pre code{color:var(--code-text)}.hljs{background:transparent;color:var(--code-text)}.hljs-keyword,.hljs-built_in,.hljs-type,.hljs-literal,.hljs-symbol,.hljs-selector-tag,.hljs-link{color:var(--hljs-keyword)}.hljs-string,.hljs-doctag,.hljs-attr,.hljs-template-tag,.hljs-template-variable,.hljs-meta .hljs-string{color:var(--hljs-string)}.hljs-number,.hljs-variable.constant_,.hljs-attribute,.hljs-meta .hljs-number{color:var(--hljs-number)}.hljs-title,.hljs-title.class_,.hljs-title.function_,.hljs-function .hljs-title,.hljs-property{color:var(--hljs-function)}.hljs-variable,.hljs-selector-id,.hljs-selector-class,.hljs-subst{color:var(--hljs-variable)}.hljs-comment,.hljs-quote{color:var(--hljs-comment);font-style:italic}.hljs-punctuation,.hljs-operator{color:inherit}code:not(pre code){background:var(--bg-soft);border:1px solid var(--border);padding:1px 4px;border-radius:4px;color:var(--text)}blockquote{margin:14px 0;padding:10px 12px;border-left:4px solid var(--border);color:var(--text-muted);background:var(--bg-muted);border-radius:6px}table{border-collapse:separate;border-spacing:0;width:100%;margin:14px 0}th,td{border:1px solid var(--border);padding:8px 10px;text-align:left}th{background:var(--bg-soft);font-weight:600}tbody tr:nth-child(odd) td{background:var(--table-stripe)}.spec-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px;flex-wrap:wrap}.spec-toggle{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.spec-toggle a,.spec-toggle button{appearance:none;background:var(--bg);border:0;padding:8px 12px;cursor:pointer;color:var(--text);text-decoration:none;display:inline-block}.spec-toggle a+a,.spec-toggle button+button,.spec-toggle a+button,.spec-toggle button+a{border-left:1px solid var(--border)}.spec-toggle a:hover,.spec-toggle button:hover{background:var(--bg-soft)}.spec-toggle a.active,.spec-toggle button.active{background:var(--accent-weak);color:var(--accent-strong)}.spec-copy{appearance:none;border:1px solid var(--border);background:var(--bg);color:var(--text);padding:8px 12px;border-radius:6px;cursor:pointer}.spec-copy:hover{background:var(--bg-soft)}.spec-copy.copied{background:var(--spec-copy-success-bg);border-color:var(--spec-copy-success-border);color:var(--spec-copy-success-text)}.spec-copy.error{background:var(--spec-copy-error-bg);border-color:var(--spec-copy-error-border);color:var(--spec-copy-error-text)}.spec-copy-error{color:var(--spec-copy-error-text)}.spec-raw{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;padding:12px;overflow:auto}.callout{background:var(--bg-muted);border:1px solid var(--border);border-left:4px solid var(--accent-strong);border-radius:6px;padding:10px 12px;margin:14px 0}.callout-info{background:var(--callout-info-bg);border-color:var(--callout-info-border);border-left-color:var(--callout-info-accent)}.callout-warning{background:var(--callout-warning-bg);border-color:var(--callout-warning-border);border-left-color:var(--callout-warning-accent)}.callout-danger{background:var(--callout-danger-bg);border-color:var(--callout-danger-border);border-left-color:var(--callout-danger-accent)}.callout-success{background:var(--callout-success-bg);border-color:var(--callout-success-border);border-left-color:var(--callout-success-accent)}.callout-tip{background:var(--callout-tip-bg);border-color:var(--callout-tip-border);border-left-color:var(--callout-tip-accent)}.callout-caution{background:var(--callout-caution-bg);border-color:var(--callout-caution-border);border-left-color:var(--callout-caution-accent)}.key-ideas{display:grid;grid-template-columns:1fr;gap:10px;margin-top:8px}@media (min-width: 700px){.key-ideas{grid-template-columns:1fr 1fr}}.key-idea{border:1px solid var(--border);border-radius:6px;padding:8px 10px;background:var(--bg)}.key-idea h4{margin:0 0 6px;color:var(--text-muted)}.accordion{margin:14px 0}.accordion-item{border:1px solid var(--border);border-radius:6px;padding:0;background:var(--bg)}.accordion-item+.accordion-item{margin-top:8px}.accordion-item>summary{list-style:none;cursor:pointer;padding:10px 12px;font-weight:600}.accordion-item>summary::-webkit-details-marker{display:none}.accordion-content{border-top:1px solid var(--border);padding:10px 12px}[aria-current=page],[aria-pressed=true]{outline:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 520px){.header-nav ul{gap:2px;flex-wrap:wrap}.header-actions{width:100%;justify-content:space-between}}