/* Page-type sheet for /locations/*. Lifted verbatim out of 45 identical inline
   copies on 2026-09-06. Loads after cfg-components.css, which is where the inline
   block sat, so the cascade is unchanged. */
body { font-family: 'Lora', serif; color: #4A4A4A; background-color: #F2F4F6; }
h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif; color: #0B1A3B; }
.gradient-bar { height: 0.25rem; width: 100%;
background: linear-gradient(to right, #0B1A3B, #0D5692, #0AACD4, #14C4D0, #6FE4D0); }
.ind-hero { position: relative; overflow: hidden;
background: linear-gradient(135deg, #0B1A3B 0%, #0D5692 60%, #0B1A3B 100%); color: #fff; }
.ind-hero::before { content: ''; position: absolute; inset: 0;
background: radial-gradient(ellipse 60% 50% at 20% 30%, rgba(20,196,208,0.18) 0%, transparent 60%),
radial-gradient(ellipse 55% 45% at 80% 75%, rgba(111,228,208,0.13) 0%, transparent 55%);
pointer-events: none; }
.ind-hero::after { content: ''; position: absolute; inset: 0;
background-image: radial-gradient(rgba(255,255,255,0.08) 1.2px, transparent 1.2px);
background-size: 32px 32px;
mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black 30%, transparent 80%);
-webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black 30%, transparent 80%);
pointer-events: none; }
.feature-card { background: #fff; border: 1px solid rgba(11,26,59,0.08); border-radius: 14px;
padding: 1.75rem; transition: transform 0.3s cubic-bezier(0.16,1,0.3,1), box-shadow 0.3s ease, border-color 0.3s ease; }
.feature-card:hover { transform: translateY(-3px); border-color: rgba(20,196,208,0.4);
box-shadow: 0 22px 50px -20px rgba(11,26,59,0.16); }
.feature-card__icon { width: 44px; height: 44px; border-radius: 12px;
background: linear-gradient(135deg, rgba(20,196,208,0.15), rgba(111,228,208,0.15));
display: inline-flex; align-items: center; justify-content: center; color: #0D5692;
margin-bottom: 1rem; }
.compare-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
@media (max-width: 720px) { .compare-grid { grid-template-columns: 1fr; } }
.compare-col { padding: 1.5rem 1.75rem; border-radius: 14px; }
.compare-col--bad { background: #fff; border: 1px solid rgba(11,26,59,0.08); color: #4A4A4A; }
.compare-col--good { background: linear-gradient(135deg, #0B1A3B 0%, #0D5692 100%); color: #fff; border: 1px solid rgba(20,196,208,0.35); }
.compare-col__title { font-family: 'Poppins',sans-serif; font-weight: 600; font-size: 1.05rem; margin-bottom: 0.75rem; letter-spacing: -0.01em; }
.compare-col--bad .compare-col__title { color: rgba(11,26,59,0.65); }
.compare-col__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.9rem; line-height: 1.5; }
.compare-col__list li { display: flex; gap: 0.5rem; align-items: flex-start; }
.compare-col--good .compare-col__list li::before { content: '✓'; color: #6FE4D0; font-weight: 700; flex-shrink: 0; }
.compare-col--bad .compare-col__list li::before { content: '×'; color: rgba(11,26,59,0.4); font-weight: 700; flex-shrink: 0; }
.city-fact-card { background: linear-gradient(135deg, rgba(20,196,208,0.06), rgba(111,228,208,0.06));
border: 1px solid rgba(20,196,208,0.18); border-radius: 12px; padding: 1.25rem 1.5rem; }
.city-fact-card dt { font-family: 'Poppins', sans-serif; font-size: 11px; letter-spacing: 0.18em;
text-transform: uppercase; color: rgba(11,26,59,0.6); margin-bottom: 0.25rem; }
.city-fact-card dd { font-family: 'Poppins', sans-serif; color: #0B1A3B; font-weight: 600; font-size: 0.95rem; margin: 0; }