.candidate-tag{display:inline-flex;align-items:center;border:1px solid var(--border-default);border-radius:24px;padding:6px 14px;margin-top:22px;font-size:.78rem;color:var(--text-secondary)}.section-head h2{margin-top:14px}
.category-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border-hairline);border-radius:14px;overflow:hidden}.categorical-panel{padding:25px;border-inline-end:1px solid var(--panel-border)}.categorical-panel:last-child{border-inline-end:0}.categorical-panel .panel-head{align-items:start;gap:12px}.categorical-panel h3{font-size:1.05rem}.category-stripe{display:flex;height:8px;margin:12px 0 22px;gap:3px}.category-stripe i{flex:1;border-radius:2px}.categorical-panel .series-row{grid-template-columns:18px minmax(32px,1fr) 68px;gap:8px;margin:10px 0}.categorical-panel .series-bar{height:25px}.panel-description{color:var(--panel-meta);margin-top:24px;line-height:1.65}.category-demo{margin-top:26px;padding-top:20px;border-top:1px solid var(--panel-border);color:var(--panel-meta)}.category-chart{height:156px;display:flex;gap:6px;padding-top:24px;margin-top:4px;align-items:end}.category-chart>div{height:100%;flex:1;min-width:0;display:flex;justify-content:end;flex-direction:column;position:relative;gap:6px}.category-chart b{font:9px Mono,monospace;text-align:center}.category-chart i{display:block;border-radius:3px 3px 0 0;min-height:6px}.category-chart em{text-align:center;font-style:normal;font-size:12px;height:18px}.group-label{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-default);margin:32px 0 18px;padding-bottom:12px;gap:18px}.group-label h3{font-size:1.04rem}.group-label>span{font-size:.8rem;color:var(--text-metadata);white-space:nowrap}.family-group:first-child .group-label{margin-top:0}.family-title{display:flex;justify-content:space-between;gap:12px}.family-mode{font:10px Mono,monospace;color:var(--text-metadata)}.family-card .direction-name{font-size:.84rem;color:var(--text-secondary);min-height:2.8em;margin-bottom:10px}.family-card .family-unit{min-height:2.8em;margin:12px 0 0}.family-card .small-ramp{height:36px}.family-group .library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.family-group[data-family-group=cool] .library-grid,.family-group[data-family-group=diverging] .library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sample-grid{margin-top:26px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;border-top:1px solid var(--panel-border);padding-top:18px}.sample-label{grid-column:1/-1;font-size:.75rem;color:var(--panel-meta);margin-bottom:10px}.sample-cell{display:grid;gap:4px;text-align:center}.sample-cell i{display:block;height:38px;border:1px solid var(--panel-border);border-radius:3px}.sample-cell b{font:10px Mono,monospace;color:var(--panel-meta)}.result-note strong{line-height:1.9}.result-note>div{min-width:0}.class-key{gap:8px;margin-top:13px}.candidate-ramp{height:72px}.details table td{white-space:nowrap}
@media(max-width:1100px){.category-triptych{grid-template-columns:1fr 1fr}.categorical-panel:last-child{grid-column:1/-1}.categorical-panel:last-child .series-row{max-width:600px}.categorical-panel:last-child .category-chart{max-width:600px}.family-group .library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.family-group[data-family-group=cool] .library-grid,.family-group[data-family-group=diverging] .library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hero h1{letter-spacing:-.02em}.category-triptych{grid-template-columns:1fr}.categorical-panel{padding:22px;border-inline-end:0;border-bottom:1px solid var(--panel-border)}.categorical-panel:last-child{border-bottom:0}.hero{padding-top:36px}.family-group .library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-grid{gap:5px}.category-chart{gap:8px}.section-head{align-items:start}.category-stripe{height:10px}}
@media(max-width:480px){.family-group .library-grid,.family-group[data-family-group=cool] .library-grid,.family-group[data-family-group=diverging] .library-grid{grid-template-columns:1fr}.family-card .direction-name,.family-card .family-unit{min-height:0}.group-label{align-items:start}.group-label h3{font-size:.95rem}.candidate-tag{max-width:100%;font-size:.72rem}.categorical-panel{padding:19px}.categorical-panel h3{font-size:1rem}.sample-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media print{.category-triptych{grid-template-columns:repeat(3,minmax(0,1fr))}.categorical-panel:last-child{grid-column:auto}.category-chart i,.sample-cell i{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Three exact anchor labels remain readable at narrow widths. */
.anchor-values{display:flex;flex-wrap:wrap;gap:.35rem .65rem;line-height:1.6;margin:.65rem 0 1rem}
.anchor-values span{white-space:nowrap}