.cn-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 16px;border-bottom:1px solid var(--border-subtle);min-height:80px}.cn-header-right{display:flex;gap:8px;align-items:center;flex-shrink:0}.cn-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-600);margin-bottom:5px;font-weight:600}.cn-meta{font-family:var(--font-mono);font-size:12px;color:var(--fg-muted);margin:0}.cn-eco-strip{display:flex;border-bottom:1px solid var(--border-subtle);background:var(--surface-1);overflow-x:auto}.cn-eco-item{display:flex;align-items:center;gap:8px;padding:10px 20px;border-right:1px solid var(--border-subtle);font-size:12.5px;white-space:nowrap;flex-shrink:0}.cn-eco-total{margin-left:auto;border-right:0}.cn-eco-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.cn-eco-lbl{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em}.cn-eco-val{font-family:var(--font-mono);font-size:12.5px;font-weight:700;color:var(--fg-primary)}.cn-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-subtle);gap:12px}.cn-filters{display:flex;gap:5px;flex-wrap:wrap}.cn-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--r-full);border:1px solid var(--border-strong);background:var(--surface-0);font-family:var(--font-mono);font-size:11px;color:var(--fg-secondary);cursor:pointer;transition:all 80ms ease}.cn-chip:hover{border-color:var(--brand-500);color:var(--brand-ink)}.cn-chip-on{border-color:var(--brand-500);color:var(--brand-ink);background:color-mix(in oklab,var(--brand-500) 8%,var(--surface-0))}.cn-sort-wrap{display:flex;align-items:center;gap:8px;flex-shrink:0}.cn-sort-lbl{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em}.cn-select{font-family:var(--font-mono);font-size:11.5px;padding:4px 8px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-0);color:var(--fg-primary);cursor:pointer}.cn-group{margin-top:24px}.cn-group+.cn-group{margin-top:32px}.cn-group-hd{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--brand-500)}.cn-group-icon{font-size:13px;line-height:1}.cn-group-lbl{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-primary)}.cn-group-ct{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-muted);background:var(--surface-2);border-radius:var(--r-full);padding:1px 7px}.cn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}.cn-card{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1px solid var(--border-subtle);border-radius:var(--r-lg);background:var(--surface-0);text-decoration:none;color:var(--fg-primary);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.cn-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--sh-md)}.cn-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.cn-code{font-family:var(--font-mono);font-size:15px;font-weight:700;letter-spacing:-.01em}.cn-badge{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:var(--r-sm);font-weight:600;white-space:nowrap;transition:box-shadow .12s ease}.cn-s-mandatory{background:color-mix(in oklab,var(--success) 12%,var(--surface-0));color:var(--brand-700);border:1px solid color-mix(in oklab,var(--success) 35%,transparent)}.cn-s-active{background:color-mix(in oklab,var(--warning) 10%,var(--surface-0));color:#92580a;border:1px solid color-mix(in oklab,var(--warning) 35%,transparent)}.cn-s-phasing-out{background:color-mix(in oklab,var(--fg-muted) 8%,var(--surface-0));color:#6b7280;border:1px solid color-mix(in oklab,var(--fg-muted) 25%,transparent)}.cn-s-legacy{background:transparent;color:var(--fg-muted);border:1px solid var(--border-strong)}.cn-s-experimental{background:color-mix(in oklab,var(--info) 10%,var(--surface-0));color:#1d4ed8;border:1px solid color-mix(in oklab,var(--info) 30%,transparent)}.cn-card:hover .cn-s-mandatory{box-shadow:0 0 0 2px color-mix(in oklab,var(--success) 18%,transparent)}.cn-card:hover .cn-s-active{box-shadow:0 0 0 2px color-mix(in oklab,var(--warning) 18%,transparent)}[data-theme=dark] .cn-s-mandatory{color:var(--brand-300)}[data-theme=dark] .cn-s-active{color:#fbbf24}[data-theme=dark] .cn-s-phasing-out{color:#9ca3af}[data-theme=dark] .cn-s-experimental{color:#93c5fd}.cn-subhead{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-muted);margin-top:-4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cn-icon-block{display:flex;align-items:center;justify-content:center;height:68px;border:1px solid var(--border-subtle);border-radius:var(--r-md);background:var(--surface-1);color:var(--fg-primary)}.cn-intel{font-size:11.5px;color:var(--fg-secondary);font-style:italic;line-height:1.4}.cn-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid var(--border-subtle);border-radius:var(--r-md);overflow:hidden}.cn-m{display:flex;flex-direction:column;padding:7px 10px;border-right:1px solid var(--border-subtle)}.cn-m-last{border-right:0}.cn-mn{font-family:var(--font-mono);font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--fg-primary);line-height:1.2}.cn-mn-r{font-size:11px;font-weight:600}.cn-ml{font-family:var(--font-mono);font-size:9px;color:var(--fg-faint);letter-spacing:.06em;text-transform:uppercase;margin-top:2px}.cn-regional{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-muted);padding:5px 8px;background:var(--surface-1);border-radius:var(--r-sm);line-height:1.4}.cn-caps{display:flex;flex-wrap:wrap;gap:4px}.cn-cap{font-family:var(--font-mono);font-size:10px;padding:2px 6px;border-radius:3px;border:1px solid var(--border-subtle);color:var(--fg-secondary);background:var(--surface-0);white-space:nowrap}.cn-hint{font-family:var(--font-mono);font-size:10.5px;color:var(--brand-600);letter-spacing:.04em;opacity:0;transition:opacity .12s ease;margin-top:auto}.cn-card:hover .cn-hint{opacity:1}.cn-api-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px;padding:11px 16px;border:1px solid var(--border-subtle);border-radius:var(--r-md);background:var(--surface-1);font-family:var(--font-mono);font-size:12px;color:var(--fg-muted)}.cn-api-path{color:var(--fg-primary);background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:3px;padding:1px 7px;font-family:var(--font-mono);font-size:12px}.cn-api-desc{color:var(--fg-muted);font-size:11px}.cn-api-lnk{margin-left:auto;color:var(--brand-600);font-size:12px;white-space:nowrap}.cn-api-lnk:hover{color:var(--brand-500)}@media(max-width:768px){.cn-header{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 0 12px;min-height:auto}.cn-eco-item{padding:8px 14px}.cn-toolbar{flex-direction:column;align-items:flex-start;gap:8px}.cn-grid{grid-template-columns:1fr}.cn-api-desc{display:none}}