main{padding:24px}@media (min-width:768px){main{padding:48px}}.zone-header p{font-weight:600}.zone-explorer .zone-header{margin-bottom:1.5rem}.zone-explorer .zone-nav .nav-link{border:none;border-bottom:2px solid transparent;color:#6c757d;font-weight:600;border-radius:0;padding:0.75rem 1rem}.zone-explorer .zone-nav .nav-link.active{color:#212529;border-bottom-color:#212529;background-color:transparent}.zone-explorer .zones-grid{display:grid;gap:0.75rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:576px){.zone-explorer .zones-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.zone-explorer .zones-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1200px){.zone-explorer .zones-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.zone-explorer .zone-card{display:flex;flex-direction:column;gap:0.25rem;text-decoration:none;border-radius:0.5rem;padding:0.75rem 1rem;background-color:#ffffff;color:inherit;border:1px solid rgba(0,0,0,0.06);transition:transform 0.2s ease,box-shadow 0.2s ease}.zone-explorer .zone-card:hover,.zone-explorer .zone-card:focus-visible{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,0.08);text-decoration:none;color:inherit}.zone-explorer .zone-name{font-weight:600;color:#212529}.zone-explorer .zone-meta{color:#6c757d;font-size:0.8rem}@media (min-width:768px){.zone-explorer .zones-grid{gap:1rem 1.5rem}}