.zone-index-page{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}.zone-index-page .breadcrumb{color:var(--color-text-tertiary);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.zone-index-page .breadcrumb a{color:var(--color-accent);text-decoration:none}.zone-index-page .breadcrumb a:hover{text-decoration:underline}.zone-index-page .breadcrumb .separator{color:var(--color-border)}.zone-index-page .breadcrumb .current{color:var(--color-text-secondary)}.zone-hero{text-align:center;margin-bottom:2.5rem}.zone-hero h1{color:var(--color-text-primary);margin:0 0 .75rem;font-size:clamp(2rem,5vw,2.75rem);font-weight:800}.zone-hero p{color:var(--color-text-secondary);margin:0;font-size:1.125rem}.popular-zones{margin-bottom:3rem}.popular-zones h2{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.popular-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.popular-zone-card{border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-fast);background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #3b82f633;flex-direction:column;align-items:center;gap:.375rem;padding:1.5rem 1rem;text-decoration:none;display:flex}.popular-zone-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 16px #0003}.popular-zone-card .zone-abbr{color:var(--color-accent);font-family:Roboto Mono,monospace;font-size:1.5rem;font-weight:800}.popular-zone-card .zone-name{color:var(--color-text-secondary);font-size:.75rem;line-height:1.3}.popular-zone-card .zone-offset{color:var(--color-text-tertiary);font-family:Roboto Mono,monospace;font-size:.6875rem}.region-section{margin-bottom:2.5rem}.region-section h2{color:var(--color-text-primary);border-bottom:2px solid var(--color-border-subtle);margin:0 0 1rem;padding-bottom:.5rem;font-size:1.25rem;font-weight:700}.zone-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.zone-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-direction:column;gap:.25rem;padding:1rem;text-decoration:none;display:flex}.zone-card:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);transform:translateY(-1px)}.zone-card-header{justify-content:space-between;align-items:center;display:flex}.zone-card .zone-abbr{color:var(--color-accent);font-family:Roboto Mono,monospace;font-size:1.125rem;font-weight:700}.zone-card .zone-offset{color:var(--color-text-tertiary);font-family:Roboto Mono,monospace;font-size:.75rem}.zone-card .zone-name{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.zone-index-page .seo-content{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:2rem;padding:2rem}.zone-index-page .seo-content h2{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.zone-index-page .seo-content h3{color:var(--color-text-primary);margin:1.5rem 0 .75rem;font-size:1rem;font-weight:600}.zone-index-page .seo-content p{color:var(--color-text-secondary);margin:0 0 1rem;line-height:1.7}.zone-index-page .seo-content ul{margin:0;padding-left:1.5rem}.zone-index-page .seo-content li{color:var(--color-text-secondary);margin-bottom:.5rem;line-height:1.7}.zone-index-page .seo-content li strong{color:var(--color-text-primary)}@media (max-width:768px){.zone-index-page{padding:1.5rem 1rem 3rem}.popular-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.zone-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.zone-index-page .seo-content{padding:1.5rem}}