/* Theme pages (/themes/...): the numbers row, the events-per-year chart and the regions list.
   Colours come only from the site's own variables (site.css); the bars use the theme's category hue like card edges. */
.pg .tnum{list-style:none;margin:4px 0 8px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pg .tnum li{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:18px;background:var(--sheet);border:1px solid var(--line);color:var(--sheetink)}
.pg .tnum strong{font-size:28px;line-height:1.05;font-weight:800;font-stretch:85%;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pg .tnum span{font-size:14.5px;line-height:1.3;color:var(--sheetmute)}
@media (min-width:640px){ .pg .tnum{grid-template-columns:repeat(4,minmax(0,1fr))} }

.pg .tchart{margin:0 0 6px;padding:14px 12px 10px;border-radius:22px;background:var(--sheet);border:1px solid var(--line)}
.pg .tc{list-style:none;margin:0;padding:0;display:flex;gap:6px;align-items:stretch}
.pg .tc li{flex:1 1 0;min-width:0}
.pg .tc a,.pg .tc .tc-0{display:flex;flex-direction:column;align-items:stretch;gap:4px;height:100%;min-height:44px;text-decoration:none;color:var(--sheetink);border-radius:10px;padding:2px 0}
.pg .tc .tc-n{text-align:center;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.pg .tc .tc-b{display:flex;align-items:flex-end;height:150px}
.pg .tc .tc-b span{display:block;width:100%;min-height:2px;border-radius:6px 6px 2px 2px;background:hsl(var(--h) var(--catS) var(--catL))}
.pg .tc .tc-y{text-align:center;font-size:13px;font-weight:700;color:var(--sheetmute);font-variant-numeric:tabular-nums}
.pg .tc a:hover .tc-b span,.pg .tc a:focus-visible .tc-b span{background:var(--teal)}
.pg .tc a:hover .tc-y{color:var(--teal);text-decoration:underline}
@media (min-width:640px){ .pg .tc{gap:10px} .pg .tc .tc-b{height:180px} .pg .tc .tc-n{font-size:17px} .pg .tc .tc-y{font-size:15px} }
.pg .tchart figcaption{margin:6px 2px 0;font-size:14px;color:var(--sheetmute)}

.pg .treg{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pg .treg li{display:grid;grid-template-columns:minmax(0,8.5em) minmax(0,1fr) 2.6em;align-items:center;gap:10px;font-size:15.5px}
.pg .treg .trn{font-weight:700;overflow-wrap:anywhere}
.pg .treg .trb{height:12px;border-radius:6px;background:var(--chip);overflow:hidden}
.pg .treg .trb span{display:block;height:100%;border-radius:6px;background:var(--teal)}
.pg .treg .trc{text-align:right;color:var(--mute);font-weight:700;font-variant-numeric:tabular-nums}

.pg .tlist .nv{font-size:20px}