/* v115: the Charts page (/charts/): one card for each chart explorer */
.chart-cards{display:grid;gap:clamp(14px,2.2vw,24px);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:760px){.chart-cards{grid-template-columns:minmax(0,1fr)}}
.chart-card{position:relative;display:flex;flex-direction:column;min-width:0;color:var(--ink);text-decoration:none;border:1px solid var(--rule);border-radius:6px;background:color-mix(in srgb,var(--surface) 93%,transparent);overflow:hidden;transition:border-color .15s}
.chart-card:hover,.chart-card:focus-within{border-color:var(--accent)}
.chart-pic{display:block;width:100%;height:clamp(170px,24vw,230px);object-fit:cover;object-position:top center;background:#fff;border-bottom:1px solid var(--rule)}
.chart-b{display:flex;flex-direction:column;gap:6px;padding:clamp(14px,2vw,22px);flex:1}
.chart-b h2{margin:0;font:700 clamp(21px,2.4vw,26px)/1.2 var(--serif)}
.chart-b .chart-k{margin:0;font:600 13px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.chart-b .chart-d{margin:0;font:400 clamp(16px,1.7vw,17.5px)/1.45 var(--serif)}
.chart-b .chart-m{margin:0;font:400 14.5px/1.4 var(--sans);color:var(--muted)}
.chart-go{margin-top:auto;padding-top:6px;font:700 16px/1.2 var(--sans);color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.chart-go::after{content:"";position:absolute;inset:0;border-radius:6px}
.chart-go:focus-visible{outline:none}
.chart-go:focus-visible::after{outline:2px solid var(--accent);outline-offset:2px}
@media print{.chart-pic{display:none}}