.lc-zone { padding-bottom: 3rem; }
.lc-zone__intro { font-size: 1.05rem; line-height: 1.7; color: #444; max-width: 54rem; margin: 0 0 2rem; }

.lc-zone-stats { display: flex; flex-wrap: wrap; gap: 1.25rem; margin: 1.5rem 0; padding: 0; }
.lc-zone-stats > div { flex: 1 1 140px; background: #f8f9fa; border-radius: 10px; padding: 1rem 1.25rem; }
.lc-zone-stats dt { font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; color: #888; margin-bottom: .25rem; }
.lc-zone-stats dd { margin: 0; font-weight: 600; font-size: 1.15rem; }
.lc-zone-stats dd small { font-weight: 400; color: #888; }
.lc-zone-stats__sub { font-size: .8rem !important; font-weight: 400 !important; color: #999 !important; margin-top: .15rem !important; }
.lc-zone-stats__note { font-size: .8rem; color: #999; margin: 0 0 1.5rem; }

.lc-zone-filters { margin: 1.5rem 0; }
.lc-zone-filters__row { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-bottom: .75rem; }
.lc-zone-filters__label { font-size: .8rem; font-weight: 600; color: #666; min-width: 5rem; }
.lc-zone-chip { display: inline-flex; align-items: center; gap: .35rem; padding: .4rem .85rem; border-radius: 999px; font-size: .85rem; text-decoration: none; color: #555; background: #f0f0f0; transition: background .15s, color .15s; }
.lc-zone-chip:hover { background: #e0e0e0; color: #333; }
.lc-zone-chip.is-active { background: var(--lc-cm-accent, #4a7c59); color: #fff; }
.lc-zone-chip b { font-weight: 600; }

.lc-zone-clear { font-size: .85rem; color: var(--lc-cm-accent, #4a7c59); }

.lc-zone-grid { margin-top: 1.5rem; }

.lc-zone-pagination { margin: 2rem 0; text-align: center; }
.lc-zone-pagination ul { list-style: none; padding: 0; margin: 0; display: inline-flex; gap: .25rem; }
.lc-zone-pagination li { display: inline; }
.lc-zone-pagination a, .lc-zone-pagination span.current { display: inline-block; padding: .5rem .85rem; border-radius: 6px; font-size: .9rem; text-decoration: none; color: #555; background: #f0f0f0; }
.lc-zone-pagination a:hover { background: #e0e0e0; }
.lc-zone-pagination span.current { background: var(--lc-cm-accent, #4a7c59); color: #fff; font-weight: 600; }

.lc-zone-nearby { margin: 2.5rem 0 1rem; }
.lc-zone-nearby h2 { font-size: 1.1rem; font-weight: 600; margin-bottom: .75rem; }
.lc-zone-nearby__links { display: flex; flex-wrap: wrap; gap: .5rem; }
.lc-zone-nearby__links a { display: inline-flex; justify-content: space-between; align-items: center; gap: .5rem; padding: .5rem 1rem; background: #f8f9fa; border-radius: 8px; text-decoration: none; color: #333; font-size: .9rem; transition: background .15s; }
.lc-zone-nearby__links a:hover { background: #e8e8e8; }
.lc-zone-nearby__links b { color: #888; font-size: .8rem; }

.lc-zone-guide { margin-top: 3rem; padding-top: 2.5rem; border-top: 1px solid #eee; }
.lc-zone-guide__body { max-width: 48rem; }
.lc-zone-guide__body h3 { font-size: 1.05rem; font-weight: 600; margin: 1.5rem 0 .5rem; }
.lc-zone-guide__body p { font-size: .95rem; line-height: 1.7; color: #444; margin: 0 0 .75rem; }
.lc-zone-guide__list { padding-left: 1.25rem; margin: .5rem 0 1rem; }
.lc-zone-guide__list li { font-size: .95rem; line-height: 1.6; color: #444; margin-bottom: .4rem; }

.lc-zone-footer-zones { margin: 1.5rem 0 0; }
.lc-zone-footer-zones h2 { font-size: .85rem; font-weight: 600; color: rgba(255,255,255,.7); margin-bottom: .5rem; }
.lc-zone-footer-zones__list { display: flex; flex-wrap: wrap; gap: .25rem .75rem; padding: 0; margin: 0; list-style: none; }
.lc-zone-footer-zones__list a { font-size: .8rem; color: rgba(255,255,255,.55); text-decoration: none; }
.lc-zone-footer-zones__list a:hover { color: #fff; }

@media (max-width: 640px) {
	.lc-zone-stats { flex-direction: column; }
	.lc-zone-stats > div { flex: 1 1 auto; }
	.lc-zone-filters__row { gap: .35rem; }
	.lc-zone-chip { font-size: .78rem; padding: .35rem .65rem; }
	.lc-zone-nearby__links { flex-direction: column; }
	.lc-zone-nearby__links a { width: 100%; }
}
