/* Region 9 menu/header stacking. Keep navigation above alert/ticker strips. */
.r9-header-stack{position:relative!important;z-index:5000!important;overflow:visible!important}
.r9-studio-bar{position:relative!important;z-index:5100!important;overflow:visible!important}
.r9-studio-bar-inner{overflow:visible!important}
.r9-nav{position:relative!important;z-index:5200!important;overflow:visible!important}
.r9-nav ul,.r9-nav li{overflow:visible!important}
.r9-nav li{position:relative}
.r9-nav .sub-menu,.r9-nav ul ul{
  position:absolute!important;
  z-index:5300!important;
}
.r9-breaking{position:relative!important;z-index:4900!important}
.r9-alert-bug{position:relative!important;z-index:4800!important}
.r9-county-carousel,.r9-county-strip,[class*="county-carousel"]{
  position:relative!important;
  z-index:4700!important
}

/* Webcam page */
.r9-webcams{display:grid;gap:20px;max-width:1280px;margin:0 auto;padding:0 0 32px}
.r9-webcams-intro{overflow:hidden}
.r9-webcams-intro-copy{padding:15px 20px;color:#496172;line-height:1.5}
.r9-webcam-live{padding:6px 11px;border-radius:999px;background:#d51f2b;color:#fff;font-size:.7rem;font-weight:950;white-space:nowrap}
.r9-webcam-counties{display:flex;flex-wrap:wrap;gap:7px}
.r9-webcam-counties a{background:#07395f;color:#fff;text-decoration:none;padding:7px 11px;border-radius:999px;font-size:.74rem;font-weight:900}
.r9-webcam-counties a:hover,.r9-webcam-counties a:focus{background:#0b6ea8;color:#fff}

.r9-webcam-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.r9-webcam-card{overflow:hidden;border-radius:16px}
.r9-webcam-card>header{min-height:82px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:15px 18px;background:linear-gradient(100deg,#062943,#0b5f91);color:#fff}
.r9-webcam-card header span{font-size:.64rem;font-weight:950;letter-spacing:.12em;color:#aee5ff}
.r9-webcam-card header h3{margin:3px 0;color:#fff;font-size:1.04rem;line-height:1.25}
.r9-webcam-card header p{margin:0;font-size:.86rem;opacity:.84}
.r9-webcam-card header b{font-size:.6rem;padding:5px 7px;border-radius:999px;background:#d51f2b;white-space:nowrap}

.r9-webcam-image-shell{position:relative;aspect-ratio:16/9;background:#061d31;overflow:hidden}
.r9-webcam-still{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;background:#061d31}
.r9-webcam-image-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#061d31,#0a4168);color:#fff;padding:26px}
.r9-webcam-image-fallback[hidden]{display:none}
.r9-webcam-image-fallback strong{font-size:.95rem}
.r9-webcam-image-fallback span{margin-top:4px;color:#dcebf4}
.r9-webcam-image-fallback small{margin-top:7px;color:#a9c3d3}

.r9-webcam-stamp{position:absolute;left:12px;bottom:12px;display:flex;gap:7px;align-items:center;background:rgba(2,21,36,.82);color:#fff;padding:6px 8px;border-radius:7px;font-size:.62rem;font-weight:900;letter-spacing:.04em}
.r9-webcam-time{font-weight:700;letter-spacing:0;color:#d4e4ee}
.r9-webcam-open{position:absolute;right:12px;bottom:12px;background:#f6b900;color:#071827!important;text-decoration:none!important;padding:8px 11px;border-radius:8px;font-size:.78rem;font-weight:950;box-shadow:0 4px 15px rgba(0,0,0,.18)}
.r9-webcam-open:hover,.r9-webcam-open:focus{transform:translateY(-1px)}

.r9-webcam-meta{padding:13px 17px;background:#fff}
.r9-webcam-meta>p{margin:0 0 10px;color:#405a6c;font-size:.86rem;line-height:1.4}
.r9-webcam-status-line,.source{display:flex;gap:8px;align-items:center}
.r9-webcam-status-line{padding:9px 0;border-top:1px solid #d8e4ed;border-bottom:1px solid #d8e4ed}
.r9-webcam-status-line .status{flex:1;font-size:.82rem;font-weight:800}
.dot{width:8px;height:8px;border-radius:50%;background:#f6b900;flex:0 0 auto}
.r9-webcam-card.is-loaded .dot{background:#26b95f}
.r9-webcam-card.is-failed .dot{background:#d43b3b}
.r9-webcam-status-line button{border:0;background:#e9f3f8;color:#065080;border-radius:8px;padding:6px 9px;font-weight:900;cursor:pointer}
.source{padding-top:9px;justify-content:space-between;font-size:.72rem;color:#587080}
.source a{font-weight:900;text-decoration:none;white-space:nowrap}
.r9-webcam-disclaimer{padding:14px 18px;color:#526a79;font-size:.82rem}

@media(max-width:950px){
  .r9-webcams{padding-left:12px;padding-right:12px}
  .r9-webcam-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .r9-webcam-stamp{left:8px;bottom:8px}
  .r9-webcam-open{right:8px;bottom:8px;padding:7px 9px;font-size:.72rem}
  .r9-webcam-card>header{display:block}
  .r9-webcam-card header b{display:inline-block;margin-top:8px}
  .source{display:block}
  .source a{display:block;margin-top:5px}
}