.seo-city-related{padding:36px 0 48px;border-top:3px solid #007bff;background:#fff;content-visibility:auto;contain-intrinsic-size:0 500px}
.seo-city-related+.seo-city-related{border-top:2px solid #e2eaf3}
.seo-city-related__header{text-align:center;margin-bottom:24px;padding:0 16px}
.seo-city-related__eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#0056b3;margin-bottom:8px;padding:3px 12px;border:1px solid rgba(0,86,179,.3);border-radius:100px}
.seo-city-related__title{font-size:clamp(1.15rem,4vw,1.7rem);font-weight:700;color:#1e293b;line-height:1.35;margin:0 0 10px}
.seo-city-related__city-name{color:#0056b3;font-weight:900}
.seo-city-related__divider{display:block;width:40px;height:3px;background:#007bff;border-radius:2px;margin:0 auto}
.seo-city-related__grid{display:grid;grid-template-columns:1fr;gap:10px;padding:0 16px}
@media(min-width:580px){.seo-city-related__grid{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(min-width:900px){.seo-city-related__grid{grid-template-columns:repeat(3,1fr);gap:20px;padding:0}}
.seo-crc{background:#fff;border-radius:10px;overflow:hidden;border:1px solid #e2eaf3;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.seo-crc__link{display:flex;flex-direction:row;text-decoration:none;color:inherit;min-height:96px}
@media(min-width:580px){.seo-crc__link{flex-direction:column;min-height:unset}}
.seo-crc__visual{width:110px;min-width:110px;overflow:hidden;background:#e8f0fe;flex-shrink:0}
@media(min-width:580px){.seo-crc__visual{width:100%;min-width:unset;aspect-ratio:16/9}}
.seo-crc__visual img{width:100%;height:100%;object-fit:cover;display:block}
.seo-crc__no-img{display:block;width:100%;height:100%;background:#e8f0fe;min-height:96px}
@media(min-width:580px){.seo-crc__no-img{min-height:unset}}
.seo-crc__body{padding:10px 12px;display:flex;flex-direction:column;gap:5px;flex:1;justify-content:center}
@media(min-width:580px){.seo-crc__body{padding:12px 14px 14px;justify-content:flex-start}}
.seo-crc__badge{display:inline-flex;align-items:center;gap:3px;background:#0056b3;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:100px;align-self:flex-start;line-height:1.4}
.seo-crc__badge--green{background:#1a7f4e}
.seo-crc__badge-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.6)}
.seo-crc__title{color:#1e293b;font-size:.875rem;font-weight:600;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.seo-crc__more{display:inline-flex;align-items:center;gap:4px;color:#0056b3;font-size:11px;font-weight:600;margin-top:auto;padding-top:6px}
.seo-crc__more::after{content:'←';font-size:12px}
@media(hover:hover){
.seo-crc{transition:transform .2s ease,box-shadow .2s ease}
.seo-crc:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,123,255,.14);border-color:rgba(0,123,255,.35)}
.seo-crc__visual img{transition:transform .35s ease}
.seo-crc:hover .seo-crc__visual img{transform:scale(1.05)}
.seo-crc__title{transition:color .15s}
.seo-crc:hover .seo-crc__title{color:#007bff}
}