/* RelocationMath city atlas: legible real-data comparisons and responsive discovery. */
.metro-keyfacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}
.metro-keyfacts>div{padding:19px 21px;background:#e8f6ed;border:1px solid #c6e3d3;border-radius:14px;min-width:0}
.metro-keyfacts small,.metro-keyfacts span{display:block;font-size:12px;color:#406057}
.metro-keyfacts strong{display:block;font-size:28px;letter-spacing:-.05em;color:#173f35;margin:5px 0}
.metro-content h2{scroll-margin-top:90px}
.metro-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0 37px}
.metro-highlight{padding:19px;border-radius:12px;background:#f1faf4;border:1px solid #cce4d4;display:flex;flex-direction:column;gap:5px;text-decoration:none!important;min-width:0}
.metro-highlight:hover,.metro-highlight:focus-visible{background:#dff3e8}
.metro-highlight span{font-size:12px;font-weight:750;color:#2b6754}
.metro-highlight strong{font-size:23px;letter-spacing:-.05em;color:#173d35}
.metro-highlight small{font-size:11px;color:#477467}
.metro-table{max-width:100%;overflow:auto}
.metro-table table{min-width:715px}
.metro-table caption{text-align:left;font-size:12px;color:#557178;padding:12px}
.metro-table th[scope=row]{font-size:13px;color:#284951;text-align:left;font-weight:760}
.metro-table td{font-variant-numeric:tabular-nums;white-space:nowrap}
.metro-table td a{font-size:12px;font-weight:750}
.metro-table td.metro-positive{color:#17654a;font-weight:760}
.metro-table td.metro-negative{color:#844521;font-weight:760}
.metro-crosslinks{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}
.metro-crosslinks a{background:#eff8f2;border:1px solid #c7e0d2;padding:10px 13px;border-radius:9px;text-decoration:none!important;font-size:13px;font-weight:700}
.metro-crosslinks a:hover{background:#dff1e6}
.metro-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0}
.metro-filter label{font-size:14px;font-weight:750}
.metro-filter input{min-height:46px;min-width:min(100%,270px);flex:1;border-radius:10px;background:#fff;color:#183e38;border:1px solid #a4bcb0;padding:11px 14px}
.metro-filter span{font-size:13px;color:#506b70}
.metro-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:26px}
.metro-directory-card{display:flex;flex-direction:column;gap:6px;background:#f7fbf8;border:1px solid #d2e6da;border-radius:13px;padding:18px;text-decoration:none!important;min-width:0}
.metro-directory-card:hover,.metro-directory-card:focus-visible{background:#e7f5ea;border-color:#89cbb1;box-shadow:0 8px 18px #1b433010}
.metro-directory-card span{color:#347257;font-size:10px;font-weight:800;letter-spacing:.08em}
.metro-directory-card strong{font-size:21px;color:#184237;letter-spacing:-.04em}
.metro-directory-card small{font-size:12px;color:#526f74;min-height:34px}
.metro-directory-card em{font-size:12px;font-style:normal;color:#3f695e}
.metro-directory-card b{font-size:12px;color:#11684b;margin-top:10px}
.metro-directory-card[hidden],.metro-no-results[hidden]{display:none!important}
.metro-no-results{padding:20px;background:#fff6e5;border-radius:10px}
.metro-atlas-teaser{border:1px solid #c6e0cf;border-radius:13px;background:#eff8f2;padding:22px;margin:0 0 28px}
.metro-atlas-teaser strong{display:block;font-size:19px;color:#174c3c}
.metro-atlas-teaser p{font-size:14px;margin:7px 0 13px}
.metro-atlas-teaser a{font-weight:750;color:#176e52}
@media(max-width:900px){.metro-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.metro-directory,.metro-highlights,.metro-keyfacts{grid-template-columns:1fr}.metro-keyfacts strong{font-size:26px}}
