:root{--accent: #1E88E5;--accent-light: #64B5F6;--accent-dark: #1565C0;--secondary: #FF8A65;--secondary-light: #FFAB91;--secondary-dark: #E64A19;--text: #263238;--text-light: #607D8B;--bg: #FAFAFA;--bg-dark: #ECEFF1;--bg-card: #FFFFFF;--green: #27ae60;--purple: #8e44ad;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2rem;--shadow: 0 4px 12px rgba(30, 136, 229, .12), 0 1px 4px rgba(30, 136, 229, .08);--shadow-hover: 0 8px 20px rgba(30, 136, 229, .18), 0 3px 6px rgba(30, 136, 229, .12);--radius: .625rem;--transition: all .25s ease;--card-border-width: 3px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 2.5rem}*{margin:0;padding:0;box-sizing:border-box}html{font-family:"Source Sans 3",system-ui,sans-serif;background:var(--bg);color:var(--text);scroll-behavior:smooth;font-size:16px;line-height:1.6}body{min-height:100vh;display:flex;flex-direction:column;line-height:1.6}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}header{background-color:var(--accent);color:#fff;padding:.75rem 0;box-shadow:0 2px 8px #00000026;position:sticky;top:0;z-index:100;background-image:linear-gradient(135deg,var(--accent),var(--accent-dark))}header h1{font-family:Outfit,sans-serif;font-size:var(--font-size-xl);margin-bottom:var(--space-sm);font-weight:700;letter-spacing:-.025em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.nav-menu-list{display:flex;list-style:none;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:.25rem}nav a{color:#fff;text-decoration:none;padding:var(--space-xs) var(--space-sm);font-weight:500;transition:var(--transition);position:relative;font-size:var(--font-size-sm);letter-spacing:.01em;display:flex;align-items:center;gap:var(--space-xs);border-radius:4px;background-color:#ffffff14;border:1px solid rgba(255,255,255,.15)}nav a:hover{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.35);background-color:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}nav a i{font-size:1.2rem}nav a.active{background-color:#ffffff40;box-shadow:0 2px 8px #00000026;color:#fff;font-weight:600;border-color:#fff6;transform:translateY(-2px)}nav a.active:before{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:8px;height:8px;background-color:var(--secondary);border-radius:50%;opacity:1;box-shadow:0 0 8px #ffffff80;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{box-shadow:0 0 #ff8a65cc}70%{box-shadow:0 0 0 6px #ff8a6500}to{box-shadow:0 0 #ff8a6500}}nav a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:3px;background-color:var(--secondary-light);transition:var(--transition);border-radius:2px;opacity:0}nav a:hover:after{width:100%;opacity:.85}main{flex:1;padding:3rem 0;padding-top:1.5rem!important}footer{background-image:linear-gradient(135deg,var(--accent-dark),#10498F);padding:2rem 0;box-shadow:0 -2px 10px #00000014;margin-top:3rem;p{color:#fff;text-align:center}}h2{font-family:Outfit,sans-serif;font-size:var(--font-size-3xl);margin-bottom:var(--space-lg);margin-top:var(--space-2xl);color:var(--accent-dark);font-weight:700;letter-spacing:-.02em;position:relative;display:inline-block}h2:after{content:"";position:absolute;bottom:-.65rem;left:0;width:80px;height:4px;background:linear-gradient(90deg,var(--accent),var(--secondary));border-radius:4px;opacity:.9}h3{font-family:Outfit,sans-serif;font-size:var(--font-size-2xl);margin:var(--space-2xl) 0 var(--space-lg);color:var(--accent-dark);font-weight:600;letter-spacing:-.01em}p{margin-bottom:var(--space-md);line-height:1.75;color:var(--text);max-width:75ch;font-size:var(--font-size-base)}h2+p{font-size:var(--font-size-md);line-height:1.7;color:var(--text-light);max-width:700px}.street-changes-container{margin:var(--space-xl) 0;padding:var(--space-lg);border:1px solid var(--bg-dark);border-radius:var(--radius);background-color:var(--bg-card);box-shadow:var(--shadow);transition:var(--transition)}.street-changes-container:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}ul.street-list{margin:var(--space-lg) 0 var(--space-2xl);padding-left:0;list-style-type:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}ul.street-list li{margin-bottom:var(--space-sm);position:relative;padding:var(--space-lg);border:1px solid var(--bg-dark);border-radius:var(--radius);background-color:var(--bg-card);transition:var(--transition);box-shadow:var(--shadow)}ul.street-list li:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px);border-color:var(--accent-light)}.street-changes-details{margin:var(--space-xl) 0;padding:var(--space-lg);border:1px solid rgba(30,136,229,.12);border-radius:var(--radius);background-color:#fffc;box-shadow:var(--shadow);position:relative;transition:var(--transition)}.street-changes-details:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.street-changes-details:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--accent),var(--accent-light));border-radius:var(--radius) var(--radius) 0 0;opacity:.7}.street-changes-details h4{font-family:Outfit,sans-serif;color:var(--accent-dark);margin-bottom:var(--space-md);font-size:var(--font-size-lg);letter-spacing:-.01em;position:relative;display:inline-block}.street-changes-details h4:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:3px;background-color:var(--accent-light);border-radius:2px}ul.street-list li strong{color:var(--accent-dark);font-weight:600;display:block;margin-bottom:var(--space-sm);font-size:var(--font-size-md)}.area-list,.signage-list,.benefits-list,.alternate-routes{list-style-type:disc;padding-left:var(--space-lg);margin-bottom:var(--space-lg)}.area-list li,.signage-list li,.benefits-list li,.alternate-routes li{margin-bottom:var(--space-sm);line-height:1.6}.area-list li strong,.signage-list li strong,.benefits-list li strong,.alternate-routes li strong{color:var(--accent-dark);font-weight:600}.direction-info{display:inline-block;margin-top:.5rem;padding:.25rem .5rem;background-color:var(--accent-light);color:#fff;border-radius:20px;font-size:.8rem;font-weight:500}.street-category{display:inline-block;padding:var(--space-xs) var(--space-sm);border-radius:20px;font-size:var(--font-size-xs);font-weight:500;margin-bottom:var(--space-sm)}.street-category.street-change{background-color:var(--accent);color:#fff}.street-category.double-way{background-color:#27ae60;color:#fff}.street-category.collector-change{background-color:#8e44ad;color:#fff}.street-category.no-parking{background-color:#e74c3c;color:#fff}.info-box{background-color:#1e88e514;border-left:var(--card-border-width) solid var(--accent);padding:var(--space-lg);margin:var(--space-2xl) 0;border-radius:0 var(--radius) var(--radius) 0;box-shadow:var(--shadow);position:relative;transition:var(--transition)}.info-box:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.info-box:before{content:"💡";position:absolute;top:-12px;left:-12px;background:var(--accent);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.info-box h4{font-family:Outfit,sans-serif;color:var(--accent-dark);margin-bottom:var(--space-sm);font-weight:600;font-size:var(--font-size-lg)}@media(max-width:768px){header{position:relative;padding:.5rem 0}header h1{font-size:var(--font-size-lg);margin-bottom:var(--space-xs)}.nav-menu-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem;margin:.5rem 0}nav a.active:before{left:5px;bottom:50%;transform:translateY(50%);width:6px;height:6px}nav a{justify-content:flex-start;width:100%;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}nav a i{width:16px;font-size:1rem}h2{font-size:var(--font-size-2xl);margin-top:var(--space-xl);margin-bottom:var(--space-md)}h3{font-size:var(--font-size-xl);margin:var(--space-xl) 0 var(--space-md)}}