:root{--main-color: white;--secondary-color: #2e8b57;--text-color: #333;--hover-color: #1a5233;--light-bg: #f8f9fa;--border-color: #e9ecef}body{color:light-dark(black,white);background-color:light-dark(white,black);margin:0;padding:0;font-family:Arial,sans-serif;line-height:1.6}.top-nav{display:flex;justify-content:space-between;align-items:center;background-color:var(--main-color);box-shadow:0 2px 4px #0000001a;padding:0 20px;height:60px}.nav-logo{font-size:1.5rem;font-weight:700;color:var(--secondary-color);display:flex;align-items:center}.logo-image{height:40px;margin-right:10px;vertical-align:middle}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin:0 10px}.nav-links a{text-decoration:none;color:var(--text-color);padding:8px 12px;border-radius:4px;transition:all .3s ease}.nav-links a:hover,.nav-links a.active{background-color:var(--secondary-color);color:var(--main-color)}.map-container{position:relative;width:100%;height:calc(100vh - 60px)}#map{width:100%;height:100%}.map-sidebar{position:absolute;top:0;right:0;width:300px;height:90%;background-color:var(--main-color);box-shadow:-2px 0 5px #0003;z-index:1;padding:20px;overflow-y:auto;display:none;transition:transform .3s ease;overflow-y:scroll}.map-sidebar.active{display:block;transform:translate(0)}.sidebar-close{position:absolute;top:10px;right:10px;border:none;background:none;font-size:20px;cursor:pointer}.sidebar-content{margin-top:30px}.station-image{width:100%;height:auto;margin-bottom:15px;border-radius:4px}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-weight:700}.status-open{background-color:#e6f4ea;color:#137333}.status-closed{background-color:#fce8e6;color:#c5221f}.details-button{background-color:var(--secondary-color);color:var(--main-color);border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-top:15px;font-weight:500;display:inline-block;text-decoration:none}.details-button:hover{background-color:var(--hover-color)}.content-container{max-width:1200px;margin:0 auto;padding:30px 20px}.page-content{background-color:var(--main-color);border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}h1{color:var(--secondary-color);margin-top:0;border-bottom:2px solid var(--border-color);padding-bottom:15px;margin-bottom:30px}h2{color:var(--secondary-color);margin-top:0}.about-section{margin-bottom:40px}.about-section ul{padding-left:20px}.about-section li{margin-bottom:10px}.feature-card{background-color:var(--light-bg);border-radius:8px;padding:20px;margin-bottom:20px;border-left:4px solid var(--secondary-color)}.contact-methods{display:flex;flex-wrap:wrap;gap:30px;margin:20px 0}.contact-method{flex:1;min-width:250px;background-color:var(--light-bg);padding:20px;border-radius:8px}.contact-method h3{margin-top:0;color:var(--secondary-color)}.contact-form{margin:40px 0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:700}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:4px;font-size:16px}.submit-button{background-color:var(--secondary-color);color:var(--main-color);border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500}.submit-button:hover{background-color:var(--hover-color)}.report-issue{background-color:var(--light-bg);border-radius:8px;padding:20px}.search-container{position:absolute;top:4.5rem;left:.5rem;display:flex;align-items:start;gap:10px;z-index:1000}.search-icon{position:absolute;top:1.1rem;left:10px;z-index:1}.search-input{padding-left:32px}.search-container input{width:20rem;height:3rem}.search-container input[type=text]{border:1px solid var(--border-color);border-radius:4px;font-size:14px}.search-container button{background-color:var(--secondary-color);color:var(--main-color);border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.search-container button:hover{background-color:var(--hover-color)}.accessibility-elements{display:flex;flex-direction:row;gap:2vw}.search-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 2px 5px #0000001a;z-index:10;max-height:200px;overflow-y:auto}.search-option{padding:8px 10px;cursor:pointer}.search-option:hover{background-color:#f5f5f5}.accessibility-element{display:flex;flex-direction:column;align-items:center}.accessibility-icon{width:2vw}.site-footer{background-color:var(--secondary-color);color:var(--main-color);text-align:center;padding:20px;margin-top:40px}@media (max-width: 768px){.nav-logo{font-size:1.2rem}.logo-image{height:30px}.nav-links{font-size:.9rem}.content-container{padding:20px 10px}.page-content{padding:20px}}@media (max-width: 480px){.top-nav{flex-direction:column;height:auto;padding:10px}.nav-logo{margin-bottom:10px}.nav-links{width:100%;justify-content:space-between}.nav-links li{margin:5px}}.search-options-grid{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;box-shadow:0 2px 5px #0000001a;z-index:10;padding:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.search-option-grid-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:10px;border-radius:8px;transition:background-color .2s}.option-icon-large{display:flex;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:5px;border-radius:50%;background-color:gray}.option-icon-large svg{width:30px;height:30px;fill:#fff}.option-icon-large:hover{background-color:var(--secondary-color)}.option-label{font-size:12px;text-align:center}