@layer pages {
  .station-search { max-width:1200px; padding-bottom:48px; }
  .station-search .page-header { text-align:left; }
  .station-search-eyebrow { color:#fff200; text-transform:uppercase; letter-spacing:.08em; }
  #station-search-form { display:grid; grid-template-columns:minmax(200px,1fr) minmax(200px,2fr) auto; gap:16px; align-items:end; margin:28px 0 20px; }
  #station-search-form label { display:block; margin-bottom:8px; color:#afc5d6; }
  #station-search-form :is(input,select,button) { box-sizing:border-box; width:100%; min-width:0; min-height:48px; padding:12px; border:1px solid #7295ae; border-radius:8px; background:#102e47; color:#eef5fb; font:inherit; }
  #station-search-form button { background:#fff200; color:#071b2e; font-weight:700; cursor:pointer; }
  #station-search-results { list-style:none; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
  #station-search-results a { box-sizing:border-box; display:flex; flex-direction:column; gap:10px; height:100%; padding:20px; border:1px solid #7295ae66; border-radius:12px; background:#102e47; color:#eef5fb; text-decoration:none; overflow-wrap:anywhere; }
  #station-search-results a:hover { border-color:#fff200; }
  #station-search-results small { color:#afc5d6; }
  .station-search-note { color:#afc5d6; margin-top:32px; }
  .station-search :is(a,input,select,button):focus-visible { outline:3px solid #fff200; outline-offset:4px; }
  @media(max-width:800px) { #station-search-results { grid-template-columns:repeat(2,minmax(0,1fr)); } }
  @media(max-width:700px) { #station-search-form { grid-template-columns:minmax(0,1fr); } }
  @media(max-width:550px) { #station-search-results { grid-template-columns:minmax(0,1fr); } }
}