@layer components{.at-tabs{display:flex;gap:var(--space-2);position:sticky;top:0;z-index:20;margin:0 calc(var(--page-pad) * -1) var(--space-5);padding:var(--space-3) var(--page-pad);background:var(--card);border-bottom:1px solid var(--border-soft)}.at-tab{padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;color:var(--muted);text-decoration:none;transition:color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.at-tab:hover{color:var(--fg);border-color:var(--meta)}.at-tab.is-active{background:var(--fg);border-color:var(--fg);color:var(--card)}.at-tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.at-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-bottom:var(--space-5)}.at-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.at-chip{padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-pill);background:none;font-size:var(--text-xs);font-weight:600;color:var(--muted);cursor:pointer;transition:color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.at-chip:hover{color:var(--fg);border-color:var(--meta)}.at-chip.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.at-chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}.at-chip-n{margin-left:5px;font-family:var(--font-mono);font-weight:500;opacity:.75}.at-search{position:relative;margin-left:auto}.at-search input{width:240px;max-width:100%;padding:8px 12px 8px 34px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);color:var(--fg);font-size:var(--text-sm)}.at-search input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.at-search-ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--meta);line-height:0}.at-search-ico svg{width:15px;height:15px}.at-list{--at-cols:minmax(150px,1.1fr) minmax(110px,.8fr) minmax(110px,.8fr) minmax(130px,1fr)}.at-thead{display:grid;grid-template-columns:var(--at-cols);gap:var(--space-4);padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--border);font-size:var(--text-xs);font-weight:600;color:var(--muted);letter-spacing:.02em}.at-row{display:grid;grid-template-columns:var(--at-cols);gap:var(--space-4);align-items:baseline;padding:var(--space-4) var(--space-2);border-bottom:1px solid var(--border-soft);color:inherit;text-decoration:none;transition:background-color var(--motion-fast) var(--ease-standard)}.at-row:hover{background:color-mix(in oklab,var(--accent),transparent 95%)}.at-row:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.at-c-name b{font-weight:600}.at-c-name em{display:block;font-style:normal;font-size:var(--text-xs);color:var(--meta)}.at-c-dim{font-size:var(--text-sm);color:var(--fg-2)}.at-c-dim .none{color:var(--meta)}.at-empty{padding:var(--space-7) 0;text-align:center;font-size:var(--text-sm);color:var(--meta)}.at-badge{display:inline-block;padding:3px 9px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.at-badge--screen_size{background:color-mix(in oklab,var(--accent),transparent 86%);color:var(--accent)}.at-badge--altitude{background:color-mix(in oklab,var(--success),transparent 86%);color:var(--success)}.at-badge--defect_count{background:color-mix(in oklab,var(--warn),transparent 84%);color:color-mix(in oklab,var(--warn),var(--fg) 25%)}.at-badge--cupping,.at-badge--density,.at-badge--preparation,.at-badge--mixed{background:color-mix(in oklab,var(--muted),transparent 86%);color:var(--muted)}.at-badge--kind,.at-badge--l1{background:color-mix(in oklab,var(--muted),transparent 88%);color:var(--muted)}.at-conf{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;vertical-align:middle;cursor:help}.at-conf--disputed{background:color-mix(in oklab,var(--warn),transparent 82%);color:color-mix(in oklab,var(--warn),var(--fg) 30%)}.at-conf--reported{background:color-mix(in oklab,var(--muted),transparent 88%);color:var(--muted)}.at-conf--unverified{background:none;border:1px dashed var(--border);color:var(--meta);cursor:default}.at-back{display:inline-block;margin-bottom:var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--muted);text-decoration:none}.at-back:hover{color:var(--accent)}.at-head{margin-bottom:var(--space-5)}.at-head h2{margin:0 0 var(--space-1);font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.01em}.at-head .en{margin-right:var(--space-2);color:var(--meta);font-weight:500}.at-head-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;font-size:var(--text-sm);color:var(--fg-2)}.at-profile{margin:0 0 var(--space-6);border:1px solid var(--border-soft);border-radius:var(--radius-md);overflow:hidden}.at-profile>div{display:grid;grid-template-columns:150px 1fr;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-soft)}.at-profile>div:last-child{border-bottom:none}.at-profile>div:nth-child(odd){background:color-mix(in oklab,var(--bg),var(--card) 40%)}.at-profile dt{margin:0;font-size:var(--text-xs);font-weight:600;color:var(--muted)}.at-profile dd{margin:0;font-size:var(--text-sm);color:var(--fg)}.at-profile dd .sub-note{display:block;margin-top:2px;font-size:var(--text-xs);color:var(--meta)}.at-prose{max-width:72ch}.at-prose p{margin:0 0 var(--space-4);font-size:var(--text-sm);line-height:1.85;color:var(--fg-2)}.at-links{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-5) 0 var(--space-6)}.at-golink{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);font-size:var(--text-sm);font-weight:600;color:var(--accent);text-decoration:none;transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.at-golink:hover{background:var(--surface,var(--bg));border-color:var(--meta)}.at-src{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-soft);font-size:var(--text-xs);color:var(--meta);line-height:1.8}.at-src b{color:var(--muted);font-weight:600}.at-src a{color:inherit;text-decoration:underline;text-underline-offset:2px}.at-src .tier{display:inline-block;margin-right:4px;padding:0 5px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:10px}.at-l1note{margin:0 0 var(--space-5);padding:var(--space-3) var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--muted);line-height:1.7}.at-warnbox{margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);border:1px solid color-mix(in oklab,var(--warn),transparent 55%);border-radius:var(--radius-md);background:color-mix(in oklab,var(--warn),transparent 92%)}.at-warnbox b{display:block;margin-bottom:var(--space-1);font-size:var(--text-sm);color:color-mix(in oklab,var(--warn),var(--fg) 35%)}.at-warnbox p{margin:0;font-size:var(--text-xs);line-height:1.7;color:var(--fg-2)}.at-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--space-4)}.at-card{display:block;padding:var(--space-4) var(--space-5);border:1px solid var(--border-soft);border-radius:var(--radius-md);color:inherit;text-decoration:none;transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.at-card:hover{border-color:var(--meta);box-shadow:var(--elev-raised,none)}.at-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.at-card h3{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--text-base);font-weight:600}.at-card .codes{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);line-height:1.8;word-break:break-word}.at-levels{width:100%;table-layout:fixed;border-collapse:collapse;margin:var(--space-4) 0 var(--space-5)}.at-levels col.c-code{width:130px}.at-levels col.c-crit{width:44%}.at-levels th{padding:var(--space-2);border-bottom:1px solid var(--border);text-align:left;font-size:var(--text-xs);font-weight:600;color:var(--muted)}.at-levels td{padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--border-soft);font-size:var(--text-sm);vertical-align:top;word-break:keep-all;overflow-wrap:break-word}.at-levels td.code{font-family:var(--font-mono);font-weight:600}.at-levels .dispute{display:block;margin-top:3px;font-size:var(--text-xs);color:color-mix(in oklab,var(--warn),var(--fg) 30%)}.at-levels .lvnote{color:var(--fg-2)}.at-nonstd{margin:0 0 var(--space-5);padding:var(--space-3) var(--space-4);border-left:3px solid var(--warn);background:color-mix(in oklab,var(--warn),transparent 94%);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--text-xs);line-height:1.8;color:var(--fg-2)}.at-nonstd b{font-family:var(--font-mono)}.at-warnlist{margin:0 0 var(--space-5);padding-left:1.2em;font-size:var(--text-xs);line-height:1.9;color:var(--muted)}.at-lineage{margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--fg-2)}.at-lineage a{color:var(--accent);text-decoration:none}.at-lineage a:hover{text-decoration:underline}.at-lineage .sep{margin:0 6px;color:var(--meta)}.at-traits{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.at-trait{padding:5px 11px;border:1px solid var(--border-soft);border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--fg-2);background:var(--bg)}.at-trait b{margin-right:4px;font-weight:600;color:var(--muted)}@media(max-width:880px){.at-tabs{top:62px}.at-search{margin-left:0;flex:1 1 100%}.at-search input{width:100%}.at-thead{display:none}.at-list{--at-cols:1fr}.at-row{grid-template-columns:1fr;gap:var(--space-1)}.at-profile>div{grid-template-columns:1fr;gap:2px}.at-levels thead{display:none}.at-levels,.at-levels tbody,.at-levels tr,.at-levels td{display:block;width:100%}.at-levels tr{padding:var(--space-3) 0;border-bottom:1px solid var(--border-soft)}.at-levels td{padding:2px 0;border-bottom:none}.at-levels td.code{font-size:var(--text-sm)}.at-levels td:empty{display:none}}}