.nla-areas-wrap { font-family: 'Poppins', sans-serif; max-width: 1000px; margin: 0 auto; padding: 0 20px; } .nla-areas-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 48px; align-items: start; } .nla-region h3 { font-family: 'Barlow Condensed', sans-serif; font-size: 22px; font-weight: 800; color: #1A2B56; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 2px solid #1A2B56; } .nla-region ul { list-style: none; margin: 0; padding: 0; } .nla-region ul li { margin-bottom: 8px; } .nla-region ul li a { font-size: 15px; color: #1A2B56; text-decoration: none; line-height: 1.5; transition: color 0.15s; } .nla-region ul li a:hover { color: #70B6ED; } @media (max-width: 768px) { .nla-areas-grid { grid-template-columns: 1fr 1fr; gap: 32px 24px; } } @media (max-width: 480px) { .nla-areas-grid { grid-template-columns: 1fr; } }