/* A185 trail status banner. Generated from Tasks/drafts/A185 weather
   trail status banner.html - edit the draft and re-run, do not hand-edit. */
/* --- component styles (these are what would move into style.css) --- */
  .trail-status{max-width:760px;margin:0 auto;display:flex;align-items:center;gap:14px;
    padding:14px 18px;border-radius:8px;font-family:system-ui,sans-serif;
    border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);
    min-height:64px;box-sizing:border-box}          /* min-height reserves space: no CLS */
  .trail-status[hidden]{display:none!important}
  .trail-status__dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}
  .trail-status__
  .trail-status__head{font-weight:700;letter-spacing:.02em;margin:0 0 2px;font-size:.95rem}
  .trail-status__detail{margin:0;font-size:.82rem;color:#b9ad99;line-height:1.5}
  .trail-status--open   .trail-status__dot{background:#4ade80;box-shadow:0 0 10px #4ade8066}
  .trail-status--open   .trail-status__head{color:#4ade80}
  .trail-status--caution .trail-status__dot{background:#f5a31a;box-shadow:0 0 10px #f5a31a66}
  .trail-status--caution .trail-status__head{color:#f5a31a}
  .trail-status--closed .trail-status__dot{background:#f87171;box-shadow:0 0 10px #f8717166}
  .trail-status--closed .trail-status__head{color:#f87171}
  @media (max-width:480px){ .trail-status{padding:12px 14px;gap:10px} }