[data-astro-cid-rpnrggc6][hidden]{display:none!important}.dashboard-banner[data-astro-cid-rpnrggc6]{background:linear-gradient(135deg,#141316f2,#1c1b1ff2);border-bottom:1px solid var(--border-subtle);padding:40px 24px 32px}:root[data-theme=light] .dashboard-banner[data-astro-cid-rpnrggc6]{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-bottom:1px solid var(--border-default)}.banner-content[data-astro-cid-rpnrggc6]{max-width:1360px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap}.banner-title-group[data-astro-cid-rpnrggc6]{flex:1;min-width:0;max-width:100%}.banner-badge[data-astro-cid-rpnrggc6]{display:inline-flex;align-items:center;flex-wrap:wrap;max-width:100%;gap:8px;background:#38bdf81f;border:1px solid rgba(56,189,248,.3);color:var(--accent-blue);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:6px 12px;border-radius:999px;margin-bottom:14px}.banner-title-group[data-astro-cid-rpnrggc6] h1[data-astro-cid-rpnrggc6]{font-size:2.3rem;font-weight:800;line-height:1.2;margin-bottom:12px;letter-spacing:-.02em;color:var(--text-primary)}.banner-title-group[data-astro-cid-rpnrggc6] p[data-astro-cid-rpnrggc6]{font-size:1.05rem;color:var(--text-secondary);line-height:1.6;max-width:720px}.stats-grid[data-astro-cid-rpnrggc6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr));gap:12px;min-width:0;width:100%}@media(min-width:900px){.stats-grid[data-astro-cid-rpnrggc6]{grid-template-columns:repeat(4,1fr);width:auto}}.stat-card[data-astro-cid-rpnrggc6]{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--shadow-sm);min-width:0}.stat-value[data-astro-cid-rpnrggc6]{font-size:1.9rem;font-weight:800;font-family:var(--font-mono);line-height:1.1;margin-bottom:4px;color:var(--text-primary)}.stat-label[data-astro-cid-rpnrggc6]{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.highlight-native[data-astro-cid-rpnrggc6]{color:var(--accent-emerald)}.highlight-hybrid[data-astro-cid-rpnrggc6]{color:var(--accent-amber)}.highlight-aria[data-astro-cid-rpnrggc6]{color:var(--accent-purple)}.first-rule-banner[data-astro-cid-rpnrggc6]{max-width:1360px;margin:28px auto 0;padding:24px;background:var(--surface-card);border:1px solid var(--border-default);border-left:6px solid var(--accent-emerald);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.first-rule-icon[data-astro-cid-rpnrggc6]{font-size:2.2rem;line-height:1;flex-shrink:0}.first-rule-content[data-astro-cid-rpnrggc6]{flex:1 1 200px;min-width:0}.first-rule-content[data-astro-cid-rpnrggc6] h2[data-astro-cid-rpnrggc6]{font-size:1.25rem;font-weight:800;margin-bottom:8px;color:var(--text-primary)}.first-rule-content[data-astro-cid-rpnrggc6] blockquote[data-astro-cid-rpnrggc6]{font-size:1.02rem;font-style:italic;color:var(--text-primary);border-left:3px solid var(--accent-blue);padding-left:14px;margin:8px 0 16px;line-height:1.5}.first-rule-content[data-astro-cid-rpnrggc6] cite[data-astro-cid-rpnrggc6]{display:block;font-size:.8rem;font-style:normal;color:var(--text-muted);margin-top:4px}.rule-verdict-chips[data-astro-cid-rpnrggc6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px;margin-top:14px}.verdict-chip[data-astro-cid-rpnrggc6]{padding:10px 14px;border-radius:var(--radius-sm);font-size:.82rem;line-height:1.45;background:var(--surface-elevated);border:1px solid var(--border-subtle);min-width:0}.verdict-chip[data-astro-cid-rpnrggc6] strong[data-astro-cid-rpnrggc6]{display:inline-block;margin-right:4px}.chip-native[data-astro-cid-rpnrggc6]{border-left:4px solid var(--accent-emerald)}.chip-hybrid[data-astro-cid-rpnrggc6]{border-left:4px solid var(--accent-amber)}.chip-aria[data-astro-cid-rpnrggc6]{border-left:4px solid var(--accent-purple)}.controls-section[data-astro-cid-rpnrggc6]{max-width:1360px;margin:24px auto 0;padding:0 24px}.search-box[data-astro-cid-rpnrggc6]{position:relative;display:flex;align-items:center;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:0 16px;transition:var(--transition-normal)}.search-box[data-astro-cid-rpnrggc6]:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 3px #38bdf840}.search-icon[data-astro-cid-rpnrggc6]{font-size:1.1rem;margin-right:12px;color:var(--text-muted)}.search-box[data-astro-cid-rpnrggc6] input[data-astro-cid-rpnrggc6]{flex:1;min-width:0;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;padding:14px 0;outline:none;font-family:inherit}.search-box[data-astro-cid-rpnrggc6] input[data-astro-cid-rpnrggc6]:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;border-radius:4px}.search-box[data-astro-cid-rpnrggc6] input[data-astro-cid-rpnrggc6]::placeholder{color:var(--text-muted);opacity:1}.search-clear-btn[data-astro-cid-rpnrggc6]{background:transparent;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:4px 8px;border-radius:4px}.search-clear-btn[data-astro-cid-rpnrggc6]:hover{color:var(--text-primary)}.filter-toolbar[data-astro-cid-rpnrggc6]{display:flex;flex-wrap:wrap;gap:20px;margin-top:16px;background:var(--surface-card);border:1px solid var(--border-subtle);padding:14px 20px;border-radius:var(--radius-md);align-items:center}.filter-group[data-astro-cid-rpnrggc6]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-label[data-astro-cid-rpnrggc6]{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.filter-pills[data-astro-cid-rpnrggc6]{display:flex;gap:6px;flex-wrap:wrap}.filter-pill[data-astro-cid-rpnrggc6]{background:var(--surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer;transition:var(--transition-fast)}.filter-pill[data-astro-cid-rpnrggc6]:hover{color:var(--text-primary);border-color:var(--border-default)}.filter-pill[data-astro-cid-rpnrggc6]:focus-visible{outline:3px solid var(--accent-blue);outline-offset:2px;box-shadow:0 0 0 4px #38bdf859}.filter-pill[data-astro-cid-rpnrggc6].active{background:var(--accent-blue);color:var(--on-accent);border-color:var(--accent-blue)}.filter-pill[data-astro-cid-rpnrggc6].pill-native.active{background:#047857;border-color:#047857;color:#fff}.filter-pill[data-astro-cid-rpnrggc6].pill-hybrid.active{background:#b45309;border-color:#b45309;color:#fff}.filter-pill[data-astro-cid-rpnrggc6].pill-aria.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.results-bar[data-astro-cid-rpnrggc6]{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:0 4px;font-size:.85rem;color:var(--text-muted);flex-wrap:wrap;gap:8px}.keyboard-hint[data-astro-cid-rpnrggc6] kbd[data-astro-cid-rpnrggc6]{background:var(--surface-card);border:1px solid var(--border-default);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.75rem}@media(max-width:600px){.dashboard-banner[data-astro-cid-rpnrggc6]{padding:24px 12px 20px}.banner-title-group[data-astro-cid-rpnrggc6] h1[data-astro-cid-rpnrggc6]{font-size:1.65rem}.first-rule-banner[data-astro-cid-rpnrggc6]{padding:16px 12px}.controls-section[data-astro-cid-rpnrggc6]{padding:0 8px}.filter-toolbar[data-astro-cid-rpnrggc6]{padding:12px}}@media(forced-colors:active){.filter-pill[data-astro-cid-rpnrggc6]{border:1px solid ButtonText}.filter-pill[data-astro-cid-rpnrggc6].active{background:Highlight;color:HighlightText;border-color:Highlight;forced-color-adjust:none}}.sandbox-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px;padding:6px 12px;background:var(--surface-elevated);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.sandbox-title{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.sandbox-toggle-btn{display:inline-flex;align-items:center;gap:6px;background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-primary);font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:4px;cursor:pointer;transition:var(--transition-fast)}.sandbox-toggle-btn:hover{border-color:var(--accent-blue)}.sandbox-toggle-btn:focus-visible{outline:3px solid var(--accent-blue);outline-offset:2px;box-shadow:0 0 0 4px #38bdf859}.playground-wrapper{margin-bottom:24px;transition:filter .2s ease}.playground-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:860px){.playground-grid{grid-template-columns:1fr 1fr}}.demo-pane{background:var(--surface-base);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);min-width:0;max-width:100%}.demo-apg{border:1px solid rgba(168,85,247,.3)}.demo-semantic{border:1px solid rgba(52,211,153,.3)}.pane-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border-subtle);background:var(--surface-elevated)}.pane-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-apg{color:var(--accent-purple)}.badge-semantic{color:var(--accent-emerald)}.pane-sub{font-size:.72rem;color:var(--text-muted)}.pane-content{padding:20px;min-height:180px;display:flex;flex-direction:column;justify-content:center;min-width:0;max-width:100%;overflow-x:auto}.raw-browser-default .demo-pane{border:2px dashed var(--border-default)!important;background:var(--surface-base)!important}.raw-browser-default button,.raw-browser-default details,.raw-browser-default input,.raw-browser-default select,.raw-browser-default meter{all:revert!important}.at-inspector-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 14px;background:var(--code-surface);border-top:1px solid var(--border-subtle);font-size:.75rem;font-family:var(--font-mono)}.at-badge{color:var(--text-muted);font-weight:700}.at-code{color:var(--text-accent);word-break:break-all}.demo-btn{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border-default);padding:10px 18px;border-radius:var(--radius-sm);font-weight:600;font-size:.88rem;cursor:pointer;transition:var(--transition-fast)}.demo-btn:hover{background:var(--surface-card-hover);border-color:var(--accent-blue)}.demo-btn:focus-visible,.demo-btn-sm:focus-visible{outline:3px solid var(--accent-blue);outline-offset:2px;box-shadow:0 0 0 4px #38bdf840}.demo-btn.btn-primary:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px #38bdf899}.demo-semantic .demo-btn:focus-visible,.demo-semantic .demo-btn-sm:focus-visible,.demo-semantic .demo-btn.btn-primary:focus-visible{outline:3px solid var(--accent-emerald);outline-offset:2px;box-shadow:0 0 0 4px #34d39973}.demo-apg .demo-btn:focus-visible,.demo-apg .demo-btn-sm:focus-visible,.demo-apg .demo-btn.btn-primary:focus-visible{outline:3px solid var(--accent-purple);outline-offset:2px;box-shadow:0 0 0 4px #a855f773}.demo-btn.btn-primary{background:var(--accent-blue);color:var(--on-accent);border-color:var(--accent-blue)}.demo-btn.btn-success{background:#047857;color:#fff;border-color:#047857}.demo-btn.btn-danger{background:#dc2626;color:#fff;border-color:#dc2626}.demo-btn-sm{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);padding:4px 10px;border-radius:4px;font-size:.78rem;font-weight:600;cursor:pointer}.demo-btn-sm:hover{border-color:var(--accent-blue)}.slider-hint{display:block;font-size:.72rem;color:var(--text-muted);margin-top:10px}.event-counter{margin-top:8px;font-size:.82rem;font-family:var(--font-mono);color:var(--text-muted)}.apg-accordion-widget,.semantic-accordion-widget{display:flex;flex-direction:column;gap:8px;width:100%}.apg-acc-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-weight:600;font-size:.88rem;cursor:pointer}.apg-acc-btn:hover{border-color:var(--accent-purple)}.acc-arrow{transition:transform .2s ease;font-size:.75rem}.apg-acc-btn[aria-expanded=true] .acc-arrow{transform:rotate(180deg)}.apg-acc-panel{padding:12px 14px;background:var(--surface-card);border:1px solid var(--border-subtle);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);font-size:.85rem}.sem-details{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);overflow:hidden}.sem-details summary{padding:10px 14px;font-weight:600;font-size:.88rem;cursor:pointer;color:var(--text-primary);list-style:disclosure-closed;transition:var(--transition-fast)}.sem-details summary:hover{background:#34d39914}.sem-details summary:focus-visible,.sem-tree-details summary:focus-visible{outline:3px solid var(--accent-emerald);outline-offset:-3px;border-radius:var(--radius-sm);background:#34d39926}.sem-details[open] summary{list-style:disclosure-open;border-bottom:1px solid var(--border-subtle)}.details-body{padding:12px 14px;background:var(--surface-card);font-size:.85rem}.apg-modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:10000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.apg-modal-overlay[hidden]{display:none!important}.apg-modal-window{background:var(--surface-card);border:2px solid var(--accent-purple);border-radius:var(--radius-lg);padding:24px;max-width:440px;width:90%;box-shadow:var(--shadow-lg)}.semantic-modal-dialog{background:var(--surface-card);color:var(--text-primary);border:2px solid var(--accent-emerald);border-radius:var(--radius-lg);padding:24px;max-width:440px;box-shadow:var(--shadow-lg)}.semantic-modal-dialog::backdrop{background:#000000b3;backdrop-filter:blur(4px)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.apg-switch-btn{display:inline-flex;align-items:center;gap:12px;background:transparent;border:none;color:var(--text-primary);font-size:.9rem;font-weight:600;cursor:pointer}.switch-track{width:44px;height:24px;background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:999px;position:relative;transition:background-color .2s ease}.switch-thumb{width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s ease}.apg-switch-btn[aria-checked=true] .switch-track{background:#a855f7;border-color:#a855f7}.apg-switch-btn[aria-checked=true] .switch-thumb{transform:translate(20px)}.sem-switch-label{display:inline-flex;align-items:center;gap:12px;cursor:pointer;font-size:.9rem;font-weight:600}.sem-switch-input{width:44px;height:24px;appearance:none;-webkit-appearance:none;background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:999px;position:relative;cursor:pointer;transition:.2s}.sem-switch-input:focus-visible{outline:3px solid var(--accent-emerald);outline-offset:3px;box-shadow:0 0 0 4px #34d39959}.sem-switch-input:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;top:2px;left:2px;background:#fff;transition:transform .2s}.sem-switch-input:checked{background:#047857;border-color:#047857}.sem-switch-input:checked:before{transform:translate(20px)}.apg-slider-rail{position:relative;height:8px;background:var(--surface-elevated);border-radius:4px;margin:18px 0;border:1px solid var(--border-default)}.apg-slider-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;background:#a855f7;border:2px solid #fff;border-radius:50%;cursor:grab;box-shadow:0 2px 6px #0006}.apg-slider-handle:focus-visible{outline:3px solid var(--accent-blue);outline-offset:3px}.sem-range-input{width:100%;margin:16px 0;accent-color:#047857}.sem-range-input:focus-visible{outline:3px solid var(--accent-emerald);outline-offset:4px;border-radius:var(--radius-sm)}.meter-info{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.88rem}.apg-meter-rail{height:14px;background:var(--surface-elevated);border-radius:999px;overflow:hidden;border:1px solid var(--border-default)}.apg-meter-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#a855f7);transition:width .2s ease}.sem-meter-el{width:100%;height:18px}.demo-mini-actions{display:flex;gap:8px;margin-top:10px}.apg-spinner-box{display:inline-flex;align-items:center;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-card);margin-top:6px;overflow:hidden}.apg-spin-display{padding:8px 16px;font-size:1.1rem;font-weight:700;font-family:var(--font-mono);min-width:44px;text-align:center;outline:none}.apg-spin-display:focus-visible{background:#a855f726}.spinner-btns{display:flex;flex-direction:column;border-left:1px solid var(--border-default)}.spin-btn{background:var(--surface-elevated);border:none;color:var(--text-primary);padding:4px 10px;min-width:32px;min-height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;cursor:pointer}.spin-btn:hover{background:var(--surface-card-hover)}.sem-number-input{background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-primary);padding:8px 12px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:1rem;margin-top:6px;width:80px;transition:var(--transition-fast)}.sem-number-input:focus-visible{outline:3px solid var(--accent-emerald);outline-offset:1px;border-color:var(--accent-emerald);box-shadow:0 0 0 4px #34d39959}.apg-radiogroup{display:flex;flex-direction:column;gap:8px}.apg-radio-opt{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:.88rem}.apg-radio-opt:hover{background:var(--surface-elevated)}.apg-radio-opt:focus-visible{outline:2px solid var(--accent-purple)}.radio-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-default);position:relative}.apg-radio-opt[aria-checked=true] .radio-dot{border-color:var(--accent-purple)}.apg-radio-opt[aria-checked=true] .radio-dot:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--accent-purple)}.sem-fieldset{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 14px;display:flex;flex-direction:column;gap:8px}.sem-fieldset legend{padding:0 6px;font-weight:600;font-size:.85rem}.sem-radio-label{display:flex;align-items:center;gap:8px;font-size:.88rem;cursor:pointer}.sem-fieldset input[type=radio]:focus-visible,.sem-check-label input[type=checkbox]:focus-visible{outline:3px solid var(--accent-emerald);outline-offset:3px;border-radius:2px}.apg-check-item{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9rem;padding:6px}.custom-chk-box{width:18px;height:18px;border:2px solid var(--accent-purple);border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;color:#fff;background:var(--surface-elevated)}.apg-check-item[aria-checked=true] .custom-chk-box{background:#7c3aed}.apg-check-item[aria-checked=true] .check-icon:before{content:"✓"}.apg-check-item[aria-checked=mixed] .custom-chk-box{background:#7c3aed}.sem-check-label{display:flex;align-items:center;gap:8px;font-size:.9rem;cursor:pointer;margin-bottom:8px}.apg-combobox-wrap{position:relative;margin-top:6px}.apg-combobox-wrap input{width:100%;background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-primary);padding:8px 12px;border-radius:var(--radius-sm);font-size:.88rem}.semantic-combobox-demo input{width:100%;margin-top:6px;background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-primary);padding:8px 12px;border-radius:var(--radius-sm);font-size:.88rem}.semantic-combobox-demo input:focus-visible{outline:3px solid var(--accent-emerald);outline-offset:1px;border-color:var(--accent-emerald);box-shadow:0 0 0 4px #34d39959}.apg-cb-list{position:absolute;top:100%;left:0;right:0;background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);list-style:none;z-index:100;box-shadow:var(--shadow-md);max-height:140px;overflow-y:auto}.apg-cb-list li{padding:8px 12px;cursor:pointer;font-size:.85rem}.apg-cb-list li:hover,.apg-cb-list li.focused{background:#a855f733}.apg-menu-popup{background:var(--surface-elevated);border:1px solid var(--accent-purple);border-radius:var(--radius-sm);list-style:none;padding:6px 0;margin-top:6px;box-shadow:var(--shadow-md)}.apg-menu-popup li{padding:8px 14px;font-size:.85rem;cursor:pointer}.apg-menu-popup li:hover,.apg-menu-popup li:focus{background:#a855f740;outline:none}.sem-popover-box{background:var(--surface-card);color:var(--text-primary);border:1px solid var(--accent-emerald);border-radius:var(--radius-sm);padding:8px 0;box-shadow:var(--shadow-lg)}.popover-nav a,.btn-danger-link{display:block;padding:8px 14px;color:var(--text-primary);text-decoration:none;font-size:.85rem;background:transparent;border:none;width:100%;text-align:left;cursor:pointer}.popover-nav a:hover,.btn-danger-link:hover{background:#34d39926}.popover-nav a:focus,.popover-nav a:focus-visible,.btn-danger-link:focus,.btn-danger-link:focus-visible{background:#34d39940;outline:2px solid var(--accent-emerald);outline-offset:-2px}.btn-danger-link{color:var(--accent-rose)}.apg-tooltip-popup{background:var(--surface-elevated);border:1px solid var(--border-default);color:var(--text-primary);padding:6px 12px;border-radius:4px;font-size:.78rem;margin-top:8px;display:inline-block;box-shadow:var(--shadow-sm)}.apg-landmarks-demo,.semantic-landmarks-demo{display:flex;flex-direction:column;gap:4px;font-size:.75rem;font-family:var(--font-mono);text-align:center}.wireframe-box{padding:8px;border-radius:4px;background:var(--surface-elevated);border:1px dashed var(--border-default)}.wireframe-row{display:grid;grid-template-columns:1fr 2fr;gap:4px}.apg-tablist{display:flex;border-bottom:1px solid var(--border-default)}.apg-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-weight:600;font-size:.85rem;padding:8px 14px;cursor:pointer}.apg-tab.active{color:var(--accent-purple);border-bottom-color:var(--accent-purple)}.apg-tabpanel{padding:14px;font-size:.85rem;background:var(--surface-card);border-radius:0 0 var(--radius-sm) var(--radius-sm)}.spec-status-alert{display:flex;gap:12px;background:#fbbf241f;border:1px solid rgba(251,191,36,.3);padding:12px;border-radius:var(--radius-sm);font-size:.82rem}.apg-aria-table,.sem-data-table{width:100%;font-size:.82rem;border-collapse:collapse}.table-row,.sem-data-table tr{display:flex;border-bottom:1px solid var(--border-subtle)}.sem-data-table{display:table}.sem-data-table tr{display:table-row}.table-cell,.sem-data-table th,.sem-data-table td{flex:1;padding:8px 10px;text-align:left}.th-cell,.sem-data-table th{font-weight:700;color:var(--text-muted);border-bottom:1px solid var(--border-default)}.apg-breadcrumbs ol,.sem-breadcrumbs ol{display:flex;gap:6px;list-style:none;font-size:.82rem;flex-wrap:wrap}.apg-breadcrumbs li+li:before,.sem-breadcrumbs li+li:before{content:"/";color:var(--text-muted);margin-right:6px}.apg-breadcrumbs a,.sem-breadcrumbs a{color:var(--accent-blue);text-decoration:none;padding:2px 4px;border-radius:4px}.sem-breadcrumbs a{color:var(--accent-emerald)}.sem-breadcrumbs a:focus-visible{outline:3px solid var(--accent-emerald);outline-offset:2px;background:#34d39926}.apg-breadcrumbs a:focus-visible{outline:3px solid var(--accent-purple);outline-offset:2px;background:#a855f726}.apg-breadcrumbs a[aria-current=page],.sem-breadcrumbs span[aria-current=page]{color:var(--text-primary);font-weight:700}.sem-native-link{color:var(--accent-emerald);font-weight:700;text-decoration:underline;display:inline-block;padding:2px 6px;border-radius:4px}.sem-native-link:focus-visible{outline:3px solid var(--accent-emerald);outline-offset:3px;background:#34d39926}.live-alert-container,.live-status-container{margin-top:10px;padding:8px 12px;border-radius:var(--radius-sm);font-size:.82rem;min-height:38px;display:flex;align-items:center}.live-alert-container:not(:empty){background:#dc262626;border:1px solid #dc2626;color:#fca5a5}.live-status-container{background:var(--surface-elevated);border:1px solid var(--border-subtle)}.css-scroll-snap-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:10px 0;border-radius:var(--radius-sm)}.css-scroll-snap-carousel:focus,.css-scroll-snap-carousel:focus-visible{outline:3px solid var(--accent-emerald);outline-offset:3px;box-shadow:0 0 0 4px #34d39959}.snap-slide{flex:0 0 85%;scroll-snap-align:center;background:var(--surface-elevated);border:1px solid var(--border-default);padding:24px;border-radius:var(--radius-sm);text-align:center;font-weight:600;font-size:.9rem}.apg-toolbar-widget,.sem-toolbar-fieldset{display:inline-flex;gap:4px;background:var(--surface-elevated);padding:4px;border-radius:var(--radius-sm);border:1px solid var(--border-default)}.apg-toolbar-widget button,.sem-toolbar-fieldset button{background:transparent;border:none;color:var(--text-primary);padding:6px 12px;border-radius:4px;cursor:pointer}.apg-toolbar-widget button:focus-visible{background:#a855f740;outline:2px solid var(--accent-purple);outline-offset:1px}.sem-toolbar-fieldset button:focus-visible{background:#34d39940;outline:2px solid var(--accent-emerald);outline-offset:1px}.apg-data-grid{width:100%;border:1px solid var(--border-default);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-card)}.grid-row{display:flex;border-bottom:1px solid var(--border-subtle)}.head-row{background:var(--surface-elevated);font-weight:700;color:var(--text-muted)}.grid-cell{flex:1;padding:8px 10px;font-size:.82rem;outline:none;border-right:1px solid var(--border-subtle);color:var(--text-primary);display:flex;align-items:center}.grid-cell:last-child{border-right:none}.grid-cell:focus{outline:2px solid var(--accent-blue);outline-offset:-2px;background:#38bdf81f}.cell-badge,.sem-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.72rem;font-weight:700}.badge-high,.sem-badge-high{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.4)}.badge-crit,.sem-badge-crit{background:#dc262640;color:#f87171;border:1px solid rgba(220,38,38,.5)}.badge-med{background:#f59e0b33;color:#fcd34d;border:1px solid rgba(245,158,11,.4)}.cell-editable{cursor:text;background:var(--surface-base)}.sem-cell-input{width:100%;padding:4px 6px;font-size:.8rem;background:var(--surface-base);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:4px;transition:var(--transition-fast)}.sem-cell-input:focus-visible{outline:2px solid var(--accent-emerald);outline-offset:-1px;border-color:var(--accent-emerald);box-shadow:0 0 0 3px #34d39959}.apg-listbox-widget{list-style:none;padding:4px;margin-top:8px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);outline:none}.apg-listbox-widget:focus-visible{border-color:var(--accent-blue);box-shadow:0 0 0 2px #38bdf84d}.lb-option{padding:8px 12px;font-size:.85rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--text-primary);transition:background .15s}.lb-option:hover{background:var(--surface-elevated)}.lb-option.selected{background:#a855f733;font-weight:700;color:var(--accent-purple)}.lb-check{visibility:hidden;font-weight:800}.lb-option.selected .lb-check{visibility:visible}.sem-native-listbox{width:100%;margin-top:8px;padding:6px;font-size:.85rem;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);transition:var(--transition-fast)}.sem-native-listbox:focus-visible{outline:3px solid var(--accent-emerald);outline-offset:1px;border-color:var(--accent-emerald);box-shadow:0 0 0 4px #34d39959}.apg-menubar-widget{display:flex;gap:6px;background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:4px}.menubar-item-wrap{position:relative}.apg-menubar-item{background:transparent;border:none;padding:6px 14px;font-size:.82rem;font-weight:600;color:var(--text-primary);border-radius:4px;cursor:pointer}.apg-menubar-item:focus,.apg-menubar-item:hover{background:#a855f733;outline:2px solid var(--accent-blue)}.apg-menubar-dropdown{position:absolute;top:100%;left:0;min-width:140px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);list-style:none;padding:4px;z-index:20;box-shadow:var(--shadow-md);margin-top:4px}.apg-menubar-dropdown li{padding:6px 10px;font-size:.8rem;color:var(--text-primary);border-radius:4px;cursor:pointer}.apg-menubar-dropdown li:hover,.apg-menubar-dropdown li:focus{background:#a855f740;outline:none}.sem-nav-bar{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:6px 12px}.sem-nav-list{display:flex;gap:12px;list-style:none;margin:0;padding:0}.sem-nav-link{color:var(--accent-blue);text-decoration:none;font-size:.85rem;font-weight:600;padding:4px 8px;border-radius:4px;transition:var(--transition-fast)}.sem-nav-link:focus-visible{outline:3px solid var(--accent-emerald);outline-offset:2px;background:#34d39933;color:var(--text-primary)}.sem-nav-link[aria-current=page]{color:var(--text-primary);font-weight:800;background:#38bdf826}.apg-alertdialog-window{border-color:#ef4444;border-left:6px solid #ef4444}.adlg-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.adlg-icon{font-size:1.5rem}.apg-feed-widget,.sem-feed-stream{display:flex;flex-direction:column;gap:10px;max-height:220px;overflow-y:auto;padding:8px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-sm)}.feed-article,.sem-feed-article{padding:10px 14px;background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:4px;font-size:.82rem;outline:none}.feed-article:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #38bdf84d}.feed-article h3,.sem-feed-article h3{font-size:.9rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.feed-article time,.sem-feed-article time{font-size:.72rem;color:var(--text-muted);display:block;margin-bottom:4px}.feed-article p,.sem-feed-article p{color:var(--text-secondary);margin:0;line-height:1.4}.feed-controls{margin-top:8px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.multislider-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:.85rem;margin-bottom:12px;color:var(--text-primary)}.apg-multi-rail{position:relative;height:10px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:999px;margin:16px 8px}.multi-highlight{position:absolute;top:0;bottom:0;background:#a855f7;border-radius:999px}.multi-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#c084fc;border:2px solid #fff;border-radius:50%;cursor:pointer;outline:none}.multi-thumb:focus-visible{outline:3px solid var(--accent-purple);outline-offset:3px;box-shadow:0 0 0 4px #a855f766}.sem-multirange-fieldset{border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:10px 14px;background:var(--surface-card)}.sem-multirange-fieldset legend{padding:0 6px;font-size:.8rem;font-weight:700;color:var(--text-muted)}.sem-range-row{display:flex;align-items:center;gap:10px;font-size:.82rem;margin:6px 0;color:var(--text-primary)}.sem-range-row input[type=range]{flex:1;accent-color:var(--accent-emerald)}.sem-range-row input[type=range]:focus-visible{outline:3px solid var(--accent-emerald);outline-offset:4px;border-radius:var(--radius-sm)}.apg-treegrid-widget{width:100%;border:1px solid var(--border-default);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-card);font-size:.82rem}.tg-head-row{background:var(--surface-elevated);font-weight:700;color:var(--text-muted);border-bottom:1px solid var(--border-default)}.tg-row{display:flex;border-bottom:1px solid var(--border-subtle);outline:none;color:var(--text-primary)}.tg-row:focus{background:#38bdf81f;outline:2px solid var(--accent-blue);outline-offset:-2px}.tg-cell{padding:6px 10px;flex:1;display:flex;align-items:center}.tg-cell-name{flex:2}.tg-indent-1{padding-left:24px}.tg-toggle{background:transparent;border:none;color:var(--accent-blue);font-size:.75rem;cursor:pointer;padding:2px 4px;margin-right:4px}.apg-split-box{display:flex;height:110px;border:1px solid var(--border-default);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-card)}.split-pane{padding:10px;overflow:hidden;font-size:.8rem}.left-pane{background:var(--surface-elevated);border-right:1px solid var(--border-subtle)}.right-pane{background:var(--surface-card)}.pane-tag{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.pane-text{color:var(--text-primary);margin:0;font-size:.8rem}.apg-splitter-handle{width:10px;background:var(--surface-base);cursor:col-resize;display:flex;align-items:center;justify-content:center;outline:none;border-left:1px solid var(--border-default);border-right:1px solid var(--border-default);user-select:none}.apg-splitter-handle:focus-visible{background:var(--accent-purple);color:#fff;outline:3px solid var(--accent-purple);outline-offset:2px}.splitter-grip{font-size:.75rem;color:var(--text-muted)}.sem-resizable-container{display:flex;width:100%}.sem-resize-box{resize:horizontal;overflow:auto;min-width:120px;max-width:100%;width:60%;height:110px;padding:10px;background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:.8rem}.sem-resize-box:focus-visible{outline:3px solid var(--accent-emerald);outline-offset:2px}:root[data-theme=light] .demo-apg{border-color:#6d28d959}:root[data-theme=light] .demo-semantic{border-color:#04785759}:root[data-theme=light] .switch-track,:root[data-theme=light] .sem-switch-input{background:#e2e8f0;border-color:var(--border-default)}:root[data-theme=light] .switch-thumb,:root[data-theme=light] .sem-switch-input:before{box-shadow:0 1px 3px #0000004d}:root[data-theme=light] .apg-switch-btn[aria-checked=true] .switch-track{background:var(--accent-purple);border-color:var(--accent-purple)}:root[data-theme=light] .sem-switch-input:checked{background:var(--accent-emerald);border-color:var(--accent-emerald)}:root[data-theme=light] .apg-slider-handle{background:var(--accent-purple)}:root[data-theme=light] .apg-check-item[aria-checked=true] .custom-chk-box{background:var(--accent-purple)}:root[data-theme=light] .apg-check-item[aria-checked=mixed] .custom-chk-box{background:#581c87}:root[data-theme=light] .live-alert-container:not(:empty){background:#ffe4e6;border-color:#dc2626;color:#991b1b}:root[data-theme=light] .badge-high,:root[data-theme=light] .sem-badge-high{background:#fee2e2;color:#991b1b;border-color:#f87171}:root[data-theme=light] .badge-crit,:root[data-theme=light] .sem-badge-crit{background:#fef2f2;color:#7f1d1d;border-color:#ef4444}:root[data-theme=light] .badge-med{background:#fef3c7;color:#78350f;border-color:#f59e0b}:root[data-theme=light] .lb-option.selected{background:#6d28d91f;color:#5b21b6}:root[data-theme=light] .multi-highlight{background:var(--accent-purple)}:root[data-theme=light] .multi-thumb{background:var(--accent-purple);border-color:#fff}:root[data-theme=light] .apg-menubar-dropdown{border-color:var(--accent-purple)}:root[data-theme=light] .sem-nav-link{color:#0369a1}:root[data-theme=light] .sem-nav-link[aria-current=page]{color:#0f172a;background:#0ea5e926}:root[data-theme=light] .demo-btn:focus-visible,:root[data-theme=light] .demo-btn-sm:focus-visible{outline-color:#0369a1;box-shadow:0 0 0 4px #0369a140}:root[data-theme=light] .demo-semantic .demo-btn:focus-visible,:root[data-theme=light] .demo-semantic .demo-btn-sm:focus-visible,:root[data-theme=light] .demo-semantic .demo-btn.btn-primary:focus-visible{outline-color:var(--accent-emerald);box-shadow:0 0 0 4px #04785740}:root[data-theme=light] .demo-apg .demo-btn:focus-visible,:root[data-theme=light] .demo-apg .demo-btn-sm:focus-visible,:root[data-theme=light] .demo-apg .demo-btn.btn-primary:focus-visible{outline-color:var(--accent-purple);box-shadow:0 0 0 4px #6d28d940}:root[data-theme=light] .sem-details summary:focus-visible,:root[data-theme=light] .sem-tree-details summary:focus-visible{outline-color:var(--accent-emerald);background:#0478571f}:root[data-theme=light] .sem-switch-input:focus-visible{outline-color:var(--accent-emerald);box-shadow:0 0 0 4px #04785740}:root[data-theme=light] .sem-number-input:focus-visible,:root[data-theme=light] .semantic-combobox-demo input:focus-visible,:root[data-theme=light] .sem-cell-input:focus-visible,:root[data-theme=light] .sem-native-listbox:focus-visible{outline-color:var(--accent-emerald);border-color:var(--accent-emerald);box-shadow:0 0 0 4px #04785740}:root[data-theme=light] .popover-nav a:focus,:root[data-theme=light] .popover-nav a:focus-visible,:root[data-theme=light] .btn-danger-link:focus,:root[data-theme=light] .btn-danger-link:focus-visible{outline-color:var(--accent-emerald);background:#04785726}:root[data-theme=light] .css-scroll-snap-carousel:focus,:root[data-theme=light] .css-scroll-snap-carousel:focus-visible{outline-color:var(--accent-emerald);box-shadow:0 0 0 4px #04785740}:root[data-theme=light] .sem-toolbar-fieldset button:focus-visible{outline-color:var(--accent-emerald);background:#04785726}:root[data-theme=light] .sem-nav-link:focus-visible{outline-color:var(--accent-emerald);background:#04785726}:root[data-theme=light] .sem-native-link:focus-visible{outline-color:var(--accent-emerald);background:#0478571f}:root[data-theme=light] .multi-thumb:focus-visible,:root[data-theme=light] .apg-splitter-handle:focus-visible{outline-color:var(--accent-purple);box-shadow:0 0 0 4px #6d28d940}.demo-semantic :is(button,input,select,textarea,a,summary,[tabindex="0"]):focus-visible{outline:3px solid var(--accent-emerald);outline-offset:2px}.demo-apg :is(button,input,select,textarea,a,summary,[tabindex="0"]):focus-visible{outline:3px solid var(--accent-purple);outline-offset:2px}@media(max-width:600px){.pane-content{padding:12px}}@media(forced-colors:active){.switch-track,.sem-switch-input,.apg-slider-rail,.apg-multi-rail,.apg-meter-rail,.radio-dot,.custom-chk-box{border:1px solid ButtonText}.switch-thumb,.sem-switch-input:before,.apg-slider-handle,.multi-thumb{background:ButtonText;border:2px solid Canvas;forced-color-adjust:none}.apg-switch-btn[aria-checked=true] .switch-track,.sem-switch-input:checked,.apg-meter-fill,.multi-highlight,.apg-radio-opt[aria-checked=true] .radio-dot:after,.apg-check-item[aria-checked=true] .custom-chk-box,.apg-check-item[aria-checked=mixed] .custom-chk-box,.lb-option.selected{background:Highlight;color:HighlightText;border-color:Highlight;forced-color-adjust:none}.apg-switch-btn[aria-checked=true] .switch-thumb,.sem-switch-input:checked:before{background:HighlightText;border-color:Highlight}.apg-tab.active{border-bottom:3px solid Highlight;color:Highlight}}.blueprint-section[data-astro-cid-7xvqrcak]{margin:24px 0 16px;border-top:1px solid var(--border-subtle);padding-top:20px}.blueprint-section-title[data-astro-cid-7xvqrcak]{font-size:1.05rem;font-weight:800;color:var(--text-primary);margin-bottom:14px}.blueprint-grid[data-astro-cid-7xvqrcak]{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:860px){.blueprint-grid[data-astro-cid-7xvqrcak]{grid-template-columns:1fr 1fr}}.blueprint-card[data-astro-cid-7xvqrcak]{background:var(--surface-base);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:16px;min-width:0;max-width:100%}.blueprint-aria[data-astro-cid-7xvqrcak]{border-top:4px solid var(--accent-purple);border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.blueprint-semantic[data-astro-cid-7xvqrcak]{border-top:4px solid var(--accent-emerald);border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.bp-header[data-astro-cid-7xvqrcak]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.bp-title[data-astro-cid-7xvqrcak]{font-size:.95rem;font-weight:800;color:var(--text-primary)}.effort-pill[data-astro-cid-7xvqrcak]{font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:999px}.effort-high[data-astro-cid-7xvqrcak],.effort-extreme[data-astro-cid-7xvqrcak]{background:#ef444426;color:var(--accent-rose);border:1px solid rgba(239,68,68,.3)}.effort-medium[data-astro-cid-7xvqrcak]{background:#fbbf2426;color:var(--accent-amber);border:1px solid rgba(251,191,36,.3)}.effort-minimal[data-astro-cid-7xvqrcak],.effort-low[data-astro-cid-7xvqrcak]{background:#34d39926;color:var(--accent-emerald);border:1px solid rgba(52,211,153,.3)}:root[data-theme=light] .effort-high[data-astro-cid-7xvqrcak],:root[data-theme=light] .effort-extreme[data-astro-cid-7xvqrcak]{background:#ffe4e6;color:#be123c;border-color:#be123c59}:root[data-theme=light] .effort-medium[data-astro-cid-7xvqrcak]{background:#fef3c7;color:#92400e;border-color:#92400e59}:root[data-theme=light] .effort-minimal[data-astro-cid-7xvqrcak],:root[data-theme=light] .effort-low[data-astro-cid-7xvqrcak]{background:#d1fae5;color:#047857;border-color:#04785759}.effort-summary[data-astro-cid-7xvqrcak]{font-size:.85rem;color:var(--text-muted);line-height:1.45}.bp-block[data-astro-cid-7xvqrcak] h4[data-astro-cid-7xvqrcak]{font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em;margin-bottom:8px}.bp-list[data-astro-cid-7xvqrcak]{margin-left:18px;font-size:.85rem;color:var(--text-secondary);line-height:1.5;display:flex;flex-direction:column;gap:4px}.at-speech-bubble[data-astro-cid-7xvqrcak]{background:var(--surface-card);border:1px solid var(--border-default);border-left:4px solid var(--accent-purple);border-radius:var(--radius-sm);padding:10px 14px;font-size:.82rem;color:var(--text-primary)}.bubble-semantic[data-astro-cid-7xvqrcak]{border-left-color:var(--accent-emerald)}.bubble-speaker[data-astro-cid-7xvqrcak]{display:block;font-weight:700;font-size:.72rem;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.limitations-banner[data-astro-cid-7xvqrcak]{margin:16px 0 20px;background:#fbbf2414;border:1px solid rgba(251,191,36,.25);border-left:5px solid var(--accent-amber);border-radius:var(--radius-sm);padding:14px 18px}.limitations-header[data-astro-cid-7xvqrcak]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.lim-icon[data-astro-cid-7xvqrcak]{font-size:1.1rem}.limitations-header[data-astro-cid-7xvqrcak] h4[data-astro-cid-7xvqrcak]{font-size:.88rem;font-weight:800;color:#fde68a}:root[data-theme=light] .limitations-header[data-astro-cid-7xvqrcak] h4[data-astro-cid-7xvqrcak]{color:#92400e}.limitations-list[data-astro-cid-7xvqrcak]{margin-left:20px;font-size:.85rem;color:var(--text-secondary);line-height:1.5;display:flex;flex-direction:column;gap:4px}@media(max-width:600px){.blueprint-card[data-astro-cid-7xvqrcak]{padding:12px}}@media(forced-colors:active){.effort-pill[data-astro-cid-7xvqrcak]{border:1px solid ButtonText}}[data-astro-cid-mrqfbk2v][hidden]{display:none!important}.inspector-section[data-astro-cid-mrqfbk2v]{margin-top:20px;border-top:1px solid var(--border-subtle);padding-top:14px}.inspector-summary[data-astro-cid-mrqfbk2v]{font-size:.88rem;font-weight:700;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:8px;user-select:none}.inspector-summary[data-astro-cid-mrqfbk2v]:hover{color:var(--text-primary)}.inspector-summary[data-astro-cid-mrqfbk2v]:focus-visible{outline:3px solid var(--accent-blue);outline-offset:2px;border-radius:var(--radius-sm)}.summary-arrow[data-astro-cid-mrqfbk2v]{font-size:.7rem;transition:transform .2s}.inspector-details[data-astro-cid-mrqfbk2v][open] .summary-arrow[data-astro-cid-mrqfbk2v]{transform:rotate(90deg)}.inspector-body[data-astro-cid-mrqfbk2v]{margin-top:14px}.inspector-tabs[data-astro-cid-mrqfbk2v]{display:flex;gap:4px;border-bottom:1px solid var(--border-default);flex-wrap:wrap}.insp-tab[data-astro-cid-mrqfbk2v]{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.82rem;font-weight:600;padding:8px 14px;cursor:pointer;transition:var(--transition-fast)}.insp-tab[data-astro-cid-mrqfbk2v]:focus-visible{outline:3px solid var(--accent-blue);outline-offset:-2px;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.insp-tab[data-astro-cid-mrqfbk2v].active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.insp-panel[data-astro-cid-mrqfbk2v]{display:none;padding-top:14px;overflow-x:auto}.insp-panel[data-astro-cid-mrqfbk2v].active{display:block}.css-recipes-grid[data-astro-cid-mrqfbk2v]{display:grid;grid-template-columns:1fr;gap:16px}.css-recipe-col[data-astro-cid-mrqfbk2v]{min-width:0;max-width:100%}@media(min-width:860px){.css-recipes-grid[data-astro-cid-mrqfbk2v]{grid-template-columns:1fr 1fr}}.css-tips-box[data-astro-cid-mrqfbk2v]{margin-top:14px;padding:12px 16px;background:var(--surface-elevated);border-left:4px solid var(--accent-emerald);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.85rem;line-height:1.5}.css-tips-box[data-astro-cid-mrqfbk2v] strong[data-astro-cid-mrqfbk2v]{display:block;margin-bottom:6px;color:var(--accent-emerald)}.css-tips-box[data-astro-cid-mrqfbk2v] ul[data-astro-cid-mrqfbk2v]{margin-left:18px;color:var(--text-secondary)}.code-block-header[data-astro-cid-mrqfbk2v]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;background:var(--surface-elevated);padding:8px 14px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;border:1px solid var(--code-border);border-bottom:none;font-size:.75rem;font-weight:600;color:var(--text-muted)}.copy-code-btn[data-astro-cid-mrqfbk2v]{background:transparent;border:1px solid var(--border-default);color:var(--text-primary);font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:4px;cursor:pointer;transition:var(--transition-fast)}.copy-code-btn[data-astro-cid-mrqfbk2v]:hover{border-color:var(--accent-blue)}.copy-code-btn[data-astro-cid-mrqfbk2v]:focus-visible{outline:2px solid var(--accent-blue);outline-offset:1px;box-shadow:0 0 0 3px #38bdf859}.code-display[data-astro-cid-mrqfbk2v]{background:var(--code-surface);color:var(--code-text);padding:16px;border-radius:0 0 var(--radius-sm) var(--radius-sm);border:1px solid var(--code-border);font-family:var(--font-mono);font-size:.82rem;line-height:1.5;overflow-x:auto}.kbd-matrix-table[data-astro-cid-mrqfbk2v]{width:100%;border-collapse:collapse;font-size:.82rem}.kbd-matrix-table[data-astro-cid-mrqfbk2v] th[data-astro-cid-mrqfbk2v],.kbd-matrix-table[data-astro-cid-mrqfbk2v] td[data-astro-cid-mrqfbk2v]{padding:10px 12px;border:1px solid var(--border-subtle);text-align:left}.kbd-matrix-table[data-astro-cid-mrqfbk2v] th[data-astro-cid-mrqfbk2v]{background:var(--surface-elevated);font-weight:700}.key-cap[data-astro-cid-mrqfbk2v]{background:var(--surface-card);border:1px solid var(--border-default);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.78rem;box-shadow:0 1px 2px #0003}.wcag-mapping-content[data-astro-cid-mrqfbk2v]{display:flex;flex-direction:column;gap:16px}.mapping-group[data-astro-cid-mrqfbk2v] h4[data-astro-cid-mrqfbk2v]{font-size:.85rem;font-weight:700;color:var(--text-muted);margin-bottom:8px}.criteria-badge-list[data-astro-cid-mrqfbk2v]{display:flex;flex-wrap:wrap;gap:8px}.sc-badge[data-astro-cid-mrqfbk2v]{display:inline-flex;align-items:center;gap:6px;background:var(--surface-elevated);border:1px solid var(--border-default);color:var(--text-primary);text-decoration:none;font-size:.78rem;padding:5px 10px;border-radius:var(--radius-sm)}.sc-badge[data-astro-cid-mrqfbk2v]:hover{border-color:var(--accent-blue)}.sc-num[data-astro-cid-mrqfbk2v]{font-weight:800;color:var(--accent-blue);font-family:var(--font-mono)}.sc-level[data-astro-cid-mrqfbk2v]{font-size:.68rem;font-weight:700;background:var(--surface-card);padding:2px 5px;border-radius:3px;color:var(--text-muted)}.outcome-tag-list[data-astro-cid-mrqfbk2v]{display:flex;flex-wrap:wrap;gap:8px}.outcome-tag[data-astro-cid-mrqfbk2v]{background:#38bdf81f;border:1px solid rgba(56,189,248,.3);color:var(--accent-blue);font-size:.78rem;font-weight:600;padding:4px 10px;border-radius:999px}@media(forced-colors:active){.sc-badge[data-astro-cid-mrqfbk2v],.outcome-tag[data-astro-cid-mrqfbk2v]{border:1px solid ButtonText}.insp-tab[data-astro-cid-mrqfbk2v].active{border-bottom:3px solid Highlight;color:Highlight}}[data-astro-cid-gg4lveom][hidden]{display:none!important}.patterns-grid[data-astro-cid-gg4lveom]{max-width:1360px;margin:24px auto 60px;padding:0 24px;display:flex;flex-direction:column;gap:40px}.pattern-card[data-astro-cid-gg4lveom]{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-md);transition:var(--transition-normal);min-width:0;max-width:100%;overflow-x:clip;overflow-wrap:anywhere}.pattern-card[data-astro-cid-gg4lveom]:hover{border-color:var(--border-default)}.card-header[data-astro-cid-gg4lveom]{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid var(--border-subtle);padding-bottom:18px;flex-wrap:wrap;min-width:0}.header-main[data-astro-cid-gg4lveom]{min-width:0;max-width:100%}.pattern-meta[data-astro-cid-gg4lveom]{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.category-tag[data-astro-cid-gg4lveom]{font-size:.72rem;font-weight:700;text-transform:uppercase;background:var(--surface-elevated);color:var(--text-muted);padding:4px 10px;border-radius:4px}.verdict-badge[data-astro-cid-gg4lveom]{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:999px}.verdict-native-preferred[data-astro-cid-gg4lveom]{background:#34d39926;color:#34d399;border:1px solid rgba(52,211,153,.3)}.verdict-hybrid-enhancement[data-astro-cid-gg4lveom]{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.verdict-aria-required[data-astro-cid-gg4lveom]{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.pattern-title[data-astro-cid-gg4lveom]{font-size:1.7rem;font-weight:800;letter-spacing:-.01em}.pattern-title[data-astro-cid-gg4lveom] a[data-astro-cid-gg4lveom]{color:var(--text-primary);text-decoration:none}.pattern-title[data-astro-cid-gg4lveom] a[data-astro-cid-gg4lveom]:hover{color:var(--accent-blue);text-decoration:underline}.apg-spec-link[data-astro-cid-gg4lveom]{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;color:var(--accent-blue);text-decoration:none;background:var(--surface-elevated);padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.apg-spec-link[data-astro-cid-gg4lveom]:hover{border-color:var(--accent-blue)}.pattern-summary[data-astro-cid-gg4lveom]{margin:18px 0}.summary-text[data-astro-cid-gg4lveom]{font-size:.98rem;color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.rationale-callout[data-astro-cid-gg4lveom]{background:var(--surface-base);border-left:4px solid var(--accent-blue);padding:12px 16px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.88rem;line-height:1.55;color:var(--text-secondary)}.callout-label[data-astro-cid-gg4lveom]{display:block;font-weight:700;color:var(--text-primary);margin-bottom:2px}.semantic-strip[data-astro-cid-gg4lveom]{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px;font-size:.85rem}.strip-label[data-astro-cid-gg4lveom]{font-weight:600;color:var(--text-muted)}.semantic-code-badge[data-astro-cid-gg4lveom]{background:#34d3991f;border:1px solid rgba(52,211,153,.3);color:#34d399;padding:4px 10px;border-radius:6px;font-family:var(--font-mono);font-size:.85rem;font-weight:600}:root[data-theme=light] .verdict-native-preferred[data-astro-cid-gg4lveom]{background:#d1fae5;color:#065f46;border-color:#04785759}:root[data-theme=light] .verdict-hybrid-enhancement[data-astro-cid-gg4lveom]{background:#fef3c7;color:#92400e;border-color:#92400e59}:root[data-theme=light] .verdict-aria-required[data-astro-cid-gg4lveom]{background:#f3e8ff;color:var(--accent-purple);border-color:#6d28d959}:root[data-theme=light] .semantic-code-badge[data-astro-cid-gg4lveom]{background:#d1fae5;color:var(--accent-emerald);border-color:#04785759}@media(max-width:600px){.patterns-grid[data-astro-cid-gg4lveom]{padding:0 8px}.pattern-card[data-astro-cid-gg4lveom]{padding:16px 12px}}@media(forced-colors:active){.verdict-badge[data-astro-cid-gg4lveom]{border:1px solid ButtonText}}