:root{--band-A: #6f7f3c;--band-B: #a0662a;--band-C: #3d6070;--band-D: #7a5a86;--band-E: #8a6d1f}:root:is([data-design=owl-night],[data-design=owl-mono]){--band-A: #b6c98a;--band-B: #e3a86a;--band-C: #8fb7c8;--band-D: #c3a3d1;--band-E: #e2c36c}.band-A{--band: var(--band-A)}.band-B{--band: var(--band-B)}.band-C{--band: var(--band-C)}.band-D{--band: var(--band-D)}.band-E{--band: var(--band-E)}.typical{padding:.6rem 1.1rem}.typical-row{display:grid;grid-template-columns:minmax(10rem,1.3fr) minmax(8rem,2fr) 8.5rem 3.5rem;gap:.8rem 1.2rem;align-items:center;padding-block:.75rem;border-bottom:1px solid var(--line)}.typical-row:last-child{border-bottom:0}.typical-name{font-weight:600;text-decoration:none}.typical-name:hover{color:var(--olive)}.typical-bar{position:relative;height:.75rem;border-radius:999px;background:var(--card-2)}.typical-bar i{position:absolute;inset:0 auto 0 0;border-radius:999px;background:var(--olive)}.typical-bar b{position:absolute;top:-.3rem;bottom:-.3rem;width:2px;background:var(--text);opacity:.65}.typical-share{font-size:.85rem;font-variant-numeric:tabular-nums;display:grid}.typical-share small{color:var(--faint);font-size:.76rem}.typical-lift{font:800 1.15rem var(--sans);color:var(--amber);text-align:right;font-variant-numeric:tabular-nums}.family-link{padding:1.4rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem}.family-link h2{font-size:1.5rem;margin-block:.6rem}.family-link p:not(.overline){color:var(--muted);max-width:40rem}.code-nav{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}@media (max-width: 700px){.typical-row{grid-template-columns:minmax(0,1fr) auto}.typical-bar{grid-column:1 / -1;grid-row:2}.typical-share{grid-row:3}.typical-lift{grid-row:1;grid-column:2}}.family-codes,.family-list{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem .5rem}.family-codes li,.family-list li{display:inline-flex;gap:.35rem;align-items:baseline;padding:.3rem .75rem;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:.88rem}.family-codes a,.family-list a{color:var(--text);text-decoration:none}.family-codes a:hover,.family-list a:hover{color:var(--olive)}.family-codes b{font-family:var(--mono);color:var(--olive)}.family-codes span,.family-list span{font-family:var(--mono);font-size:.75rem;color:var(--faint)}.family-codes .family-train{color:var(--olive);font-size:.8rem}