/* Pagine elenco: indice per regione e comuni di una provincia */
.wrap.wide { max-width: 1040px; }
.crumbs { margin: -10px 0 16px; font-size: 13px; color: var(--muted); }
.crumbs a { color: var(--muted); }
.crumbs span { color: var(--ink); }
.reg h2, .letter h2 { margin-top: 26px; }
.letter h2 { font: 700 22px/1 var(--f-display); color: var(--accent); border-bottom: 1px solid var(--line); padding-bottom: 8px; }
ul.cols { list-style: none; margin: 10px 0 0; padding: 0; columns: 3 220px; column-gap: 26px; }
ul.cols li { break-inside: avoid; display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 5px 0; border-bottom: 1px dashed var(--line); max-width: none; margin: 0; }
ul.cols li::marker { content: none; }
ul.cols a { text-decoration: none; color: var(--ink); }
ul.cols a:hover { color: var(--accent); text-decoration: underline; }
ul.cols span { font: 12px var(--f-mono); color: var(--muted); white-space: nowrap; }
.letters { display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0 4px; }
.letters a { display: grid; place-items: center; min-width: 34px; height: 34px; padding: 0 6px; border-radius: 9px; background: var(--field); border: 1px solid var(--line); text-decoration: none; font: 600 14px var(--f-mono); color: var(--ink); }
.letters a:hover { border-color: var(--accent); color: var(--accent); }
.lede a { color: var(--accent); }
.foot a { color: var(--muted); }