/* NewsMag newsroom skin for the preserved emergency application. */
:root { --bg:#f4f5f7; --surface:#fff; --surface2:#f7f8fa; --border:#d8dce3; --accent:#ef4418; --accent2:#165dcc; --green:#138a4b; --blue:#165dcc; --text:#111318; --muted:#626a78; --radius:2px; }
body { --bg:#f4f5f7; --surface:#fff; --surface2:#f7f8fa; --border:#d8dce3; --accent:#ef4418; --accent2:#165dcc; --text:#111318; --muted:#626a78; background:var(--bg)!important; color:var(--text)!important; font-family:Arial,Helvetica,sans-serif!important; }
#site-nav { position:relative!important; background:#1d1d1d!important; border-top:4px solid #4db2ec!important; border-bottom:0!important; }
.snav-brand { letter-spacing:0!important; }
.snav-link,.snav-more-btn { border-radius:0!important; color:#fff!important; font-weight:700!important; text-transform:uppercase; }
.snav-link:hover,.snav-link.active,.snav-more-btn:hover { background:#fff!important; color:#111!important; }
.snav-dropdown { border-radius:0!important; background:#fff!important; box-shadow:0 7px 22px rgba(0,0,0,.18)!important; }
.snav-dropdown-item { border-radius:0!important; color:#252830!important; }
.snav-dropdown-item:hover { background:#f0f2f5!important; color:#111!important; }
.snav-hamburger { border-radius:0!important; }
.snav-mobile { background:#1d1d1d!important; }
.snav-mobile .snav-dropdown-item { color:#fff!important; }
.weather-strip { background:#fff!important; border-bottom:1px solid var(--border)!important; color:var(--text); }
#nws-strip-text { color:var(--muted)!important; }
#nws-strip-text a { color:var(--blue)!important; }
.hero { background:#111318!important; border-bottom:4px solid var(--accent)!important; padding:24px 20px 26px!important; text-align:left!important; }
.hero::before { display:none!important; }
.hero>img { float:left; width:76px!important; height:76px!important; object-fit:contain; margin:0 22px 10px max(0px,calc((100% - 1180px)/2))!important; filter:none!important; }
.hero-eyebrow { max-width:1180px; margin:0 auto 4px!important; color:#ffb49e!important; font-size:11px!important; font-weight:800; letter-spacing:0!important; }
.hero h1 { max-width:1180px; margin:0 auto 5px!important; color:#fff!important; font-family:Arial,Helvetica,sans-serif!important; font-size:38px!important; font-weight:700; letter-spacing:0!important; line-height:1.04!important; }
.hero p { max-width:1180px!important; margin:0 auto!important; color:#c1c6d0!important; font-size:14px!important; }
.hero-primary-actions { clear:both; max-width:1180px!important; margin:20px auto 0!important; gap:1px!important; background:#3a3d44; border:1px solid #3a3d44; }
.hero-primary-actions a { min-height:48px!important; border:0!important; border-radius:0!important; background:#fff!important; color:#17191e!important; font-size:13px; }
.hero-primary-actions a:hover { color:var(--accent)!important; }
.hero-more { max-width:1180px; margin:12px auto 0!important; }
.hero-more summary { color:#c1c6d0!important; }
.hero-pills { justify-content:flex-start!important; }
.hero-pills a { border-radius:0!important; background:#202329!important; border-color:#393d45!important; color:#fff!important; }
.section { max-width:1180px!important; padding:34px 20px!important; }
.section+.section { border-top:1px solid var(--border); }
.section-header { align-items:end!important; justify-content:space-between; border-bottom:2px solid #17191e; padding-bottom:9px; margin-bottom:18px!important; }
.section-header h2 { color:var(--text)!important; font-family:Arial,Helvetica,sans-serif!important; font-size:25px!important; font-weight:700; letter-spacing:0!important; line-height:1.1; }
.section-header .count { color:var(--muted)!important; }
.focus-page { background:var(--bg)!important; color:var(--text)!important; }
.focus-main { max-width:1180px!important; padding-top:28px!important; }
.focus-hero { border-bottom:2px solid #17191e!important; padding:18px 0 22px!important; }
.focus-hero h1 { color:var(--text)!important; font-family:Arial,Helvetica,sans-serif!important; font-size:42px!important; letter-spacing:0!important; }
.focus-hero p { color:var(--muted)!important; }
.focus-card { background:#fff!important; border-color:var(--border)!important; border-radius:2px!important; }
.focus-card h2 { color:var(--text)!important; font-family:Arial,Helvetica,sans-serif!important; font-size:20px!important; letter-spacing:0!important; }
.focus-card p { color:var(--muted)!important; }
.area-console,.status-card,.tool-card,.risk-card,.timeline-live,.report-builder,.report-feed,.area-card,.camera-card,.weather-card,.utility-card,.emergency-card,.resource-card,.guide-card,.radio-card,.shelter-card,.sms-card,.quick-card,.support-card,.winter-card,.share-card,.donate-card,.source-health-bar { background:#fff!important; border-color:var(--border)!important; border-radius:2px!important; box-shadow:none!important; }
.area-console { border-left:4px solid var(--accent)!important; }
.briefing-item,.drive-signal { background:#f7f8fa!important; border-radius:2px!important; }
.tool-select,.tool-input,.tool-textarea,select,input,textarea { border-radius:2px!important; }
.tool-action-row a,.traffic-map-actions a,.area-links a,.focus-links a,.btn-outline,.weather-btn,.btn-big { border-radius:2px!important; }
.status-value,.tool-card h3,.risk-card h3,.area-card h3,.resource-title,.emergency-label,.guide-card h3 { color:var(--text)!important; }
.status-sub,.tool-copy,.risk-card p,.area-card p,.resource-sub,.emergency-sub,.guide-card p { color:var(--muted)!important; }
.camera-card:hover { transform:none!important; border-color:#9ca3af!important; }
.traffic-map-wrap,.lazy-frame-shell { border-radius:2px!important; }
footer { background:#17191e!important; border-top:4px solid var(--accent)!important; color:#c3c8d2!important; }
#admin-panel { background:#fff!important; color:var(--text)!important; border-bottom-color:var(--border)!important; }
.admin-input,.admin-type { background:#f7f8fa!important; color:var(--text)!important; }
@media(max-width:760px){#site-nav{position:sticky!important}.hero{padding:19px 16px 21px!important}.hero>img{width:50px!important;height:50px!important;margin:0 13px 8px 0!important}.hero h1{font-size:27px!important}.hero p{font-size:12px!important;line-height:1.5}.hero-eyebrow{font-size:9px!important}.hero-primary-actions{grid-template-columns:1fr 1fr!important;margin-top:16px!important}.section{padding:28px 12px!important}.section-header{align-items:flex-start!important}.section-header h2{font-size:22px!important}}
@media(max-width:420px){.hero-primary-actions{grid-template-columns:1fr!important}}
/* Launch-readiness accessibility and rendering safeguards. */
.skip-link{position:fixed;left:12px;top:-80px;z-index:100000;background:#fff;color:#111;padding:12px 16px;border:2px solid #f24b1a}
.skip-link:focus{top:12px}
:focus-visible{outline:3px solid #4ca6ff;outline-offset:3px}
.section:nth-of-type(n+5){content-visibility:auto;contain-intrinsic-size:700px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
#pw-overlay,#admin-panel{display:none!important}