body:has(.field-header) .comp-main{color:var(--field-ink)}body:has(.field-header) .comp-main .comp-index-tag{color:var(--field-muted)}body:has(.field-header) .comp-main .comp-cat-tagline{color:var(--field-muted)}body:has(.field-header) .comp-main .comp-index-sub{color:var(--field-muted)}body:has(.field-header) .comp-main .comp-index-card-desc{color:var(--field-muted)}body:has(.field-header) .comp-main .comp-index-card-path{color:var(--field-muted)}body:has(.field-header) .comp-main .comp-index-card-arrow{color:var(--field-muted)}body:has(.field-header) .comp-main .comp-source{color:var(--field-muted)}body:has(.field-header) .comp-main .comp-source p{color:var(--field-muted)}body:has(.field-header) .comp-main :is(.comp-index-heading,.comp-cat-name,.comp-index-card-name,.comp-card-name){color:var(--field-ink)}body:has(.field-header) .comp-main .comp-index-card{background:var(--field-surface);border-color:var(--field-rule);color:var(--field-ink)}body:has(.field-header) .comp-main .comp-index-card:hover{border-color:var(--accent,var(--field-moss));box-shadow:0 0 0 1px var(--accent,var(--field-moss)),0 4px 16px var(--accent-dim,#35492d1c)}body:has(.field-header) .comp-main .comp-index-card-top{background:var(--field-surface-muted)}body:has(.field-header) .comp-main .comp-index-card-count{color:var(--field-muted)}body:has(.field-header) .comp-main .field-note a{color:var(--field-link)}body:has(.field-header) .comp-main .comp-index-card-footer{border-top-color:var(--field-rule)}body:has(.field-header) .comp-main .comp-index-card:hover .comp-index-card-arrow{color:var(--field-link)}body:has(.field-header) .comp-main .comp-cat-header{border-bottom:1px solid var(--field-rule);padding-bottom:24px}body:has(.field-header) .comp-main .comp-category-back{color:var(--field-link);margin-bottom:20px;font:12px ui-monospace,monospace;text-decoration:none;display:inline-block}body:has(.field-header) .comp-main .comp-category-back:hover{color:var(--field-rust);text-underline-offset:4px;text-decoration:underline}body:has(.field-header) .comp-main .comp-card{background:var(--field-surface);border-color:var(--field-rule);color:var(--field-ink)}body:has(.field-header) .comp-main .comp-card:hover{border-color:var(--field-rule-strong);box-shadow:0 2px 12px #27361b12}body:has(.field-header) .comp-main .comp-preview{background:var(--field-demo-bg);border-bottom-color:var(--field-demo-border);color:var(--field-demo-ink)}body:has(.field-header) .comp-main .comp-card-meta{border-top:1px solid var(--field-rule)}body:has(.field-header) .comp-main .comp-card .field-label{color:var(--field-faint)}body:has(.field-header) .comp-main .comp-source{border-top-color:var(--field-rule)}body:has(.field-header) .comp-main .comp-source summary{color:var(--field-ink)}body:has(.field-header) .comp-main .comp-source select{background:var(--field-surface);border-color:var(--field-rule-strong);color:var(--field-ink)}body:has(.field-header) .comp-main .comp-source pre{background:var(--field-demo-bg);border:1px solid var(--field-demo-border);color:var(--field-demo-ink)}:is(body:has(.field-header) .comp-main .comp-category-note,body:has(.field-header) .comp-main .comp-guidance){color:var(--field-muted)}body:has(.field-header) .comp-main .comp-category-note{border-left:2px solid var(--field-moss);background:var(--field-surface-muted);margin:22px 0 28px;padding:14px 16px;font-size:13px;line-height:1.55}body:has(.field-header) .comp-main .comp-category-note strong{color:var(--field-ink)}body:has(.field-header) .comp-main .comp-guidance{border-top:1px solid var(--field-rule);padding:14px 16px 16px;font-size:12px;line-height:1.45}body:has(.field-header) .comp-main .comp-source .comp-guidance{border-top:0;padding:0 0 14px}body:has(.field-header) .comp-main .comp-guidance-use{color:var(--field-ink);margin:0 0 12px}body:has(.field-header) .comp-main .comp-guidance dl{gap:8px;margin:0;display:grid}body:has(.field-header) .comp-main .comp-guidance dl div{grid-template-columns:96px 1fr;gap:10px;display:grid}body:has(.field-header) .comp-main .comp-guidance dt{color:var(--field-faint);text-transform:uppercase;letter-spacing:.06em;font:10px ui-monospace,monospace}body:has(.field-header) .comp-main .comp-guidance dd{margin:0}:is(body:has(.field-header) .comp-main .comp-source .field-button,body:has(.field-header) .comp-main .field-filters .field-button){min-height:44px}body:has(.field-header) .comp-main .comp-source summary{align-items:center;min-height:44px;display:flex}@media (prefers-reduced-motion:reduce){:is(body:has(.field-header) .comp-main .comp-card,body:has(.field-header) .comp-main .comp-index-card){transition:none}}@media (max-width:650px){body:has(.field-header) .comp-main{padding:32px 18px 70px}body:has(.field-header) .comp-index-intro{margin-bottom:34px}}