/* /towns/ comparison page (tools/build_towns_index.py) */
.tc .qas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.tc .qa{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px}
.tc .qa h3{margin:0 0 8px;font-size:1.25rem;line-height:1.25}
.tc .qa p{margin:0;font-size:1rem;line-height:1.5;color:#4A5357}
.tc table.cmp{min-width:860px;width:100%;border-collapse:collapse;font-size:1rem}
.tc table.cmp th,.tc table.cmp td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.tc table.cmp thead th{border-bottom:2px solid var(--ink);white-space:nowrap}
.tc table.cmp thead a{color:var(--ink)}
.tc table.cmp tbody th{text-align:left;font-weight:700;min-width:190px}
.tc table.cmp td.txt{font-size:.9375rem;color:#4A5357;min-width:120px}
.tc table.cmp td small{color:var(--muted)}
.tc table.cmp td:last-child,.tc table.cmp th:last-child{background:var(--sand)}
.tc .tbl{margin-top:20px}
.tc .tcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;margin-top:32px}
.tc .tcard img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r)}
.tc .tcard h3{margin:14px 0 2px;font-size:1.75rem}
.tc .tcard h3 a{color:var(--ink);text-decoration:none}
.tc .tc-line{margin:0 0 10px;color:#4A5357}
.tc .tc-kv{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:4px 24px;margin:0 0 10px}
.tc .tc-kv dt{font-size:.8125rem;color:var(--muted);margin:0}
.tc .tc-kv dd{margin:0;font-weight:700}
.tc .tc-first{font-size:1rem;line-height:1.5;margin:0 0 10px}
.tc .fit{margin:20px 0 0;padding:0;list-style:none}
.tc .fit li{padding:14px 0;border-bottom:1px solid var(--line);line-height:1.55}
.tc .fit li a{font-weight:700}
@media (max-width:900px){.tc .qas,.tc .tcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.tc .qas,.tc .tcards{grid-template-columns:1fr}}
@media (max-width:1023px){.tc table.cmp tbody th,.tc table.cmp thead th:first-child{position:sticky;left:0;z-index:1;background:#fff;box-shadow:1px 0 0 var(--line);min-width:150px;max-width:150px}}
.tc table.cmp thead th:first-child{white-space:normal;font-size:.875rem;color:var(--muted)}