@layer reset, tokens, base, layout, components, utilities;
@layer components{
/* == c-ix ====== */
.c-ix-sec{display:grid;gap:var(--sp-3);align-content:start;min-inline-size:0}
.c-ix-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--sp-1) var(--sp-3);min-inline-size:0}
.c-ix-count{font:var(--t-meta);color:var(--text-3);font-variant-numeric:tabular-nums lining-nums}
.c-ix-grid{display:grid;grid-template-columns:minmax(0,1fr);column-gap:var(--sp-4);list-style:none;padding:0;margin:0;min-inline-size:0}
.c-ix-grid>li{min-inline-size:0}
.c-ix-link{display:flex;align-items:center;gap:var(--sp-2);min-block-size:var(--tap);padding-inline:var(--sp-2);border-block-end:1px solid var(--line-1);color:var(--text-1);font:var(--t-data);min-inline-size:0;transition:background-color var(--dur-1) var(--ease-out)}
.c-ix-link:hover{background:var(--surface-1);text-decoration:none}
.c-ix-link:focus-visible{outline-offset:-2px}
.c-ix-name{flex:1;display:grid;min-inline-size:0}
.c-ix-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-ix-sub{font:var(--t-meta);color:var(--text-3)}
.c-ix-code{flex:none;font:600 var(--fs-13)/1 var(--font-score);color:var(--text-3);font-variant-numeric:tabular-nums lining-nums}
.c-ix-crest{position:relative;inline-size:24px;block-size:24px;vertical-align:middle;font:600 var(--fs-12)/1 var(--font-score)}
.c-ix-crest img{position:absolute;inset:0;inline-size:100%;block-size:100%;max-inline-size:24px;object-fit:contain;border-radius:inherit}
.c-ix-tiles{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--grid-gap);list-style:none;padding:0;margin:0;min-inline-size:0}
.c-ix-tile{display:grid;gap:var(--sp-2);align-content:start;min-inline-size:0;padding:var(--sp-3) var(--sp-4);background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--r-3)}
.c-ix-tile__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2);min-inline-size:0}
.c-ix-tile__name{font:var(--t-body);font-weight:600;color:var(--text-1);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-ix-tile__n{flex:none;font:600 var(--fs-18)/1 var(--font-score);color:var(--text-1);font-variant-numeric:tabular-nums lining-nums}
.c-ix-tile ul{display:grid;list-style:none;padding:0;margin:0}
.c-ix-tile li a{display:flex;align-items:center;min-block-size:var(--tap);font:var(--t-data);color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-ix-tile li a:hover{color:var(--text-1)}
.c-ix-all{display:inline-flex;align-items:center;min-block-size:var(--tap);font:var(--t-data);font-weight:600;color:var(--link)}
a.c-ix-tile{color:inherit}
a.c-ix-tile:hover{border-color:var(--line-hover);text-decoration:none}
.c-ix-az{display:flex;flex-wrap:wrap;gap:var(--sp-1);list-style:none;padding:0;margin:0}
.c-ix-az a{display:inline-grid;place-items:center;min-inline-size:var(--tap);min-block-size:var(--tap);border:1px solid var(--line-2);border-radius:var(--r-2);font:600 var(--fs-14)/1 var(--font-sans);color:var(--text-2)}
.c-ix-az a:hover{color:var(--text-1);border-color:var(--line-hover);text-decoration:none}
.c-ix-az a[aria-current]{background:var(--text-1);border-color:var(--text-1);color:var(--text-on-cta)}
.c-ix-search{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);min-inline-size:0}
.c-ix-search label{font:var(--t-data);font-weight:600;color:var(--text-2)}
.c-ix-search input{flex:1 1 12rem;min-inline-size:0;block-size:var(--tap);padding-inline:var(--sp-3);background:var(--surface-1);border:1px solid var(--line-control);border-radius:var(--r-1);font:var(--t-body);color:var(--text-1)}
.c-ix-search input::placeholder{color:var(--text-3)}
.c-ix-status{font:var(--t-data);color:var(--text-3);font-variant-numeric:tabular-nums lining-nums}
.c-ix-hide{display:none}
@media (max-width:37.49em){.c-ix-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.c-ix-tile ul{display:none}.c-ix-tile{padding:var(--sp-2) var(--sp-3);gap:0}}
@media (min-width:37.5em){.c-ix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.c-ix-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:56.25em){.c-ix-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.c-ix-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.c-ix-link{min-block-size:40px}.c-ix-search input{flex:0 1 28rem}}
@media (min-width:68.75em){.c-ix-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.c-ix-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
}