:root{
  --bg:#06101c;
  --bg-soft:#0a1827;
  --panel:#0d2235;
  --panel-strong:#102b44;
  --line:#23455f;
  --line-soft:rgba(130,178,210,.22);
  --text:#f4f8fb;
  --muted:#a9b8c5;
  --blue:#4bb7ff;
  --blue-deep:#116da4;
  --cyan:#70d7ff;
  --amber:#f6a419;
  --shadow:0 22px 48px rgba(0,0,0,.32);
  --ease-soft:cubic-bezier(.2,.72,.22,1);
  --reveal-duration:.72s;
}

*{box-sizing:border-box}

html{
  scroll-behavior:smooth;
}

.report-nav-link[hidden],
.report-section[hidden],
.report-section.is-hidden{
  display:none !important;
}

body{
  position:relative;
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at 72% 12%, rgba(30,113,172,.24), transparent 30%),
    linear-gradient(180deg, #07131f 0%, #050b13 100%);
  color:var(--text);
  font-family:Arial, Helvetica, sans-serif;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 18%, rgba(112,215,255,.09), transparent 30%),
    linear-gradient(90deg, rgba(112,215,255,.035) 1px, transparent 1px),
    linear-gradient(rgba(112,215,255,.026) 1px, transparent 1px);
  background-size:auto, 96px 96px, 96px 96px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.82), rgba(0,0,0,.18));
}

.measurements-page main{
  min-height:calc(100vh - 160px);
}

.measurements-hero{
  padding-top:clamp(38px, 6vw, 76px);
}

.measurements-overview{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
  margin-top:24px;
}

.measurement-summary-card{
  position:relative;
  min-height:132px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:18px;
  overflow:hidden;
  border:1px solid rgba(112,215,255,.2);
  border-radius:8px;
  background:
    linear-gradient(135deg, rgba(16,43,68,.96), rgba(8,24,38,.9)),
    radial-gradient(circle at 88% 18%, rgba(112,215,255,.2), transparent 34%);
  box-shadow:0 16px 34px rgba(0,0,0,.26);
  cursor:pointer;
  opacity:0;
  transform:translateY(14px);
  animation:measurement-card-enter .58s var(--ease-soft) forwards;
  animation-delay:var(--card-delay, 0ms);
  transition:transform .2s var(--ease-soft), border-color .2s ease, background .2s ease;
}

.measurement-summary-card::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:3px;
  background:linear-gradient(90deg, var(--cyan), transparent);
}

.measurement-summary-card span,
.measurement-summary-card small{
  color:var(--muted);
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.7px;
}

.measurement-summary-card strong{
  margin-top:18px;
  font-size:clamp(28px, 4vw, 42px);
  line-height:1;
  text-shadow:0 3px 0 rgba(0,0,0,.35);
}

.measurement-summary-card small{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  text-transform:none;
  letter-spacing:0;
}

.measurement-summary-card.is-loading{
  cursor:default;
}

.measurement-summary-card:hover{
  transform:translateY(-3px);
  border-color:rgba(112,215,255,.42);
}

.measurements-desk{
  padding-top:16px;
}

.measurements-toolbar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
}

.measurements-toolbar h2{
  margin:.15em 0 0;
  font-size:clamp(28px, 4vw, 44px);
}

.measurements-status{
  padding:9px 12px;
  border:1px solid rgba(112,215,255,.2);
  border-radius:6px;
  background:rgba(8,24,38,.66);
  color:var(--muted);
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.7px;
  white-space:nowrap;
}

.measurement-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:22px 0 18px;
}

.measurement-tab{
  appearance:none;
  border:1px solid rgba(112,215,255,.2);
  border-radius:6px;
  padding:10px 13px;
  background:rgba(8,24,38,.78);
  color:var(--muted);
  font:inherit;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.7px;
  cursor:pointer;
  transition:background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

.measurement-tab:hover,
.measurement-tab.is-active{
  color:var(--text);
  border-color:rgba(112,215,255,.48);
  background:rgba(17,109,164,.42);
  transform:translateY(-1px);
}

.measurement-tab.is-active{
  box-shadow:inset 0 -2px 0 rgba(112,215,255,.72), 0 8px 22px rgba(0,0,0,.16);
}

.measurement-board{
  border:1px solid rgba(112,215,255,.22);
  border-radius:8px;
  overflow:hidden;
  background:rgba(7,19,31,.86);
  box-shadow:var(--shadow);
}

.measurement-board-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  padding:22px;
  border-bottom:1px solid rgba(112,215,255,.16);
  background:
    linear-gradient(90deg, rgba(16,43,68,.96), rgba(6,16,28,.72)),
    linear-gradient(90deg, rgba(112,215,255,.12) 1px, transparent 1px);
  background-size:auto, 48px 48px;
}

.measurement-board-head h3{
  margin:8px 0 8px;
  font-size:clamp(24px, 3vw, 34px);
  line-height:1;
}

.measurement-board-head p{
  max-width:680px;
  margin:0;
  color:var(--muted);
}

.measurement-board-time{
  flex:0 0 auto;
  padding:10px 12px;
  border:1px solid rgba(112,215,255,.22);
  border-radius:6px;
  background:rgba(0,0,0,.2);
  color:#fff3a4;
  font-weight:900;
  white-space:nowrap;
}

.measurement-list{
  display:flex;
  flex-direction:column;
}

.measurement-row{
  display:grid;
  grid-template-columns:54px minmax(0, 1fr) minmax(112px, auto);
  align-items:center;
  gap:16px;
  min-height:78px;
  padding:14px 18px;
  border-bottom:1px solid rgba(112,215,255,.12);
  opacity:0;
  transform:translateX(-14px);
  animation:measurement-row-enter .46s var(--ease-soft) forwards;
  animation-delay:var(--row-delay, 0ms);
}

.measurement-row:last-child{
  border-bottom:0;
}

.measurement-rank{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid rgba(112,215,255,.3);
  border-radius:6px;
  background:rgba(112,215,255,.08);
  font-size:18px;
  font-weight:900;
}

.measurement-place{
  min-width:0;
}

.measurement-place strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:19px;
}

.measurement-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:5px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.5px;
}

.measurement-meta span{
  padding-right:8px;
  border-right:1px solid rgba(112,215,255,.18);
}

.measurement-meta span:last-child{
  border-right:0;
}

.measurement-bar{
  height:4px;
  margin-top:10px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(112,215,255,.11);
}

.measurement-bar span{
  display:block;
  height:100%;
  width:var(--bar-width, 0%);
  border-radius:inherit;
  background:linear-gradient(90deg, var(--cyan), var(--amber));
  animation:measurement-bar-grow .82s var(--ease-soft) both;
}

.measurement-value{
  justify-self:end;
  font-size:24px;
  font-weight:900;
  color:#fff3a4;
  text-shadow:0 3px 0 rgba(0,0,0,.34);
  white-space:nowrap;
}

.measurement-empty{
  padding:28px;
  color:var(--muted);
  font-weight:800;
}

.stats-lab-page .section-heading p{
  max-width:760px;
  margin:12px 0 0;
  color:var(--muted);
  font-size:18px;
  line-height:1.55;
}

.stats-lab-hero{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  padding-top:clamp(38px, 6vw, 74px);
}

.stats-lab-status{
  position:relative;
  overflow:hidden;
  flex:0 0 auto;
  padding:10px 13px;
  border:1px solid rgba(112,215,255,.24);
  border-radius:6px;
  background:rgba(7,19,31,.76);
  color:var(--muted);
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.7px;
  white-space:nowrap;
  transition:border-color .22s ease, box-shadow .22s ease, color .22s ease;
}

.stats-lab-status::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(112,215,255,.18), transparent);
  transform:translateX(-130%);
}

.measurements-refreshing .stats-lab-status{
  color:#dff6ff;
  border-color:rgba(112,215,255,.58);
  box-shadow:0 0 0 3px rgba(112,215,255,.08), inset 0 0 18px rgba(112,215,255,.08);
}

.measurements-refreshing .stats-lab-status::after{
  animation:measurement-status-scan .7s ease-out both;
}

.stats-lab-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.08fr) minmax(360px, .92fr);
  gap:18px;
  padding-top:14px;
}

.lab-panel{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(112,215,255,.22);
  border-radius:8px;
  background:
    linear-gradient(145deg, rgba(13,34,53,.94), rgba(5,15,26,.92)),
    linear-gradient(90deg, rgba(112,215,255,.05) 1px, transparent 1px);
  background-size:auto, 54px 54px;
  box-shadow:var(--shadow);
}

.lab-panel::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg, var(--cyan), rgba(112,215,255,0));
  opacity:.9;
}

.lab-panel-head{
  padding:20px 22px 10px;
}

.lab-panel-head h2{
  margin:8px 0 8px;
  font-size:clamp(24px, 2.6vw, 34px);
  line-height:1;
}

.lab-panel-head p{
  max-width:680px;
  margin:0;
  color:var(--muted);
  line-height:1.48;
}

.storm-search{
  padding:4px 22px 18px;
}

.storm-search label{
  display:block;
  margin-bottom:8px;
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.7px;
}

.storm-search-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:10px;
}

.storm-search input{
  width:100%;
  min-height:44px;
  border:1px solid rgba(112,215,255,.28);
  border-radius:6px;
  background:rgba(2,10,18,.58);
  color:var(--text);
  font:inherit;
  font-weight:800;
  padding:0 13px;
  outline:none;
}

.storm-search input:focus{
  border-color:rgba(112,215,255,.78);
  box-shadow:0 0 0 3px rgba(112,215,255,.12);
}

.storm-suggestions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  min-height:34px;
  margin-top:10px;
}

.storm-suggestions button{
  appearance:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(112,215,255,.22);
  border-radius:999px;
  background:rgba(8,24,38,.78);
  color:var(--text);
  font:inherit;
  font-size:13px;
  font-weight:900;
  padding:7px 10px;
  cursor:pointer;
  transition:transform .18s var(--ease-soft), border-color .18s ease, background .18s ease;
}

.storm-suggestions button:hover{
  transform:translateY(-1px);
  border-color:rgba(112,215,255,.54);
  background:rgba(17,109,164,.34);
}

.storm-suggestions span{
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.45px;
}

.storm-result{
  display:grid;
  grid-template-columns:150px minmax(0, 1fr);
  gap:18px;
  margin:0 22px 22px;
  padding:18px;
  border:1px solid rgba(112,215,255,.18);
  border-radius:8px;
  background:linear-gradient(135deg, rgba(3,11,20,.8), rgba(10,31,49,.78));
}

.storm-result[data-level="watch"]{
  border-color:rgba(246,164,25,.38);
}

.storm-result[data-level="active"]{
  border-color:rgba(255,191,76,.58);
}

.storm-result[data-level="severe"]{
  border-color:rgba(255,86,86,.62);
}

.storm-result-score{
  min-height:132px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  border:1px solid rgba(112,215,255,.18);
  border-radius:8px;
  background:rgba(0,0,0,.2);
}

.storm-result-score span{
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.62px;
  text-align:center;
}

.storm-result-score strong{
  margin-top:10px;
  color:#fff3a4;
  font-size:44px;
  line-height:1;
  text-shadow:0 4px 0 rgba(0,0,0,.35);
}

.storm-result-copy h3{
  margin:0 0 8px;
  font-size:24px;
}

.storm-result-copy p{
  margin:0;
  color:var(--muted);
  line-height:1.5;
}

.storm-signal-list{
  grid-column:1 / -1;
  display:grid;
  gap:8px;
}

.storm-signal-list span{
  position:relative;
  padding:9px 10px 9px 16px;
  border:1px solid rgba(112,215,255,.14);
  border-radius:6px;
  background:rgba(255,255,255,.035);
  color:#dce8f2;
  font-size:13px;
  font-weight:800;
}

.storm-signal-list span::before{
  content:"";
  position:absolute;
  left:7px;
  top:50%;
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--cyan);
  transform:translateY(-50%);
}

.lab-record-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  padding:4px 22px 22px;
}

.lab-record-card{
  appearance:none;
  position:relative;
  isolation:isolate;
  min-height:124px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  border:1px solid rgba(112,215,255,.2);
  border-radius:8px;
  padding:15px;
  background:
    radial-gradient(circle at 88% 16%, color-mix(in srgb, var(--record-accent, var(--cyan)) 26%, transparent), transparent 38%),
    rgba(4,14,24,.72);
  color:var(--text);
  font:inherit;
  text-align:left;
  cursor:pointer;
  opacity:0;
  transform:translateY(14px);
  animation:measurement-card-enter .58s var(--ease-soft) forwards;
  animation-delay:var(--lab-delay, 0ms);
  transition:transform .2s var(--ease-soft), border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.lab-record-card::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:-35% auto -35% -45%;
  width:42%;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.09), transparent);
  transform:skewX(-18deg) translateX(-130%);
  opacity:0;
  animation:measurement-record-glint 1.35s ease-out both;
  animation-delay:calc(var(--lab-delay, 0ms) + 240ms);
}

.lab-record-card::after{
  content:"";
  position:absolute;
  z-index:1;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:linear-gradient(90deg, var(--record-accent, var(--cyan)), transparent);
  transform-origin:left;
  animation:measurement-accent-fill .76s var(--ease-soft) both;
  animation-delay:calc(var(--lab-delay, 0ms) + 120ms);
}

.lab-record-card span,
.lab-record-card small{
  position:relative;
  z-index:2;
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.65px;
}

.lab-record-card strong{
  position:relative;
  z-index:2;
  color:color-mix(in srgb, var(--record-accent, var(--cyan)) 78%, #fff 22%);
  font-size:clamp(26px, 3.2vw, 38px);
  line-height:1;
  text-shadow:0 4px 0 rgba(0,0,0,.35);
}

.lab-record-card:hover strong,
.lab-record-card:focus-visible strong{
  animation:measurement-value-breathe .72s ease-out both;
}

.lab-record-card small{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  text-transform:none;
  letter-spacing:0;
}

.lab-record-empty{
  cursor:default;
  opacity:.72;
}

.place-check-section{
  padding-top:12px;
}

.place-check-panel{
  overflow:hidden;
}

.place-check-form{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:10px;
  padding:0 22px 18px;
}

.place-check-field{
  min-width:0;
  display:grid;
  gap:7px;
}

.place-check-field span{
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.7px;
}

.place-check-field input{
  width:100%;
  min-height:46px;
  border:1px solid rgba(112,215,255,.24);
  border-radius:6px;
  background:
    linear-gradient(180deg, rgba(8,28,46,.94), rgba(3,13,24,.96)),
    linear-gradient(90deg, rgba(112,215,255,.08), transparent);
  color:var(--text);
  font:inherit;
  font-weight:850;
  padding:0 13px;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.place-check-field input::placeholder{
  color:rgba(207,220,232,.48);
}

.place-check-field input:focus{
  border-color:rgba(112,215,255,.76);
  box-shadow:0 0 0 3px rgba(112,215,255,.1), inset 0 1px 0 rgba(255,255,255,.06);
}

.place-check-suggestions{
  grid-column:1 / -1;
  display:grid;
  gap:6px;
  margin-top:-4px;
  padding:8px;
  border:1px solid rgba(112,215,255,.2);
  border-radius:8px;
  background:linear-gradient(180deg, rgba(5,19,32,.98), rgba(2,11,20,.98));
  box-shadow:0 18px 42px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
  animation:measurement-menu-enter .2s var(--ease-soft) both;
}

.place-check-suggestions[hidden]{
  display:none;
}

.place-check-suggestion{
  appearance:none;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(112,215,255,.11);
  border-radius:6px;
  background:rgba(255,255,255,.035);
  color:var(--text);
  font:inherit;
  text-align:left;
  padding:0 11px;
  cursor:pointer;
  opacity:0;
  transform:translateY(5px);
  animation:measurement-option-enter .2s var(--ease-soft) forwards;
  animation-delay:var(--place-suggest-delay, 0ms);
  transition:border-color .16s ease, background .16s ease, transform .16s var(--ease-soft);
}

.place-check-suggestion:hover,
.place-check-suggestion:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(112,215,255,.46);
  background:rgba(112,215,255,.08);
  outline:none;
}

.place-check-suggestion span{
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:14px;
  font-weight:950;
}

.place-check-suggestion small{
  flex:0 0 auto;
  color:var(--muted);
  font-size:11px;
  font-weight:850;
  white-space:nowrap;
}

.place-check-button,
.place-check-open{
  appearance:none;
  border:1px solid rgba(112,215,255,.34);
  border-radius:6px;
  background:
    linear-gradient(180deg, rgba(23,92,143,.92), rgba(7,42,70,.94)),
    rgba(112,215,255,.12);
  color:#fff;
  font:inherit;
  font-size:13px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.55px;
  padding:0 16px;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 22px rgba(0,0,0,.18);
  transition:transform .18s var(--ease-soft), border-color .18s ease, box-shadow .18s ease;
}

.place-check-button{
  align-self:end;
  min-height:46px;
}

.place-check-button:hover,
.place-check-button:focus-visible,
.place-check-open:hover,
.place-check-open:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(112,215,255,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 14px 30px rgba(0,0,0,.24);
}

.place-check-result{
  padding:0 22px 22px;
}

.place-check-empty{
  padding:20px;
  border:1px dashed rgba(112,215,255,.22);
  border-radius:8px;
  color:var(--muted);
  font-weight:850;
}

.place-check-result[data-state="loading"] .place-check-empty{
  border-style:solid;
  background:linear-gradient(90deg, rgba(112,215,255,.08), rgba(255,255,255,.03));
  animation:measurement-filter-pulse .7s ease-out both;
}

.place-check-result[data-state="error"] .place-check-empty{
  border-color:rgba(255,99,99,.38);
  color:#ffd2d2;
  background:rgba(255,57,57,.06);
}

.place-check-card{
  position:relative;
  overflow:hidden;
  display:grid;
  gap:12px;
  border:1px solid rgba(112,215,255,.24);
  border-radius:8px;
  padding:16px;
  background:
    radial-gradient(circle at 86% 8%, rgba(255,209,102,.2), transparent 34%),
    linear-gradient(180deg, rgba(7,26,43,.92), rgba(2,12,22,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
  animation:place-check-card-in .48s var(--ease-soft) both;
}

.place-check-card::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:linear-gradient(90deg, #ffd166, rgba(112,215,255,.2), transparent);
  transform-origin:left;
  animation:measurement-accent-fill .72s var(--ease-soft) both;
}

.place-check-live-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}

.place-check-live-head span{
  color:#8fdfff;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.place-check-live-head strong{
  min-width:0;
  color:#f5fbff;
  font-size:clamp(25px, 3vw, 38px);
  line-height:1;
  text-align:right;
  text-shadow:0 4px 0 rgba(0,0,0,.32);
}

.place-warning-box{
  position:relative;
  z-index:1;
  display:grid;
  gap:10px;
  overflow:hidden;
  border:1px solid rgba(112,215,255,.22);
  border-radius:8px;
  padding:12px;
  background:
    linear-gradient(135deg, rgba(5,20,34,.9), rgba(2,11,20,.86)),
    radial-gradient(circle at 96% 0%, rgba(112,215,255,.12), transparent 34%);
  box-shadow:inset 3px 0 0 rgba(112,215,255,.62), inset 0 1px 0 rgba(255,255,255,.045);
}

.place-warning-box[data-state="loading"]{
  border-color:rgba(112,215,255,.28);
  box-shadow:inset 3px 0 0 rgba(112,215,255,.72), inset 0 1px 0 rgba(255,255,255,.045);
}

.place-warning-box[data-state="quiet"]{
  border-color:rgba(85,211,170,.24);
  box-shadow:inset 3px 0 0 rgba(85,211,170,.68), inset 0 1px 0 rgba(255,255,255,.045);
}

.place-warning-box[data-state="active"],
.place-warning-box[data-state="marked"]{
  border-color:rgba(246,164,25,.32);
  box-shadow:inset 3px 0 0 rgba(246,164,25,.86), inset 0 1px 0 rgba(255,255,255,.045);
}

.place-warning-box[data-state="severe"]{
  border-color:rgba(255,83,76,.4);
  box-shadow:inset 3px 0 0 rgba(255,83,76,.92), inset 0 1px 0 rgba(255,255,255,.045);
}

.place-warning-box[data-state="extreme"]{
  border-color:rgba(164,71,255,.46);
  box-shadow:inset 3px 0 0 rgba(164,71,255,.96), inset 0 1px 0 rgba(255,255,255,.045);
}

.place-warning-box[data-state="active"],
.place-warning-box[data-state="marked"],
.place-warning-box[data-state="severe"],
.place-warning-box[data-state="extreme"]{
  height:clamp(180px, 30vh, 260px);
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(112,215,255,.38) rgba(2,10,19,.36);
}

.place-warning-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.place-warning-head div{
  min-width:0;
  display:grid;
  gap:4px;
}

.place-warning-head span,
.place-warning-aspects > span{
  color:#8fdfff;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.place-warning-head strong{
  color:#f5fbff;
  font-size:17px;
  line-height:1.14;
  font-weight:1000;
}

.place-warning-head b,
.place-warning-meta span,
.place-warning-item-head span{
  min-height:24px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(112,215,255,.2);
  border-radius:999px;
  padding:0 8px;
  color:#dff5ff;
  background:rgba(255,255,255,.055);
  font-size:10px;
  font-weight:1000;
  letter-spacing:.05em;
  text-transform:uppercase;
  white-space:nowrap;
}

.place-warning-box > p{
  margin:0;
  color:#cddde9;
  font-size:13px;
  font-weight:750;
  line-height:1.36;
}

.place-warning-list{
  display:grid;
  gap:8px;
}

.place-warning-item{
  position:relative;
  z-index:1;
  border:1px solid rgba(112,215,255,.14);
  border-radius:7px;
  padding:10px;
  overflow:hidden;
  background:rgba(2,10,19,.34);
  opacity:0;
  transform:translateY(6px);
  animation:measurement-option-enter .24s var(--ease-soft) forwards;
  animation-delay:var(--place-warning-delay, 0ms);
}

.warning-compact-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  cursor:pointer;
  list-style:none;
}

.warning-compact-summary::-webkit-details-marker{
  display:none;
}

.warning-compact-summary::after{
  content:"+";
  flex:0 0 auto;
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(112,215,255,.2);
  border-radius:999px;
  color:#8fdfff;
  background:rgba(112,215,255,.06);
  font-size:14px;
  font-weight:1000;
  line-height:1;
  transition:transform .18s var(--ease-soft), background .18s ease, border-color .18s ease;
}

.place-warning-item[open] .warning-compact-summary::after,
.home-place-warning-item[open] .warning-compact-summary::after{
  content:"-";
  transform:rotate(180deg);
  border-color:rgba(112,215,255,.36);
  background:rgba(112,215,255,.12);
}

.warning-compact-title{
  min-width:0;
  display:grid;
  gap:3px;
}

.warning-compact-title strong{
  min-width:0;
  overflow:hidden;
  color:#f5fbff;
  font-size:14px;
  font-weight:1000;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.warning-compact-title small{
  overflow:hidden;
  color:#9fb8ca;
  font-size:11px;
  font-weight:900;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.warning-compact-badge{
  flex:0 0 auto;
  border:1px solid rgba(112,215,255,.18);
  border-radius:999px;
  padding:3px 7px;
  color:#dff5ff;
  background:rgba(255,255,255,.055);
  font-size:10px;
  font-weight:1000;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
}

.warning-expanded-panel{
  display:grid;
  gap:7px;
  margin-top:7px;
  border-top:1px solid rgba(112,215,255,.12);
  padding-top:7px;
}

.place-warning-item[open] .warning-expanded-panel,
.home-place-warning-item[open] .warning-expanded-panel{
  animation:warning-expand-in .22s var(--ease-soft) both;
}

.place-warning-item-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.place-warning-item-head strong{
  min-width:0;
  color:#fff;
  font-size:13px;
  line-height:1.2;
  font-weight:1000;
}

.place-warning-item p{
  margin:0;
  color:#cbdce9;
  font-size:13px;
  line-height:1.34;
}

.warning-interpretation{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:6px;
  align-items:start;
  border:1px solid rgba(112,215,255,.13);
  border-radius:7px;
  padding:7px 8px;
  background:rgba(112,215,255,.045);
  font-size:13px;
  line-height:1.3;
}

.warning-interpretation b{
  color:#8fdfff;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.place-warning-aspects{
  margin-top:6px;
  border-top:1px solid rgba(112,215,255,.12);
  padding-top:7px;
}

.warning-expanded-panel > .place-warning-aspects:first-child,
.warning-expanded-panel > .home-place-warning-aspects:first-child{
  margin-top:0;
  border-top:0;
  padding-top:0;
}

.place-warning-aspects ul{
  display:grid;
  gap:5px;
  margin:6px 0 0;
  padding:0;
  list-style:none;
}

.place-warning-aspects li{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:6px;
  color:#bfd4e4;
  font-size:11px;
  line-height:1.3;
}

.place-warning-aspects b{
  color:#f5fbff;
  font-size:10px;
  font-weight:1000;
  text-transform:uppercase;
}

.place-warning-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}

.place-check-main{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}

.place-check-main span,
.place-check-meta-line{
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.7px;
}

.place-check-main strong{
  color:#fff3a4;
  font-size:clamp(38px, 5vw, 58px);
  line-height:1;
  text-shadow:0 5px 0 rgba(0,0,0,.35);
  animation:place-check-value-pop .52s var(--ease-soft) both;
}

.place-check-meta-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:8px;
  margin:0;
}

.place-check-meta-grid div{
  padding:10px;
  border:1px solid rgba(112,215,255,.16);
  border-radius:8px;
  background:rgba(255,255,255,.035);
  opacity:0;
  transform:translateY(7px);
  animation:station-meta-enter .28s var(--ease-soft) forwards;
}

.place-check-meta-grid div:nth-child(1){animation-delay:60ms}
.place-check-meta-grid div:nth-child(2){animation-delay:100ms}
.place-check-meta-grid div:nth-child(3){animation-delay:140ms}
.place-check-meta-grid div:nth-child(4){animation-delay:180ms}

.place-check-meta-grid dt{
  margin-bottom:5px;
  color:var(--muted);
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.6px;
}

.place-check-meta-grid dd{
  margin:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-weight:950;
}

.place-check-open{
  justify-self:start;
  min-height:38px;
}

.stats-lab-detail{
  padding-top:16px;
}

.lab-dashboard{
  display:grid;
  grid-template-columns:minmax(360px, .92fr) minmax(0, 1.08fr);
  gap:18px;
}

.lab-category-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:0 22px 16px;
}

.lab-filter-row{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  align-items:center;
  gap:10px;
  padding:0 22px 16px;
}

.lab-filter-label{
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.7px;
}

.lab-state-picker{
  position:relative;
  min-width:0;
}

.lab-state-trigger{
  appearance:none;
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(112,215,255,.24);
  border-radius:6px;
  background:
    linear-gradient(180deg, rgba(8,28,46,.92), rgba(3,13,24,.94)),
    linear-gradient(90deg, rgba(112,215,255,.08), transparent);
  color:var(--text);
  font:inherit;
  font-size:13px;
  font-weight:900;
  text-align:left;
  padding:0 12px;
  outline:none;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.lab-state-trigger:hover,
.lab-state-trigger:focus-visible,
.lab-state-picker.is-open .lab-state-trigger{
  border-color:rgba(112,215,255,.72);
  background:
    linear-gradient(180deg, rgba(12,39,62,.96), rgba(4,18,32,.96)),
    linear-gradient(90deg, rgba(112,215,255,.12), transparent);
  box-shadow:0 0 0 3px rgba(112,215,255,.12), inset 0 1px 0 rgba(255,255,255,.06);
}

.lab-state-trigger-icon{
  width:8px;
  height:8px;
  border-right:2px solid rgba(112,215,255,.82);
  border-bottom:2px solid rgba(112,215,255,.82);
  transform:translateY(-2px) rotate(45deg);
  transition:transform .18s var(--ease-soft);
}

.lab-state-picker.is-open .lab-state-trigger-icon{
  transform:translateY(2px) rotate(225deg);
}

.lab-state-menu{
  position:absolute;
  z-index:40;
  top:calc(100% + 8px);
  left:0;
  right:0;
  max-height:310px;
  overflow:auto;
  padding:6px;
  border:1px solid rgba(112,215,255,.34);
  border-radius:8px;
  background:
    linear-gradient(180deg, rgba(8,24,38,.98), rgba(4,13,24,.98)),
    linear-gradient(90deg, rgba(112,215,255,.06) 1px, transparent 1px);
  background-size:auto, 48px 48px;
  box-shadow:0 22px 44px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05);
  transform-origin:top;
  animation:measurement-menu-enter .2s var(--ease-soft) both;
}

.lab-state-menu[hidden]{
  display:none;
}

.lab-state-option{
  appearance:none;
  width:100%;
  min-height:34px;
  display:flex;
  align-items:center;
  border:1px solid transparent;
  border-radius:6px;
  background:transparent;
  color:var(--muted);
  font:inherit;
  font-size:13px;
  font-weight:900;
  text-align:left;
  padding:0 10px;
  cursor:pointer;
  opacity:0;
  transform:translateY(-4px);
  animation:measurement-option-enter .2s var(--ease-soft) forwards;
  animation-delay:var(--state-option-delay, 0ms);
  transition:background .16s ease, color .16s ease, border-color .16s ease, transform .16s var(--ease-soft);
}

.lab-state-option:hover,
.lab-state-option:focus-visible{
  color:var(--text);
  border-color:rgba(112,215,255,.24);
  background:rgba(112,215,255,.09);
  transform:translateX(2px);
  outline:none;
}

.lab-state-option.is-active{
  color:#fff3a4;
  border-color:rgba(112,215,255,.34);
  background:linear-gradient(90deg, rgba(17,109,164,.42), rgba(112,215,255,.08));
  box-shadow:inset 3px 0 0 rgba(112,215,255,.78);
}

.lab-category-tab{
  appearance:none;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(112,215,255,.2);
  border-radius:6px;
  padding:9px 11px;
  background:rgba(8,24,38,.78);
  color:var(--muted);
  font:inherit;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.58px;
  cursor:pointer;
  opacity:0;
  transform:translateY(7px);
  animation:measurement-tab-enter .34s var(--ease-soft) forwards;
  animation-delay:var(--tab-delay, 0ms);
  transition:transform .18s var(--ease-soft), border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}

.lab-category-tab::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:5px;
  height:2px;
  border-radius:999px;
  background:var(--tab-accent, var(--cyan));
  transform:scaleX(0);
  transform-origin:left;
  opacity:.9;
  transition:transform .2s var(--ease-soft);
}

.lab-category-tab:hover,
.lab-category-tab.is-active{
  color:var(--text);
  border-color:color-mix(in srgb, var(--tab-accent, var(--cyan)) 58%, rgba(112,215,255,.24));
  background:color-mix(in srgb, var(--tab-accent, var(--cyan)) 22%, rgba(8,24,38,.78));
}

.lab-category-tab:hover{
  transform:translateY(-1px);
}

.lab-category-tab:hover::after,
.lab-category-tab.is-active::after{
  transform:scaleX(1);
}

.lab-ranking-list{
  display:grid;
  gap:0;
  border-top:1px solid rgba(112,215,255,.12);
}

.lab-ranking-row{
  appearance:none;
  position:relative;
  display:grid;
  grid-template-columns:44px minmax(0, 1fr) auto;
  gap:12px;
  align-items:center;
  min-height:72px;
  border:0;
  border-bottom:1px solid rgba(112,215,255,.12);
  background:transparent;
  color:var(--text);
  font:inherit;
  text-align:left;
  cursor:pointer;
  opacity:0;
  transform:translateX(-12px);
  animation:measurement-row-enter .46s var(--ease-soft) forwards;
  animation-delay:var(--lab-delay, 0ms);
}

.lab-ranking-row::before{
  content:"";
  position:absolute;
  left:56px;
  right:18px;
  bottom:10px;
  height:3px;
  border-radius:999px;
  background:color-mix(in srgb, var(--value-accent, var(--cyan)) 16%, rgba(112,215,255,.1));
}

.lab-ranking-row::after{
  content:"";
  position:absolute;
  left:56px;
  bottom:10px;
  width:var(--rank-width, 20%);
  height:3px;
  border-radius:999px;
  background:
    linear-gradient(90deg,
      color-mix(in srgb, var(--value-accent, var(--cyan)) 54%, #70d7ff 46%),
      var(--value-accent, var(--amber))
    );
  box-shadow:0 0 10px color-mix(in srgb, var(--value-accent, var(--cyan)) 28%, transparent);
  transform-origin:left;
  animation:measurement-rank-fill .72s var(--ease-soft) both;
  animation-delay:calc(var(--lab-delay, 0ms) + 120ms);
}

.lab-ranking-row:hover{
  background:linear-gradient(90deg, color-mix(in srgb, var(--value-accent, var(--cyan)) 12%, transparent), rgba(112,215,255,.025));
}

.measurements-filtering .lab-ranking-list{
  animation:measurement-filter-pulse .34s ease-out both;
}

.lab-rank{
  justify-self:center;
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border:1px solid color-mix(in srgb, var(--value-accent, var(--cyan)) 46%, rgba(112,215,255,.24));
  border-radius:6px;
  background:color-mix(in srgb, var(--value-accent, var(--cyan)) 18%, rgba(17,109,164,.18));
  color:color-mix(in srgb, var(--value-accent, var(--cyan)) 68%, #fff 32%);
  font-weight:900;
}

.lab-rank-place{
  min-width:0;
}

.lab-rank-place strong,
.lab-rank-place small{
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.lab-rank-place strong{
  font-weight:900;
}

.lab-rank-place small{
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}

.lab-rank-value{
  padding-right:16px;
  color:color-mix(in srgb, var(--value-accent, #fff3a4) 82%, #fff 18%);
  font-size:22px;
  font-weight:900;
  text-shadow:0 3px 0 rgba(0,0,0,.35);
}

.station-focus-empty,
.lab-loading{
  margin:0 22px 22px;
  padding:24px;
  border:1px dashed rgba(112,215,255,.2);
  border-radius:8px;
  color:var(--muted);
  font-weight:800;
}

.station-focus{
  padding:0 22px 22px;
}

.station-main-value{
  position:relative;
  overflow:hidden;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
  margin-bottom:16px;
  padding:18px;
  border:1px solid color-mix(in srgb, var(--station-accent, var(--cyan)) 34%, rgba(112,215,255,.16));
  border-radius:8px;
  background:
    radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--station-accent, var(--cyan)) 16%, transparent), transparent 36%),
    rgba(0,0,0,.18);
}

.station-main-value::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--station-accent, var(--cyan)) 16%, transparent), transparent);
  transform:translateX(-120%) skewX(-16deg);
}

.station-focus.is-refreshing .station-main-value::after{
  animation:station-main-sweep .66s ease-out both;
}

.station-main-value span{
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.7px;
}

.station-main-value strong{
  color:color-mix(in srgb, var(--station-accent, #fff3a4) 78%, #fff 22%);
  font-size:clamp(42px, 6vw, 68px);
  line-height:1;
  text-shadow:0 5px 0 rgba(0,0,0,.35);
}

.station-meta-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
  margin:0;
}

.station-meta-grid div{
  padding:12px;
  border:1px solid rgba(112,215,255,.16);
  border-radius:8px;
  background:rgba(255,255,255,.035);
  opacity:0;
  transform:translateY(8px);
  animation:station-meta-enter .34s var(--ease-soft) forwards;
}

.station-meta-grid div:nth-child(1){
  animation-delay:40ms;
}

.station-meta-grid div:nth-child(2){
  animation-delay:80ms;
}

.station-meta-grid div:nth-child(3){
  animation-delay:120ms;
}

.station-meta-grid div:nth-child(4){
  animation-delay:160ms;
}

.station-meta-grid dt{
  margin-bottom:6px;
  color:var(--muted);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.65px;
}

.station-meta-grid dd{
  margin:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-weight:900;
}

.station-trend{
  position:relative;
  overflow:hidden;
  min-height:288px;
  margin:18px 0 12px;
  padding:16px;
  border:1px solid color-mix(in srgb, var(--station-accent, var(--cyan)) 30%, rgba(112,215,255,.14));
  border-radius:8px;
  background:
    radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--station-accent, var(--cyan)) 18%, transparent), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012)),
    rgba(0,0,0,.16);
}

.station-trend::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(112,215,255,.06) 1px, transparent 1px),
    linear-gradient(rgba(112,215,255,.06) 1px, transparent 1px);
  background-size:64px 100%, 100% 42px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.9), rgba(0,0,0,.28));
}

.station-trend-head,
.station-trend-foot{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.station-trend-head span,
.station-trend-foot span{
  color:var(--muted);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.65px;
}

.station-trend-head strong{
  display:block;
  margin-top:4px;
  font-size:18px;
  line-height:1.15;
}

.station-trend-head b{
  flex:0 0 auto;
  padding:7px 10px;
  border:1px solid color-mix(in srgb, var(--station-accent, var(--cyan)) 42%, rgba(112,215,255,.14));
  border-radius:7px;
  background:rgba(0,0,0,.24);
  color:color-mix(in srgb, var(--station-accent, var(--cyan)) 82%, #fff 18%);
  font-size:16px;
  line-height:1;
  text-shadow:0 2px 0 rgba(0,0,0,.36);
}

.station-trend-head b[data-trend="down"]{
  color:#70d7ff;
}

.station-trend-head b[data-trend="up"]{
  color:color-mix(in srgb, var(--station-accent, #fff3a4) 86%, #fff 14%);
}

.station-trend-chart{
  position:relative;
  z-index:1;
  height:190px;
  margin:14px 0 12px;
}

.station-trend-chart svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}

.station-trend-grid{
  fill:none;
  stroke:rgba(112,215,255,.12);
  stroke-width:1;
}

.station-trend-area-path{
  fill:color-mix(in srgb, var(--station-accent, var(--cyan)) 26%, transparent);
  opacity:.68;
  animation:station-trend-area .72s ease-out both;
}

.station-trend-line-path{
  fill:none;
  stroke:color-mix(in srgb, var(--station-accent, var(--cyan)) 82%, #fff 18%);
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 4px 0 rgba(0,0,0,.28));
  stroke-dasharray:720;
  stroke-dashoffset:720;
  animation:station-trend-draw .9s var(--ease-soft) forwards;
}

.station-trend-point{
  fill:#06131f;
  stroke:color-mix(in srgb, var(--station-accent, var(--cyan)) 82%, #fff 18%);
  stroke-width:2.4;
  opacity:0;
  transform-box:fill-box;
  transform-origin:center;
  animation:station-trend-point .34s var(--ease-soft) forwards;
  animation-delay:calc(.22s + var(--point-delay, 0ms));
}

.station-trend-placeholder{
  position:absolute;
  inset:18px 0 0;
  display:flex;
  align-items:end;
  gap:10px;
  padding:0 8px 8px;
}

.station-trend-placeholder span{
  flex:1;
  height:44%;
  border-radius:5px 5px 0 0;
  background:linear-gradient(180deg, color-mix(in srgb, var(--station-accent, var(--cyan)) 68%, #fff 12%), rgba(112,215,255,.1));
  opacity:.42;
  transform-origin:bottom;
  animation:station-placeholder-pulse 1.1s ease-in-out infinite alternate;
}

.station-trend-placeholder span:nth-child(2){height:62%; animation-delay:.1s}
.station-trend-placeholder span:nth-child(3){height:38%; animation-delay:.2s}
.station-trend-placeholder span:nth-child(4){height:72%; animation-delay:.3s}
.station-trend-placeholder span:nth-child(5){height:54%; animation-delay:.4s}

.station-trend-empty-line{
  position:absolute;
  inset:34px 10px 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px dashed rgba(112,215,255,.2);
  border-radius:8px;
  color:var(--muted);
  font-weight:900;
}

.station-trend-foot{
  align-items:center;
}

.station-trend-foot span:first-child{
  color:color-mix(in srgb, var(--station-accent, var(--cyan)) 78%, #fff 22%);
}

.station-note{
  margin:0;
  color:var(--muted);
  line-height:1.5;
}

.measurements-live-page .stats-lab-hero .section-heading,
.measurements-live-page .stats-lab-status{
  opacity:0;
  transform:translateY(10px);
  animation:live-panel-enter .58s var(--ease-soft) forwards;
}

.measurements-live-page .stats-lab-status{
  animation-delay:90ms;
}

.stats-live-overview{
  padding-top:14px;
}

.measurements-records-panel .lab-record-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

.measurements-live-page .lab-panel{
  opacity:0;
  transform:translateY(14px);
  animation:live-panel-enter .62s var(--ease-soft) forwards;
}

.measurements-live-page .stats-lab-detail .lab-panel{
  animation-delay:120ms;
}

.measurements-live-page .lab-panel::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-35%;
  width:28%;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(112,215,255,.08), transparent);
  transform:skewX(-18deg) translateX(-120%);
  animation:live-panel-sweep 1.2s ease-out both;
  animation-delay:180ms;
}

.measurements-live-page .lab-record-card,
.measurements-live-page .lab-ranking-row{
  transition:transform .18s var(--ease-soft), border-color .18s ease, background .18s ease;
}

.measurements-live-page .lab-record-card:hover{
  transform:translateY(-3px);
  border-color:color-mix(in srgb, var(--record-accent, var(--cyan)) 52%, rgba(112,215,255,.24));
  box-shadow:0 14px 28px rgba(0,0,0,.26), 0 0 0 1px color-mix(in srgb, var(--record-accent, var(--cyan)) 22%, transparent);
}

.measurements-live-page .lab-ranking-row:hover,
.measurements-live-page .lab-ranking-row.is-selected{
  background:linear-gradient(90deg, rgba(112,215,255,.095), rgba(112,215,255,.025));
}

.measurements-live-page .lab-ranking-row.is-selected .lab-rank{
  border-color:rgba(255,243,164,.58);
  background:rgba(255,243,164,.14);
  color:#fff3a4;
}

.measurements-refreshing .measurements-records-panel,
.measurements-refreshing .lab-ranking-panel{
  box-shadow:var(--shadow), 0 0 0 1px rgba(112,215,255,.16), 0 0 26px rgba(112,215,255,.08);
}

.measurements-live-page .station-focus.is-refreshing{
  animation:station-focus-pop .36s var(--ease-soft) both;
}

@keyframes measurement-card-enter{
  0%{opacity:0; transform:translateY(14px) scale(.985)}
  72%{opacity:1; transform:translateY(-2px) scale(1.006)}
  100%{opacity:1; transform:translateY(0) scale(1)}
}

@keyframes measurement-row-enter{
  0%{opacity:0; transform:translateX(-14px)}
  72%{opacity:1; transform:translateX(3px)}
  100%{opacity:1; transform:translateX(0)}
}

@keyframes measurement-bar-grow{
  from{width:0}
  to{width:var(--bar-width, 0%)}
}

@keyframes measurement-status-scan{
  from{transform:translateX(-130%)}
  to{transform:translateX(130%)}
}

@keyframes measurement-record-glint{
  0%,60%{opacity:0; transform:skewX(-18deg) translateX(-130%)}
  68%{opacity:.85}
  82%,100%{opacity:0; transform:skewX(-18deg) translateX(480%)}
}

@keyframes measurement-accent-fill{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}

@keyframes measurement-value-breathe{
  0%,100%{filter:drop-shadow(0 0 0 rgba(255,243,164,0))}
  48%{filter:drop-shadow(0 0 7px rgba(255,243,164,.12))}
}

@keyframes measurement-menu-enter{
  from{opacity:0; transform:translateY(-6px) scaleY(.96)}
  to{opacity:1; transform:translateY(0) scaleY(1)}
}

@keyframes measurement-option-enter{
  to{opacity:1; transform:translateY(0)}
}

@keyframes measurement-tab-enter{
  0%{opacity:0; transform:translateY(7px)}
  100%{opacity:1; transform:translateY(0)}
}

@keyframes measurement-rank-fill{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}

@keyframes measurement-filter-pulse{
  0%{filter:brightness(1)}
  42%{filter:brightness(1.18)}
  100%{filter:brightness(1)}
}

@keyframes live-panel-enter{
  to{opacity:1; transform:translateY(0)}
}

@keyframes live-panel-sweep{
  0%,48%{transform:skewX(-18deg) translateX(-120%); opacity:0}
  58%{opacity:.9}
  72%,100%{transform:skewX(-18deg) translateX(560%); opacity:0}
}

@keyframes place-check-card-in{
  from{opacity:0; transform:translateY(10px) scale(.985)}
  to{opacity:1; transform:translateY(0) scale(1)}
}

@keyframes place-check-value-pop{
  from{opacity:0; transform:translateY(7px) scale(.96)}
  to{opacity:1; transform:translateY(0) scale(1)}
}

@keyframes station-focus-pop{
  from{opacity:.68; transform:translateY(8px) scale(.985)}
  to{opacity:1; transform:translateY(0) scale(1)}
}

@keyframes station-main-sweep{
  from{transform:translateX(-120%) skewX(-16deg)}
  to{transform:translateX(120%) skewX(-16deg)}
}

@keyframes station-meta-enter{
  to{opacity:1; transform:translateY(0)}
}

@keyframes station-bar-rise{
  from{transform:scaleY(0)}
  to{transform:scaleY(1)}
}

@keyframes station-trend-draw{
  to{stroke-dashoffset:0}
}

@keyframes station-trend-area{
  from{opacity:0; transform:translateY(10px)}
  to{opacity:.68; transform:translateY(0)}
}

@keyframes station-trend-point{
  from{opacity:0; transform:scale(.4)}
  to{opacity:1; transform:scale(1)}
}

@keyframes station-placeholder-pulse{
  from{opacity:.26; transform:scaleY(.78)}
  to{opacity:.55; transform:scaleY(1)}
}

@keyframes term-card-enter{
  0%{opacity:0; transform:translateY(14px) scale(.985)}
  72%{opacity:1; transform:translateY(-2px) scale(1.004)}
  100%{opacity:1; transform:translateY(0) scale(1)}
}

a{
  color:inherit;
  text-decoration:none;
}

.site-header{
  position:sticky;
  top:0;
  z-index:30;
  height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 clamp(18px, 4vw, 54px);
  border-bottom:1px solid rgba(126,184,226,.18);
  background:rgba(6,16,28,.88);
  backdrop-filter:blur(14px);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}

.brand{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:24px;
  font-weight:800;
  letter-spacing:.2px;
}

.brand-avatar{
  width:44px;
  height:44px;
  border-radius:999px;
  object-fit:cover;
  object-position:50% 38%;
  border:1px solid rgba(112,215,255,.56);
  background:#07131f;
  box-shadow:0 0 0 2px rgba(112,215,255,.1), inset 0 -2px 0 rgba(112,215,255,.35);
}

.nav{
  display:flex;
  align-items:center;
  gap:6px;
}

.nav a{
  position:relative;
  padding:10px 12px;
  color:var(--muted);
  font-size:14px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.8px;
  border-radius:6px;
  transition:color .18s ease, background .18s ease, transform .18s ease;
}

.nav a:hover{
  color:var(--text);
  background:rgba(112,215,255,.08);
  transform:translateY(-1px);
}

.nav a::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:6px;
  height:1px;
  opacity:0;
  transform:scaleX(.4);
  transform-origin:left;
  background:linear-gradient(90deg, rgba(112,215,255,.9), transparent);
  transition:opacity .2s ease, transform .22s var(--ease-soft);
}

.nav a:hover::after,
.nav a:focus-visible::after{
  opacity:1;
  transform:scaleX(1);
}

.nav a[aria-current="page"]{
  color:var(--text);
  background:rgba(112,215,255,.1);
}

.hero{
  position:relative;
  min-height:calc(100vh - 72px);
  display:grid;
  grid-template-columns:minmax(0, 1fr) 360px;
  align-items:end;
  gap:28px;
  padding:clamp(38px, 6vw, 76px) clamp(18px, 4vw, 54px);
  overflow:hidden;
  border-bottom:1px solid rgba(126,184,226,.16);
}

.hero-bg{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:
    linear-gradient(90deg, rgba(6,16,28,.98) 0%, rgba(6,16,28,.8) 45%, rgba(8,24,38,.66) 100%);
}

.map-grid{
  position:absolute;
  inset:-12%;
  opacity:.42;
  background:
    linear-gradient(rgba(112,215,255,.13) 1px, transparent 1px),
    linear-gradient(90deg, rgba(112,215,255,.13) 1px, transparent 1px);
  background-size:72px 72px;
  transform:rotate(-2deg);
}

.radar-core{
  position:absolute;
  border-radius:999px;
  filter:blur(.2px);
  opacity:.78;
}

.radar-a{
  right:10%;
  top:20%;
  width:380px;
  height:380px;
  background:
    radial-gradient(circle, rgba(112,215,255,.25), transparent 32%),
    conic-gradient(from 30deg, transparent 0 18%, rgba(75,183,255,.38) 20% 25%, transparent 29% 100%);
  border:1px solid rgba(112,215,255,.14);
  animation:radar-drift 12s ease-in-out infinite;
}

.radar-b{
  right:26%;
  bottom:8%;
  width:220px;
  height:220px;
  background:
    radial-gradient(circle, rgba(246,164,25,.26), transparent 34%),
    conic-gradient(from 210deg, transparent 0 20%, rgba(246,164,25,.35) 23% 30%, transparent 34% 100%);
  animation:radar-drift 10s ease-in-out infinite reverse;
}

.front-line{
  position:absolute;
  right:-60px;
  bottom:160px;
  width:54vw;
  height:2px;
  background:linear-gradient(90deg, transparent, rgba(112,215,255,.85), transparent);
  transform:rotate(-16deg);
  box-shadow:0 0 16px rgba(112,215,255,.4);
  animation:front-line-pulse 5.5s ease-in-out infinite;
}

.hero-inner,
.hero-panel{
  position:relative;
  z-index:1;
}

.hero-inner{
  max-width:840px;
  padding-bottom:18px;
}

h1,
h2,
h3,
p{
  margin:0;
}

h1{
  margin-top:22px;
  max-width:900px;
  font-size:clamp(42px, 7vw, 86px);
  line-height:.95;
  letter-spacing:0;
}

.hero-copy{
  margin-top:24px;
  max-width:720px;
  color:#c0ced9;
  font-size:clamp(18px, 2vw, 24px);
  line-height:1.46;
}

.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:32px;
}

.hero-socials{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:18px;
}

.hero-social-link{
  --social-accent:var(--cyan);
  position:relative;
  isolation:isolate;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  overflow:hidden;
  padding:0 13px 0 9px;
  border:1px solid rgba(126,184,226,.22);
  border-radius:6px;
  background:rgba(5,17,30,.58);
  color:#dbeaf5;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.65px;
  box-shadow:0 10px 22px rgba(0,0,0,.18);
  opacity:0;
  transform:translateY(8px);
  animation:hero-social-enter .58s var(--ease-soft) forwards;
  animation-delay:var(--social-delay, 0ms);
  transition:
    transform .22s var(--ease-soft),
    border-color .22s ease,
    background .22s ease,
    box-shadow .22s ease;
}

.hero-social-link:nth-child(1){--social-delay:80ms}
.hero-social-link:nth-child(2){--social-delay:150ms}
.hero-social-link:nth-child(3){--social-delay:220ms}
.hero-social-link:nth-child(4){--social-delay:290ms}

.hero-social-link::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg, transparent, color-mix(in srgb, var(--social-accent) 34%, transparent), transparent);
  opacity:0;
  transform:translateX(-72%);
  transition:opacity .22s ease, transform .48s var(--ease-soft);
}

.hero-social-link:hover,
.hero-social-link:focus-visible{
  transform:translateY(-3px);
  border-color:color-mix(in srgb, var(--social-accent) 72%, rgba(126,184,226,.28));
  background:rgba(8,24,38,.8);
  box-shadow:0 18px 30px rgba(0,0,0,.28);
}

.hero-social-link:hover::before,
.hero-social-link:focus-visible::before{
  opacity:1;
  transform:translateX(72%);
}

.hero-social-mark{
  min-width:28px;
  height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid color-mix(in srgb, var(--social-accent) 56%, rgba(255,255,255,.14));
  border-radius:5px;
  background:linear-gradient(180deg, color-mix(in srgb, var(--social-accent) 24%, rgba(7,22,38,.86)), rgba(4,13,24,.86));
  color:#fff;
  font-size:11px;
  line-height:1;
  text-shadow:0 2px 0 rgba(0,0,0,.38);
}

.hero-social-instagram{
  --social-accent:#e15a97;
}

.hero-social-youtube{
  --social-accent:#ff4747;
}

.hero-social-x{
  --social-accent:#dce8f2;
}

.hero-social-twitch{
  --social-accent:#8f66ff;
}

.button{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border:1px solid rgba(112,215,255,.38);
  background:linear-gradient(180deg, rgba(16,76,120,.3), rgba(7,31,52,.9));
  color:var(--text);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.8px;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.button:hover{
  transform:translateY(-2px);
  border-color:rgba(112,215,255,.72);
  box-shadow:0 16px 28px rgba(0,0,0,.3);
}

.button.primary{
  background:linear-gradient(180deg, rgba(76,171,255,.4), rgba(14,84,144,.82));
}

.button.secondary{
  background:transparent;
}

.hero-panel{
  margin-bottom:8px;
  padding:14px;
  border:1px solid rgba(126,184,226,.24);
  background:rgba(8,24,38,.78);
  max-width:360px;
  box-shadow:var(--shadow);
}

.hero-panel > :not(:first-child){
  margin-top:10px;
}

.section{
  padding:72px clamp(18px, 4vw, 54px);
  border-bottom:1px solid rgba(126,184,226,.14);
}

.section-heading{
  max-width:760px;
  margin-bottom:28px;
}

.terms-page main{
  min-height:calc(100vh - 160px);
}

.terms-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding-top:clamp(42px, 7vw, 86px);
}

.terms-hero .section-heading{
  margin-bottom:0;
}

.terms-hero .section-heading p,
.terms-section-head p{
  color:#bdd0df;
  font-size:clamp(17px, 2vw, 21px);
  line-height:1.5;
}

.terms-quick-nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
  max-width:520px;
}

.terms-quick-nav a{
  position:relative;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(112,215,255,.26);
  border-radius:6px;
  padding:0 12px;
  background:rgba(4,16,28,.58);
  color:#d6e7f3;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.85px;
  overflow:hidden;
  transition:transform .18s var(--ease-soft), border-color .18s ease, background .18s ease;
}

.terms-quick-nav a::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:var(--cyan);
  opacity:.78;
}

.terms-quick-nav a:hover,
.terms-quick-nav a:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(112,215,255,.64);
  background:rgba(112,215,255,.08);
  outline:none;
}

.terms-section{
  padding-top:54px;
}

.terms-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

.terms-section-head h2{
  margin:8px 0 0;
}

.terms-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
  gap:14px;
}

.term-card{
  position:relative;
  min-height:220px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(114,183,232,.26);
  border-radius:8px;
  padding:18px;
  background:
    linear-gradient(180deg, rgba(16,42,66,.94), rgba(5,17,30,.98));
  box-shadow:
    0 18px 42px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.05);
  opacity:0;
  transform:translateY(14px);
  animation:term-card-enter .58s var(--ease-soft) forwards;
  animation-delay:calc(var(--term-delay, 0ms) + 40ms);
  transition:transform .2s var(--ease-soft), border-color .2s ease, box-shadow .2s ease;
}

.term-card:nth-child(2){--term-delay:45ms}
.term-card:nth-child(3){--term-delay:90ms}
.term-card:nth-child(4){--term-delay:135ms}
.term-card:nth-child(5){--term-delay:180ms}
.term-card:nth-child(6){--term-delay:225ms}

.term-card::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:3px;
  background:linear-gradient(90deg, var(--cyan), rgba(246,164,25,.72), transparent);
}

.term-card::after{
  content:"";
  position:absolute;
  right:-34px;
  bottom:-34px;
  width:92px;
  height:92px;
  border:1px solid rgba(112,215,255,.16);
  transform:rotate(45deg);
}

.term-card:hover{
  transform:translateY(-4px);
  border-color:rgba(112,215,255,.58);
  box-shadow:
    0 24px 54px rgba(0,0,0,.34),
    0 0 0 1px rgba(112,215,255,.06),
    inset 0 1px 0 rgba(255,255,255,.07);
}

.term-card span{
  color:var(--cyan);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:1.2px;
}

.term-card h3{
  margin:14px 0 0;
  color:#fff;
  font-size:clamp(23px, 2.7vw, 32px);
  line-height:1.06;
  text-shadow:1px 1px 0 rgba(0,0,0,.82);
}

.term-card p{
  margin:14px 0 0;
  color:#bdd0df;
  font-size:15px;
  line-height:1.55;
}

.eyebrow,
.panel-label{
  display:block;
  color:var(--cyan);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1.8px;
  margin-bottom:6px;
}

h2{
  margin-top:8px;
  font-size:clamp(30px, 4vw, 54px);
  line-height:1;
}

.media-grid,
.report-layout,
.format-grid,
.warning-grid,
.live-grid{
  display:grid;
  gap:16px;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}

.media-card,
.wis-broadcast-card,
.format-grid article,
.report-form,
.report-info{
  border:1px solid rgba(126,184,226,.2);
  background:linear-gradient(180deg, rgba(18,43,68,.92), rgba(8,24,38,.92));
  box-shadow:var(--shadow);
  padding:18px;
}

.media-frame{
  min-height:190px;
  border:1px solid rgba(126,184,226,.3);
  margin:12px 0;
  position:relative;
  overflow:hidden;
  background:rgba(6,18,30,.6);
}

.video-placeholder{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  text-align:center;
  color:#c2d1dd;
  padding:10px;
  font-size:13px;
  font-weight:700;
}

.media-frame.is-empty::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 34%, rgba(70,149,198,.16), rgba(11,35,55,.96) 65%, rgba(11,24,38,.97));
  z-index:-1;
}

.media-frame.has-thumbnail img,
.media-frame.has-thumbnail video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.video-thumb{
  width:100%;
  height:100%;
  object-fit:cover;
}

.media-caption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:8px;
  background:rgba(4,11,19,.7);
  color:#f2f9ff;
  display:grid;
  gap:2px;
}

.media-caption small,
.media-frame .media-caption small{
  color:var(--muted);
  font-size:11px;
}

.wis-broadcast-card{
  display:grid;
  gap:16px;
}

.stream-warning-row{
  display:grid;
  grid-template-columns:220px 1fr;
  border-top:1px solid rgba(126,184,226,.16);
}

.stream-warning-source{
  display:grid;
  place-items:center;
  text-transform:uppercase;
  letter-spacing:1px;
  color:var(--cyan);
  font-weight:800;
  font-size:12px;
  background:rgba(0,0,0,.22);
  border-right:1px solid rgba(126,184,226,.2);
}

.stream-warning-content{
  display:grid;
  gap:8px;
  padding:14px;
}

.stream-warning-title-line{
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-weight:700;
}

.stream-warning-title-line strong{
  color:#b9daff;
  text-align:right;
}

.stream-warning-areas{
  color:var(--muted);
  font-size:13px;
  min-height:1.4em;
  overflow:hidden;
}

.wis-broadcast-card[data-alert-theme="quiet"]{ border-left:2px solid #6ca6c4; }
.wis-broadcast-card[data-alert-theme="yellow"]{ border-left:2px solid #f4a32a; }
.wis-broadcast-card[data-alert-theme="orange"]{ border-left:2px solid #ed7c2b; }
.wis-broadcast-card[data-alert-theme="red"]{ border-left:2px solid #c91f1f; }
.wis-broadcast-card[data-alert-theme="violet"]{ border-left:2px solid #9f26ca; }

.stream-warning-banner{
  position:absolute;
  left:0;
  right:0;
  padding:12px 14px;
  display:grid;
  align-items:center;
  justify-items:center;
  min-height:46px;
  color:#f4fbff;
  font-size:13px;
  line-height:1.3;
  letter-spacing:.5px;
  text-transform:uppercase;
  font-weight:900;
  border-bottom:1px solid rgba(126,184,226,.22);
  transform:translateX(-120%);
  opacity:0;
  pointer-events:none;
  transition:transform .52s var(--ease-soft), opacity .18s linear;
  z-index:5;
  box-shadow:0 6px 20px rgba(0,0,0,.25);
}

.stream-warning-banner,
.stream-warning-banner[data-alert-theme],
.stream-warning-banner[data-alert-theme="quiet"],
.stream-warning-banner[data-alert-theme="yellow"],
.stream-warning-banner[data-alert-theme="orange"],
.stream-warning-banner[data-alert-theme="red"],
.stream-warning-banner[data-alert-theme="violet"],
.stream-warning-banner[data-alert-theme="extreme"],
.stream-warning-banner[data-alert-theme="breaking"],
.stream-warning-banner[data-alert-theme="heat"],
.stream-warning-banner[data-alert-theme="extreme_heat"],
.stream-warning-banner[data-alert-theme="uv"]{
  border-left:1px solid rgba(126,184,226,.28);
  background:
    linear-gradient(180deg, rgba(14,42,67,.98), rgba(5,20,35,.98));
  color:#f4fbff;
}

.stream-warning-banner span{
  text-align:center;
  text-wrap:balance;
}

.stream-warning-banner.is-visible{
  transform:translateX(0);
  opacity:1;
}

.stream-warning-banner.is-hiding{
  transform:translateX(115%);
  opacity:0;
}

.stream-warning-banner[data-alert-theme="quiet"]{
  background:linear-gradient(90deg, rgba(17,39,58,.95), rgba(11,27,42,.92));
}
.stream-warning-banner[data-alert-theme="yellow"]{
  background:linear-gradient(90deg, rgba(138,84,22,.98), rgba(76,42,8,.94));
}
.stream-warning-banner[data-alert-theme="orange"]{
  background:linear-gradient(90deg, rgba(178,88,8,.98), rgba(111,44,11,.94));
}
.stream-warning-banner[data-alert-theme="red"]{
  background:linear-gradient(90deg, rgba(168,27,27,.98), rgba(111,13,13,.94));
}
.stream-warning-banner[data-alert-theme="extreme"]{
  background:linear-gradient(90deg, rgba(129,22,122,.98), rgba(93,18,96,.94));
}
.stream-warning-banner[data-alert-theme="breaking"]{
  background:linear-gradient(90deg, rgba(184,20,20,.98), rgba(130,11,11,.94));
}
.stream-warning-banner[data-alert-theme="violet"]{
  background:linear-gradient(90deg, rgba(129,22,122,.98), rgba(93,18,96,.94));
}
.stream-warning-banner[data-alert-theme="heat"]{
  background:linear-gradient(90deg, rgba(145,90,10,.98), rgba(98,46,0,.94));
}
.stream-warning-banner[data-alert-theme="extreme_heat"]{
  background:linear-gradient(90deg, rgba(141,42,12,.98), rgba(97,22,4,.94));
}
.stream-warning-banner[data-alert-theme="uv"]{
  background:linear-gradient(90deg, rgba(45,105,165,.98), rgba(17,62,106,.94));
}

.revealable{
  opacity:0;
  transform:translateY(14px);
  transition:opacity .52s var(--ease-soft), transform .52s var(--ease-soft);
  transition-delay:var(--reveal-delay, 0s);
}

.revealable.is-revealed{
  opacity:1;
  transform:translateY(0);
}

.stream-wis-panel{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:0;
  border-bottom:1px solid rgba(126,184,226,.16);
}

.stream-wis-label{
  padding:14px;
  border-right:1px solid rgba(126,184,226,.16);
  color:#d9f0ff;
  font-weight:700;
}

.stream-wis-value-wrap{
  padding:14px;
  border-right:1px solid rgba(126,184,226,.16);
}

.stream-wis-value{
  font-size:44px;
  line-height:1;
  font-weight:900;
  color:#fff;
  margin-top:6px;
}

.stream-wis-level{
  margin-top:8px;
  color:var(--muted);
  font-weight:800;
}

.stream-wis-chart{
  width:100%;
  border-left:1px solid rgba(126,184,226,.16);
  background:rgba(6,14,22,.55);
  margin:14px;
}

.stream-wis-chart path{
  fill:none;
  stroke-width:2.3;
}

.stream-wis-grid{
  stroke:rgba(130,178,210,.22);
}

.stream-wis-line{
  stroke:#7dc3ef;
}

.outlook-controls{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:18px;
}

.outlook-control-group{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px;
  border:1px solid rgba(126,184,226,.22);
  background:rgba(8,24,38,.56);
}

.outlook-control{
  border:0;
  position:relative;
  min-height:40px;
  padding:0 14px;
  background:transparent;
  color:#d9e8f4;
  cursor:pointer;
  pointer-events:auto;
  font-size:13px;
  font-weight:800;
  letter-spacing:.7px;
  text-transform:uppercase;
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}

.outlook-control:hover{
  background:rgba(112,215,255,.12);
}

.outlook-control.is-active{
  background:rgba(112,215,255,.22);
  color:#ffffff;
}

.outlook-card{
  border:1px solid rgba(126,184,226,.2);
  background:linear-gradient(180deg, rgba(18,43,68,.92), rgba(8,24,38,.92));
  box-shadow:var(--shadow);
  padding:12px;
}

.outlook-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(126,184,226,.14);
}

.outlook-headline{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:10px;
}

.outlook-mode{
  display:inline-block;
  padding:6px 10px;
  border:1px solid rgba(112,215,255,.45);
  background:rgba(112,215,255,.08);
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
}

.outlook-slot{
  display:none;
  color:var(--cyan);
  font-size:13px;
  font-weight:700;
}

.outlook-timing{
  color:var(--muted);
  font-size:13px;
  font-weight:800;
  letter-spacing:1px;
  text-transform:uppercase;
}

#ausblick.section{
  padding-top:52px;
  padding-bottom:52px;
}

#ausblick .section-heading{
  margin-bottom:18px;
}

.outlook-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  gap:10px;
  margin-top:14px;
}

.outlook-map-wrap{
  position:relative;
  width:100%;
  max-width:100%;
  min-height:clamp(240px, 34vh, 320px);
  height:clamp(240px, 34vh, 320px);
  border:1px solid rgba(126,184,226,.2);
  overflow:hidden;
  background:rgba(6,18,30,.72);
}

#outlook-map{
  width:100%;
  height:100%;
  min-height:inherit;
}

.outlook-map-wrap svg,
.outlook-map-canvas{
  width:100%;
  height:100%;
  min-height:inherit;
  display:block;
  background:radial-gradient(circle at 50% 34%, rgba(70,149,198,.16), rgba(11,35,55,.92) 56%, rgba(11,24,38,.97));
  touch-action:pan-x pan-y pinch-zoom;
  user-select:none;
}

.outlook-map-bg{
  fill:rgba(9,26,40,.76);
}

.outlook-country-fill{
  fill:rgba(72,121,154,.24);
  stroke:rgba(158,213,247,.5);
  stroke-width:2;
  stroke-linejoin:round;
  stroke-linecap:round;
}

.outlook-map-note{
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  color:#d9e8f4;
  padding:8px 10px;
  background:rgba(3,12,19,.68);
  border:1px solid rgba(126,184,226,.28);
  font-size:12px;
  opacity:0;
  transition:opacity .2s ease;
  pointer-events:none;
  display:none;
}

.outlook-map-note.is-visible{
  display:block;
  opacity:1;
}

.outlook-map-area{
  fill-opacity:0.84;
  stroke-opacity:0.95;
  stroke-width:1.2;
  stroke-linejoin:round;
  stroke-linecap:round;
  mix-blend-mode:screen;
  transition:fill-opacity .25s ease, stroke .2s ease;
}

.outlook-map-area:hover{
  fill-opacity:1;
}

.outlook-sidebar{
  display:none;
  gap:12px;
  min-height:0;
  max-width:860px;
}

.outlook-sidebar > p{
  margin:0;
  color:var(--muted);
  line-height:1.45;
  font-size:13px;
}

.outlook-legend{
  display:grid;
  gap:6px;
}

.outlook-legend-item{
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--text);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  white-space:nowrap;
}

.outlook-legend-dot{
  width:10px;
  height:10px;
  border-radius:2px;
  border:1px solid rgba(255,255,255,.5);
}

.outlook-map-legend{
  position:absolute;
  right:12px;
  top:12px;
  z-index:3;
  min-width:130px;
  max-width:190px;
  padding:9px 10px;
  border:1px solid rgba(126,184,226,.24);
  background:rgba(3,12,19,.74);
  box-shadow:0 10px 24px rgba(0,0,0,.22);
}

.outlook-zone-list{
  margin:14px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
}

.outlook-zone-list li{
  position:relative;
  display:grid;
  grid-template-columns:auto 56px 80px;
  align-items:center;
  gap:10px;
  min-height:36px;
  padding:8px 10px;
  border:1px solid rgba(126,184,226,.2);
  background:rgba(9,22,34,.6);
  color:#dce7ef;
  border-radius:4px;
}

.outlook-zone-list li span:first-child{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.outlook-zone-list li small{
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:1px;
}

.outlook-zone-bar{
  position:absolute;
  left:0;
  bottom:0;
  top:0;
  z-index:-1;
  background:linear-gradient(90deg, rgba(246,164,25,.2), rgba(16,133,255,.2));
  width:0;
  transition:width .35s var(--ease-soft);
}

.outlook-map-canvas{
  cursor:grab;
}

.outlook-map-canvas.is-dragging{
  cursor:grabbing;
}

.outlook-map-canvas:focus-visible{
  outline:2px solid rgba(112,215,255,.4);
  outline-offset:2px;
}

.report-section .report-layout{
  grid-template-columns:1.2fr .9fr;
}

.report-form{
  display:grid;
  gap:12px;
}

.form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.field-card{
  border:1px solid rgba(126,184,226,.22);
  background:rgba(10,28,45,.45);
  display:grid;
  gap:8px;
  padding:10px 12px;
}

.field-card > span{
  color:var(--cyan);
  font-size:12px;
  text-transform:uppercase;
  font-weight:800;
  letter-spacing:.8px;
}

.field-card input{
  min-height:42px;
  border:0;
  padding:10px;
  color:#e5f1fb;
  background:#080f1c;
  border:1px solid rgba(130,178,210,.24);
}

.upload-card{
  position:relative;
  display:grid;
  gap:10px;
  padding:14px;
  min-height:128px;
}

.upload-card input[type="file"]{
  position:absolute;
  inset:0;
  opacity:0;
}

.upload-card strong{
  color:#dff3ff;
  z-index:1;
}

.drag-hint{
  z-index:1;
  color:var(--muted);
  font-size:12px;
  line-height:1.4;
}

.upload-preview{
  margin-top:6px;
  display:grid;
  gap:8px;
}

.upload-preview small{
  color:var(--muted);
}

.preview-item{
  width:64px;
  min-height:64px;
  border:1px solid rgba(126,184,226,.25);
  background:rgba(5,16,28,.55);
  position:relative;
  display:grid;
  align-items:end;
  overflow:hidden;
  padding:2px;
}

.preview-item img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.preview-item small{
  background:rgba(4,10,18,.82);
  font-size:10px;
  color:var(--muted);
  display:block;
  padding:2px;
}

.preview-remove{
  position:absolute;
  top:2px;
  right:2px;
  width:20px;
  height:20px;
  border:0;
  border-radius:999px;
  color:#f5fbff;
  background:rgba(0,0,0,.75);
  cursor:pointer;
  font-weight:700;
}

.upload-preview > .preview-item:nth-child(1){ margin-right:4px; }

.report-info p{
  color:var(--muted);
  line-height:1.5;
  margin-top:8px;
}

.form-note{
  color:#d6e7f3;
  margin-top:2px;
  min-height:1em;
}

.rights-note{
  margin:0;
  color:#8ba3b5;
  font-size:12px;
  line-height:1.45;
}

.site-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:30px clamp(18px, 4vw, 54px);
  color:var(--muted);
  background:#040911;
}

.site-footer nav{
  display:flex;
  gap:16px;
}

@media (max-width:900px){
  .site-header{
    height:auto;
    min-height:72px;
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
    padding-top:14px;
    padding-bottom:14px;
  }

  .nav{
    width:100%;
    overflow:auto;
    padding-bottom:2px;
  }

  .terms-hero,
  .terms-section-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .terms-quick-nav{
    justify-content:flex-start;
  }

  .hero{
    min-height:auto;
    grid-template-columns:1fr;
    padding-top:54px;
  }

  .hero-panel{
    max-width:520px;
  }

  .outlook-map-wrap{
    min-height:240px;
    height:240px;
  }

  .outlook-map-note{
    left:8px;
    right:8px;
  }

  .outlook-controls{
    gap:10px;
  }

  .outlook-control-group{
    width:100%;
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(92px, 1fr));
  }

  .stream-warning-banner{
    height:auto;
    text-align:center;
  }

  .stream-wis-value-wrap,
  .stream-warning-source{
    min-height:88px;
    border-right:0;
    border-bottom:2px solid rgba(135,205,255,.38);
  }

  .stream-wis-chart{
    margin:18px;
    width:calc(100% - 36px);
  }

  .report-section .report-layout{
    grid-template-columns:1fr;
  }
}

@media (max-width:520px){
  .brand{
    font-size:21px;
  }

  .nav{
    gap:2px;
  }

  .nav a{
    padding:8px 7px;
    font-size:12px;
    letter-spacing:.48px;
  }

  .section{
    padding-top:54px;
    padding-bottom:54px;
  }

  .hero-actions{
    flex-direction:column;
  }

  .button{
    width:100%;
  }

  .hero-socials{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .hero-social-link{
    justify-content:center;
    padding-right:9px;
  }

  .site-footer{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* Restore the compact broadcast layout after the outlook map changes. */
.section > .section-heading,
.section > .media-grid,
.section > .outlook-shell,
.section > .format-grid,
.section > .live-grid,
.section > .report-layout{
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}

.live-grid{
  display:block;
}

.wis-broadcast-card{
  position:relative;
  overflow:hidden;
  padding:0;
  border:1px solid rgba(77,146,194,.45);
  background:linear-gradient(180deg, rgba(13,35,56,.98), rgba(5,18,31,.98));
  box-shadow:0 18px 42px rgba(0,0,0,.34);
}

.wis-broadcast-card[data-alert-theme="quiet"]{border-left:0}
.wis-broadcast-card[data-alert-theme="yellow"]{border-left:0}
.wis-broadcast-card[data-alert-theme="orange"]{border-left:0}
.wis-broadcast-card[data-alert-theme="red"]{border-left:0}
.wis-broadcast-card[data-alert-theme="violet"]{border-left:0}

.stream-wis-panel{
  min-height:156px;
  display:grid;
  grid-template-columns:230px minmax(0, 1fr);
  align-items:stretch;
  border-bottom:1px solid rgba(126,184,226,.2);
  background:linear-gradient(90deg, rgba(16,48,78,.72), rgba(8,27,45,.72));
}

.stream-wis-value-wrap{
  min-height:156px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:20px 24px;
  border-right:1px solid rgba(126,184,226,.2);
  text-align:left;
  position:relative;
}

.stream-wis-label-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.stream-wis-label{
  padding:0;
  border:0;
  color:#f4fbff;
  font-size:14px;
  line-height:1.15;
  font-weight:900;
  text-shadow:1px 1px 0 rgba(0,0,0,.75);
}

.stream-wis-label span{
  color:#cfe8ff;
  font-size:12px;
  font-weight:800;
}

.wis-info-button{
  flex:0 0 auto;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid rgba(112,215,255,.5);
  border-radius:999px;
  background:rgba(3,14,25,.72);
  color:#bcecff;
  font:900 15px/1 Arial, Helvetica, sans-serif;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 8px 18px rgba(0,0,0,.2);
  transition:transform .18s var(--ease-soft), border-color .18s ease, background .18s ease, color .18s ease;
}

.wis-info-button:hover,
.wis-info-button:focus-visible,
.wis-info-button[aria-expanded="true"]{
  color:#fff;
  border-color:rgba(151,226,255,.9);
  background:rgba(16,63,98,.9);
  transform:translateY(-1px);
  outline:0;
}

.wis-info-popover{
  position:absolute;
  left:20px;
  top:50px;
  z-index:30;
  width:min(420px, calc(100vw - 48px));
  padding:12px 14px;
  border:1px solid rgba(112,215,255,.42);
  border-radius:8px;
  background:
    linear-gradient(180deg, rgba(9,31,52,.98), rgba(3,13,24,.99));
  box-shadow:0 20px 44px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06);
}

.wis-info-popover[hidden]{
  display:none !important;
}

.wis-info-popover strong{
  display:block;
  color:#ffffff;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.8px;
}

.wis-info-popover p{
  margin-top:6px;
  color:#cce2f2;
  font-size:13px;
  line-height:1.35;
  font-weight:700;
}

.wis-info-popover .wis-origin-credit{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(127,211,255,.2);
  color:rgba(207,232,255,.72);
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.wis-broadcast-card.is-wis-info-open .stream-wis-panel{
  z-index:12;
}

.wis-broadcast-card.is-wis-info-open .stream-warning-row{
  z-index:1;
}

.wis-broadcast-card.is-wis-info-open::after{
  opacity:0;
}

.stream-wis-value{
  margin-top:14px;
  color:#ffffff;
  font-size:48px;
  line-height:.95;
  font-weight:900;
  text-shadow:
    1px 1px 0 rgba(0,0,0,.85),
    2px 2px 0 rgba(0,0,0,.38);
}

.stream-wis-level{
  margin-top:8px;
  color:#bdd4e8;
  font-size:15px;
  font-weight:900;
  letter-spacing:.5px;
  text-transform:uppercase;
}

.stream-wis-chart{
  align-self:center;
  width:calc(100% - 36px);
  height:118px;
  margin:18px;
  border:0;
  background:rgba(4,14,24,.72);
  box-shadow:inset 0 0 0 1px rgba(126,184,226,.12);
}

.stream-wis-grid{
  stroke:rgba(93,132,160,.38);
  stroke-width:1.6;
}

.stream-wis-line{
  stroke:#82cfff;
  stroke-width:3.2;
  filter:drop-shadow(0 0 2px rgba(130,207,255,.42));
  animation:wis-signal-pulse 3.2s ease-in-out infinite;
}

.stream-wis-forecast-line{
  stroke:#5aa2ff;
  stroke-width:2.4;
  stroke-dasharray:4 4;
  opacity:.9;
  filter:drop-shadow(0 0 2px rgba(90,162,255,.28));
}

.stream-wis-detail{
  min-width:0;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
  gap:10px;
  padding:14px 18px;
}

.wis-metric-row{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:8px;
}

.wis-metric-card{
  min-width:0;
  padding:9px 10px;
  border:1px solid rgba(126,184,226,.18);
  border-radius:8px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.012)),
    rgba(4,15,27,.66);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.wis-metric-card span{
  display:block;
  color:#7fa9c5;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.wis-metric-card strong{
  display:block;
  margin-top:6px;
  color:#f5fbff;
  font-size:23px;
  font-weight:1000;
  line-height:.95;
  white-space:nowrap;
}

.wis-metric-card small{
  display:block;
  margin-top:7px;
  color:#78d2ff;
  font-size:10px;
  font-weight:900;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.wis-metric-card[data-trend="up"] small{
  color:#ffbd61;
}

.wis-metric-card[data-trend="down"] small{
  color:#3fe7b6;
}

#wis-stream-threshold-card strong{
  font-size:17px;
  line-height:1.02;
  white-space:normal;
}

#wis-stream-threshold-card[data-state="watch"]{
  border-color:rgba(255,209,102,.34);
}

#wis-stream-threshold-card[data-state="watch"] small{
  color:#ffd166;
}

#wis-stream-threshold-card[data-state="review"]{
  border-color:rgba(255,169,77,.42);
  background:
    linear-gradient(180deg, rgba(255,169,77,.1), rgba(255,255,255,.012)),
    rgba(4,15,27,.74);
}

#wis-stream-threshold-card[data-state="review"] small{
  color:#ffbd61;
}

#wis-stream-threshold-card[data-state="live"]{
  border-color:rgba(255,91,111,.5);
  background:
    linear-gradient(180deg, rgba(255,91,111,.12), rgba(255,255,255,.012)),
    rgba(4,15,27,.78);
}

#wis-stream-threshold-card[data-state="live"] small{
  color:#ff7d91;
}

.wis-source-row{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:8px;
}

.wis-source-card{
  min-width:0;
  display:grid;
  gap:7px;
  padding:9px 10px;
  border:1px solid rgba(126,184,226,.14);
  border-radius:8px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    rgba(3,13,24,.62);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

.wis-source-head{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

.wis-source-head span{
  min-width:0;
  color:#93b8d2;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.wis-source-head strong{
  color:#f5fbff;
  font-size:16px;
  font-weight:1000;
  line-height:1;
  text-shadow:1px 1px 0 rgba(0,0,0,.68);
}

.wis-source-bar{
  height:5px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(82,123,151,.28);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.34);
}

.wis-source-bar span{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, #68caff, #d8f4ff);
  box-shadow:0 0 10px rgba(104,202,255,.32);
  transition:width .8s var(--ease-soft);
}

.wis-source-card small{
  min-width:0;
  color:#84a8c2;
  font-size:10px;
  font-weight:850;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.wis-source-card[data-state="watch"] .wis-source-bar span,
.wis-source-card[data-state="active"] .wis-source-bar span{
  background:linear-gradient(90deg, #6bd7ff, #f3d668);
}

.wis-source-card[data-state="active"]{
  border-color:rgba(244,202,64,.34);
}

.wis-source-card[data-state="severe"]{
  border-color:rgba(255,155,74,.42);
  background:
    linear-gradient(180deg, rgba(255,155,74,.08), rgba(255,255,255,.01)),
    rgba(3,13,24,.68);
}

.wis-source-card[data-state="severe"] .wis-source-bar span{
  background:linear-gradient(90deg, #f7d85a, #ff8b43);
}

.wis-source-card[data-state="extreme"]{
  border-color:rgba(255,91,111,.46);
  background:
    linear-gradient(180deg, rgba(255,91,111,.09), rgba(255,255,255,.01)),
    rgba(3,13,24,.72);
}

.wis-source-card[data-state="extreme"] .wis-source-bar span{
  background:linear-gradient(90deg, #ff9c57, #ff4f69);
}

.stream-wis-detail .stream-wis-chart{
  align-self:stretch;
  width:100%;
  height:78px;
  margin:0;
}

.stream-warning-row{
  min-height:78px;
  display:grid;
  grid-template-columns:150px minmax(0, 1fr);
  border-top:1px solid rgba(126,184,226,.12);
  background:rgba(3,13,23,.26);
}

.stream-warning-source{
  min-height:78px;
  color:#67d7ff;
  border-right:1px solid rgba(126,184,226,.28);
  background:rgba(2,13,23,.72);
  font-size:12px;
  font-weight:900;
  letter-spacing:1.1px;
}

.stream-warning-content{
  min-width:0;
  padding:12px 14px;
}

.stream-warning-title-line{
  align-items:center;
  color:#ffffff;
  font-size:16px;
  font-weight:900;
  text-transform:uppercase;
  text-shadow:1px 1px 0 rgba(0,0,0,.82);
}

.stream-warning-title-line span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.stream-warning-title-line strong{
  flex:0 0 auto;
  color:#f2f8ff;
  font-size:15px;
  text-shadow:1px 1px 0 rgba(0,0,0,.82);
}

.stream-warning-areas{
  position:relative;
  min-width:0;
  overflow:hidden;
  color:#d5ecff;
  font-size:13px;
  line-height:1.4;
  white-space:nowrap;
}

.stream-warning-areas span{
  display:inline-block;
  min-width:100%;
  will-change:transform;
}

.stream-warning-areas.is-marquee span{
  animation:areas-site-marquee var(--areas-duration, 54s) linear infinite;
}

@keyframes areas-site-marquee{
  0%, 16%{transform:translateX(0)}
  52%, 66%{transform:translateX(calc(-1 * var(--areas-distance, 0px)))}
  100%{transform:translateX(0)}
}

.outlook-shell{
  max-width:980px;
}

.outlook-controls.is-single-outlook{
  margin-bottom:10px;
}

.outlook-control-static{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 11px;
  border:1px solid rgba(112,215,255,.38);
  background:rgba(112,215,255,.08);
  color:#dff3ff;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1px;
}

.outlook-card{
  padding:12px;
}

.outlook-header{
  padding-bottom:10px;
}

.outlook-map-wrap{
  height:clamp(360px, 48vw, 500px);
  min-height:360px;
  background:#071522;
}

.outlook-map-note{
  display:none !important;
}

.outlook-map-legend{
  top:12px;
  right:12px;
  min-width:128px;
  max-width:168px;
  background:rgba(3,12,19,.8);
}

.maplibregl-control-container,
.maplibregl-ctrl-top-right{
  display:none !important;
}

.maplibregl-ctrl-group{
  overflow:hidden;
  border:1px solid rgba(190,222,242,.35);
  border-radius:0;
  background:rgba(5,14,22,.86);
  box-shadow:0 8px 20px rgba(0,0,0,.28);
}

.maplibregl-ctrl-group button{
  width:30px;
  height:30px;
  background-color:rgba(5,14,22,.86);
}

.maplibregl-ctrl-group button+button{
  border-top:1px solid rgba(190,222,242,.22);
}

.maplibregl-ctrl-icon{
  filter:invert(1) contrast(1.2);
}

@media (max-width:900px){
  .stream-wis-panel{
    grid-template-columns:1fr;
  }

  .stream-wis-value-wrap{
    min-height:122px;
    border-right:0;
    border-bottom:1px solid rgba(126,184,226,.2);
  }

  .stream-warning-row{
    grid-template-columns:1fr;
  }

  .stream-warning-source{
    min-height:42px;
    border-right:0;
    border-bottom:1px solid rgba(126,184,226,.2);
  }

  .outlook-map-wrap{
    min-height:340px;
    height:340px;
  }
}

/* Rebuild the viewer report window in the calmer LeWetter card style. */
.report-section{
  background:
    radial-gradient(circle at 16% 12%, rgba(77,183,255,.12), transparent 28%),
    linear-gradient(180deg, rgba(5,14,24,.98), rgba(4,10,18,.98));
}

.report-section .section-heading{
  max-width:1180px;
  margin-bottom:24px;
}

.report-section .section-heading h1,
.report-section .section-heading h2{
  font-size:clamp(34px, 4.2vw, 60px);
}

.report-live-state{
  max-width:720px;
  margin:12px 0 0;
  padding:10px 13px;
  border:1px solid rgba(126,184,226,.28);
  border-radius:8px;
  background:rgba(3,14,25,.48);
  color:#bcd7ea;
  font-size:14px;
  line-height:1.45;
}

.report-section.is-open .report-live-state{
  border-color:rgba(102,230,196,.42);
  color:#d8fff5;
  background:rgba(13,72,63,.28);
}

.report-section.is-closed .report-form{
  display:none;
}

.report-section.is-closed .report-layout{
  grid-template-columns:1fr;
}

.report-section.is-closed .report-info{
  border-left:0;
}

.report-section .report-layout{
  position:relative;
  grid-template-columns:minmax(0, 1.24fr) minmax(300px, .76fr);
  gap:0;
  overflow:hidden;
  border:1px solid rgba(114,183,232,.34);
  border-radius:8px;
  background:
    linear-gradient(135deg, rgba(18,50,78,.94), rgba(7,23,39,.98) 58%, rgba(6,17,30,.98));
  box-shadow:
    0 24px 60px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.report-section .report-layout::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(112,215,255,.09), transparent 36%),
    linear-gradient(rgba(112,215,255,.055) 1px, transparent 1px);
  background-size:auto, 100% 42px;
  opacity:.58;
}

.report-form,
.report-info{
  position:relative;
  z-index:1;
  border:0;
  background:transparent;
  box-shadow:none;
}

.report-form{
  padding:22px;
  gap:14px;
}

.report-info{
  padding:24px 26px;
  border-left:1px solid rgba(126,184,226,.22);
  background:rgba(3,13,24,.28);
}

.report-info strong{
  display:block;
  max-width:340px;
  color:#fff;
  font-size:24px;
  line-height:1.08;
  letter-spacing:0;
}

.report-info p{
  max-width:390px;
  color:#bdd0df;
  font-size:15px;
  line-height:1.58;
}

.report-section .form-grid{
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.report-section .field-card{
  border:1px solid rgba(126,184,226,.24);
  border-radius:8px;
  background:rgba(3,14,25,.46);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  padding:13px 14px;
  transition:border-color .2s ease, background .2s ease, transform .2s ease;
}

.report-section .field-card:focus-within,
.report-section .upload-card.is-drag-over{
  border-color:rgba(112,215,255,.68);
  background:rgba(8,28,48,.72);
}

.report-section .field-card > span{
  color:#70d7ff;
  font-size:11px;
  letter-spacing:1.3px;
}

.report-section .field-card input{
  min-height:46px;
  border:1px solid rgba(126,184,226,.18);
  border-radius:6px;
  background:rgba(2,9,17,.86);
  color:#f6fbff;
  outline:0;
}

.report-section .field-card input:focus{
  border-color:rgba(112,215,255,.56);
  box-shadow:0 0 0 3px rgba(112,215,255,.08);
}

.report-section .upload-card{
  min-height:144px;
  border-style:dashed;
  gap:8px;
}

.report-section .upload-card strong{
  font-size:17px;
}

.report-section .drag-hint{
  color:#a9c1d4;
}

.report-section .upload-preview{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  min-height:24px;
  align-items:center;
}

.report-section .preview-item{
  width:58px;
  height:58px;
  min-height:58px;
  border-radius:7px;
  border-color:rgba(126,184,226,.34);
}

.report-section .preview-remove{
  width:18px;
  height:18px;
  line-height:18px;
  display:grid;
  place-items:center;
  padding:0;
  font-size:13px;
}

.report-section .button.primary{
  min-height:50px;
  border-radius:7px;
  border-color:rgba(112,215,255,.44);
  background:linear-gradient(180deg, rgba(57,145,213,.74), rgba(17,87,143,.94));
  box-shadow:0 12px 26px rgba(0,0,0,.22);
}

.report-section .button.primary:hover{
  box-shadow:0 18px 32px rgba(0,0,0,.3);
}

.report-section .form-note{
  color:#e3f4ff;
  font-size:14px;
}

.report-section .rights-note{
  color:#91abc0;
  max-width:780px;
}

@media (max-width:900px){
  .report-section .report-layout{
    grid-template-columns:1fr;
  }

  .report-info{
    border-left:0;
    border-top:1px solid rgba(126,184,226,.22);
  }
}

@media (max-width:640px){
  .report-section .form-grid{
    grid-template-columns:1fr;
  }
}

/* Restore the interactive video/livestream cards. */
.media-card.clickable-media-card{
  position:relative;
  overflow:hidden;
  cursor:pointer;
  border-radius:8px;
  background:
    linear-gradient(180deg, rgba(17,45,71,.96), rgba(7,23,38,.98));
  transition:
    transform .24s var(--ease-soft),
    border-color .24s ease,
    box-shadow .24s ease,
    background .24s ease;
}

.media-card.clickable-media-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(120deg, transparent 0 30%, rgba(112,215,255,.12) 44%, transparent 58% 100%);
  transform:translateX(-80%);
  transition:opacity .2s ease, transform .48s var(--ease-soft);
}

.media-card.clickable-media-card:hover,
.media-card.clickable-media-card:focus-visible{
  transform:translateY(-6px);
  border-color:rgba(112,215,255,.62);
  box-shadow:0 26px 54px rgba(0,0,0,.42), 0 0 0 1px rgba(112,215,255,.08);
}

.media-card.clickable-media-card:hover::after,
.media-card.clickable-media-card:focus-visible::after{
  opacity:1;
  transform:translateX(80%);
}

.media-card.clickable-media-card:focus-visible{
  outline:2px solid rgba(112,215,255,.55);
  outline-offset:4px;
}

.media-card .panel-label{
  position:relative;
  z-index:2;
}

.media-card .media-frame{
  border-radius:6px;
  min-height:260px;
  background:#06111d;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}

.media-card .media-frame.has-thumbnail::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(2,8,14,.06), rgba(2,8,14,.12) 42%, rgba(2,8,14,.82)),
    radial-gradient(circle at 50% 28%, transparent 0 38%, rgba(0,0,0,.28) 100%);
}

.media-card .media-thumbnail,
.media-card .media-frame.has-thumbnail img,
.media-card .media-frame.has-thumbnail video{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:#050b12;
  transition:transform .45s var(--ease-soft), filter .3s ease;
}

.media-card.clickable-media-card:hover .media-thumbnail,
.media-card.clickable-media-card:hover .media-frame.has-thumbnail img,
.media-card.clickable-media-card:hover .media-frame.has-thumbnail video{
  transform:scale(1.035);
  filter:saturate(1.08) contrast(1.04);
}

.media-card .media-frame .media-caption{
  position:absolute;
  left:0;
  right:0;
  top:auto;
  bottom:0;
  z-index:2;
  min-height:auto;
  height:auto;
  display:grid;
  place-items:stretch;
  align-items:end;
  justify-content:stretch;
  gap:5px;
  padding:44px 18px 16px;
  text-align:left;
  background:linear-gradient(180deg, transparent, rgba(2,8,14,.86) 52%, rgba(2,8,14,.94));
  color:#fff;
}

.media-card .media-frame .media-caption span{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:17px;
  line-height:1.15;
  font-weight:900;
  text-shadow:1px 1px 0 rgba(0,0,0,.85), 0 2px 8px rgba(0,0,0,.5);
}

.media-card .media-frame .media-caption small{
  display:block;
  color:#c8e2f4;
  font-size:12px;
  font-weight:800;
  text-shadow:1px 1px 0 rgba(0,0,0,.85);
}

.media-card .button.secondary{
  position:relative;
  z-index:2;
  border-radius:6px;
  background:rgba(4,16,28,.54);
}

@media (max-width:700px){
  .media-card .media-frame{
    min-height:210px;
  }

  .media-card .media-frame .media-caption span{
    white-space:normal;
  }
}

/* Stronger broadcast window system across the page. */
.hero-panel,
.outlook-card,
.format-grid article,
.wis-broadcast-card,
.report-section .report-layout{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:8px;
  border:1px solid rgba(114,183,232,.34);
  background:
    linear-gradient(180deg, rgba(19,49,77,.96), rgba(7,22,37,.98));
  box-shadow:
    0 22px 50px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.06);
  transition:
    transform .24s var(--ease-soft),
    border-color .24s ease,
    box-shadow .24s ease,
    background .24s ease;
}

.hero-panel::before,
.outlook-card::before,
.format-grid article::before,
.wis-broadcast-card::before,
.report-section .report-layout::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(112,215,255,.13), transparent 32%),
    linear-gradient(rgba(112,215,255,.055) 1px, transparent 1px);
  background-size:auto, 100% 38px;
  opacity:.62;
}

.hero-panel::after,
.outlook-card::after,
.format-grid article::after,
.wis-broadcast-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(120deg, transparent 0 34%, rgba(112,215,255,.11) 48%, transparent 62% 100%);
  transform:translateX(-80%);
  transition:opacity .2s ease, transform .5s var(--ease-soft);
}

.hero-panel:hover,
.outlook-card:hover,
.format-grid article:hover,
.wis-broadcast-card:hover,
.report-section .report-layout:hover{
  transform:translateY(-5px);
  border-color:rgba(112,215,255,.62);
  box-shadow:
    0 28px 62px rgba(0,0,0,.42),
    0 0 0 1px rgba(112,215,255,.08),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.hero-panel:hover::after,
.outlook-card:hover::after,
.format-grid article:hover::after,
.wis-broadcast-card:hover::after{
  opacity:1;
  transform:translateX(80%);
}

.format-grid article{
  min-height:190px;
  padding:22px;
}

.format-grid article span{
  display:inline-grid;
  place-items:center;
  width:42px;
  height:32px;
  margin-bottom:18px;
  border:1px solid rgba(112,215,255,.42);
  border-radius:5px;
  background:rgba(3,14,25,.58);
  color:#70d7ff;
  font-size:13px;
  font-weight:900;
  letter-spacing:1px;
}

.format-grid article h3{
  font-size:24px;
  line-height:1.05;
  color:#fff;
  text-shadow:1px 1px 0 rgba(0,0,0,.82);
}

.format-grid article p{
  margin-top:12px;
  color:#bdd0df;
  line-height:1.55;
}

.outlook-card{
  padding:16px;
}

.outlook-header{
  position:relative;
  z-index:1;
  min-height:44px;
  padding:0 0 12px;
  border-bottom:1px solid rgba(126,184,226,.22);
}

.outlook-mode,
.outlook-control-static{
  border-radius:5px;
  background:rgba(3,14,25,.68);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.outlook-map-wrap{
  border-radius:7px;
  border-color:rgba(126,184,226,.32);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}

.outlook-map-legend{
  border-radius:6px;
  backdrop-filter:blur(8px);
}

.wis-broadcast-card{
  border-radius:8px;
}

.stream-wis-panel{
  position:relative;
  z-index:1;
  background:
    linear-gradient(90deg, rgba(18,54,86,.82), rgba(6,24,41,.78));
}

.stream-warning-row{
  position:relative;
  z-index:1;
}

.stream-warning-source{
  background:
    linear-gradient(180deg, rgba(5,22,38,.9), rgba(2,12,22,.92));
}

.report-section .report-layout{
  border-color:rgba(114,183,232,.4);
}

.report-section .report-layout:hover{
  transform:translateY(-4px);
}

.field-card,
.button,
.outlook-control,
.outlook-control-static,
.outlook-mode,
.stream-warning-source{
  border-radius:6px;
}

.section-heading{
  position:relative;
}

.section-heading::after{
  content:"";
  display:block;
  width:min(260px, 42vw);
  height:1px;
  margin-top:16px;
  background:linear-gradient(90deg, rgba(112,215,255,.65), transparent);
}

.eyebrow,
.panel-label{
  text-shadow:0 0 10px rgba(112,215,255,.18);
}

@keyframes radar-drift{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  50%{transform:translate3d(10px,-8px,0) rotate(9deg)}
}

@keyframes front-line-pulse{
  0%,100%{opacity:.72; filter:brightness(1)}
  50%{opacity:1; filter:brightness(1.22)}
}

@keyframes hero-social-enter{
  from{opacity:0; transform:translateY(8px)}
  to{opacity:1; transform:translateY(0)}
}

@keyframes wis-signal-pulse{
  0%,100%{filter:drop-shadow(0 0 2px rgba(130,207,255,.38))}
  50%{filter:drop-shadow(0 0 7px rgba(130,207,255,.62))}
}

@keyframes home-place-scan{
  0%{opacity:0; transform:translateX(0) skewX(-18deg)}
  18%{opacity:.9}
  100%{opacity:0; transform:translateX(430%) skewX(-18deg)}
}

@keyframes home-status-in{
  from{opacity:0; filter:blur(.4px); transform:translateY(10px) scale(.985)}
  to{opacity:1; filter:blur(0); transform:translateY(0) scale(1)}
}

@keyframes home-status-pulse{
  0%{box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 0 rgba(112,215,255,.11)}
  60%{box-shadow:inset 0 1px 0 rgba(255,255,255,.055), 0 0 0 4px rgba(112,215,255,.045)}
  100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 0 rgba(112,215,255,0)}
}

@keyframes home-warning-card-in{
  from{opacity:0; transform:translateY(10px) scale(.99)}
  to{opacity:1; transform:translateY(0)}
}

@keyframes warning-expand-in{
  from{opacity:0; transform:translateY(-6px) scale(.995)}
  to{opacity:1; transform:translateY(0)}
}

@keyframes home-live-dot{
  0%,100%{transform:scale(.9); opacity:.66}
  50%{transform:scale(1.18); opacity:1}
}

@media (prefers-reduced-motion: reduce){
  .radar-a,
  .radar-b,
  .front-line,
  .hero-social-link,
  .stream-wis-line,
  .measurement-summary-card,
  .measurement-row,
  .measurement-bar span,
  .lab-record-card,
  .lab-record-card::before,
  .lab-record-card::after,
  .lab-record-card strong,
  .lab-category-tab,
  .lab-category-tab::after,
  .lab-state-menu,
  .lab-state-option,
  .lab-ranking-row,
  .lab-ranking-row::after,
  .measurements-filtering .lab-ranking-list,
  .place-check-suggestions,
  .place-check-suggestion,
  .place-check-card,
  .place-check-card::after,
  .place-check-main strong,
  .place-check-meta-grid div,
  .term-card,
  .stats-lab-status::after,
  .station-main-value::after,
  .station-meta-grid div,
  .station-trend-area-path,
  .station-trend-line-path,
  .station-trend-point,
  .station-trend-placeholder span,
  .measurements-live-page .stats-lab-hero .section-heading,
  .measurements-live-page .stats-lab-status,
  .measurements-live-page .lab-panel,
  .measurements-live-page .lab-panel::after,
  .measurements-live-page .station-focus.is-refreshing,
  .home-place-form::after,
  .home-place-status,
  .home-place-status::after,
  .home-place-warning-item,
  .warning-expanded-panel,
  .home-live-pill::before{
    animation:none !important;
    opacity:1 !important;
    transform:none !important;
  }
}

/* Compact homepage hierarchy: content first, warning tools close behind. */
.visually-hidden{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0, 0, 0, 0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

.home-dashboard-page .media-section{
  padding-top:clamp(18px, 2.5vw, 30px);
  padding-bottom:clamp(20px, 3vw, 34px);
}

.home-dashboard-page .media-section .section-heading::after{
  margin-top:12px;
}

.home-dashboard-page .media-section h2{
  font-size:clamp(30px, 3.6vw, 46px);
}

.home-dashboard-page .media-section .media-grid{
  gap:14px;
}

.home-dashboard-page .media-section .media-card{
  display:grid;
  grid-template-rows:auto auto auto;
  align-content:start;
  padding:14px;
}

.home-dashboard-page .media-section .media-frame{
  width:100%;
  height:clamp(184px, 17vw, 218px);
  min-height:0;
  margin:9px 0;
}

.home-dashboard-page .media-section .media-frame.has-thumbnail img,
.home-dashboard-page .media-section .media-frame.has-thumbnail video{
  object-fit:cover;
}

.home-dashboard-page .media-card .media-frame .media-caption{
  padding:34px 14px 12px;
}

.home-dashboard-page .media-card .media-frame .media-caption span{
  font-size:16px;
}

.home-dashboard-page .media-card .button.secondary{
  width:max-content;
  min-height:38px;
  padding:0 14px;
  font-size:13px;
}

.media-card-kicker{
  min-height:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.media-card-kicker .panel-label{
  margin-bottom:0;
}

.media-status-badge{
  min-height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 8px;
  border:1px solid rgba(138,178,206,.3);
  border-radius:999px;
  background:rgba(3,13,24,.68);
  color:#a9c2d5;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.media-status-badge[data-state="live"]{
  border-color:rgba(255,83,76,.58);
  background:rgba(255,83,76,.14);
  color:#ffd4d1;
  box-shadow:0 0 16px rgba(255,83,76,.16);
}

.media-status-badge[data-state="upcoming"]{
  border-color:rgba(246,164,25,.5);
  background:rgba(246,164,25,.12);
  color:#ffe0a8;
}

.media-status-badge[data-state="last"]{
  border-color:rgba(112,215,255,.34);
  color:#ccefff;
}

.home-social-strip{
  display:grid;
  grid-template-columns:repeat(4, max-content);
  gap:8px;
  margin-top:12px;
}

.home-social-strip .hero-social-link{
  min-width:0;
  min-height:36px;
  gap:7px;
  padding:0 10px 0 7px;
  font-size:11px;
}

.home-social-strip .hero-social-mark{
  min-width:24px;
  width:24px;
  height:22px;
  font-size:9px;
}

.home-place-form{
  margin-top:14px;
}

.home-live-head-meta{
  display:grid;
  justify-items:end;
  gap:5px;
}

.home-data-updated{
  color:#8caec5;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.home-live-pill::before{
  animation:none;
}

body[data-live-mode="live"] .home-live-pill::before{
  animation:home-live-dot 1.8s ease-in-out infinite;
}

.home-live-card .stream-wis-panel{
  grid-template-columns:minmax(154px, .34fr) minmax(0, 1fr);
  min-height:0;
}

.home-live-card .stream-wis-value-wrap{
  min-height:118px;
}

.home-live-card .stream-wis-value{
  margin-top:9px;
}

.home-live-card .stream-wis-line{
  animation:none;
}

.home-wis-details{
  min-width:0;
  border-left:1px solid rgba(126,184,226,.16);
  background:rgba(3,13,24,.24);
}

.home-wis-details-summary{
  min-height:118px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr)) auto;
  align-items:stretch;
  gap:7px;
  padding:11px 12px;
  list-style:none;
  cursor:pointer;
}

.home-wis-details-summary::-webkit-details-marker{
  display:none;
}

.home-wis-details-summary:focus-visible{
  outline:2px solid rgba(112,215,255,.56);
  outline-offset:-3px;
}

.home-wis-quick{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:8px 9px;
  border-left:1px solid rgba(126,184,226,.2);
}

.home-wis-quick small{
  color:#7fa9c5;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.home-wis-quick strong{
  display:block;
  margin-top:6px;
  overflow:hidden;
  color:#f5fbff;
  font-size:clamp(14px, 1.4vw, 18px);
  line-height:1.08;
  text-overflow:ellipsis;
}

.home-wis-quick em{
  margin-top:5px;
  overflow:hidden;
  color:#78d2ff;
  font-size:9px;
  font-style:normal;
  font-weight:900;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.home-wis-details-action{
  min-width:74px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  align-self:center;
  min-height:34px;
  padding:0 9px;
  border:1px solid rgba(112,215,255,.28);
  border-radius:6px;
  color:#dff5ff;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.home-wis-chevron{
  display:inline-block;
  font-size:16px;
  line-height:1;
  transition:transform .2s var(--ease-soft);
}

.home-wis-details[open] .home-wis-chevron{
  transform:rotate(180deg);
}

.home-wis-details[open] .home-wis-action-label{
  font-size:0;
}

.home-wis-details[open] .home-wis-action-label::after{
  content:"Zuklappen";
  font-size:10px;
}

.home-wis-details[open] .home-wis-details-summary{
  border-bottom:1px solid rgba(126,184,226,.16);
  background:rgba(112,215,255,.035);
}

.home-wis-details[open] .stream-wis-detail{
  display:grid;
  animation:warning-expand-in .22s var(--ease-soft) both;
}

.home-live-card .home-wis-details .wis-metric-row{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.home-live-card .home-wis-details .wis-source-row{
  display:grid;
}

.home-wis-details .wis-metric-card,
.home-wis-details .wis-source-card{
  border-radius:0;
  border-top:0;
  border-right:0;
  border-bottom:0;
  background:rgba(3,13,24,.34);
  box-shadow:none;
}

.home-live-card .home-wis-details .stream-wis-chart{
  height:56px;
}

.home-live-card .situation-brief{
  min-height:58px;
  padding:9px 12px;
}

.home-live-card .situation-stats{
  min-width:100px;
  padding:6px 8px;
}

.home-live-card .situation-meta{
  margin-top:0;
}

@media (max-width:760px){
  .home-dashboard-page .media-section{
    padding-top:24px;
    padding-bottom:28px;
  }

  .home-dashboard-page .media-section .media-frame{
    height:176px;
  }

  .home-social-strip{
    grid-template-columns:repeat(4, minmax(0, 1fr));
    width:100%;
  }

  .home-social-strip .hero-social-link{
    justify-content:center;
    padding:0 6px;
  }

  .home-live-head-meta{
    width:100%;
    grid-template-columns:auto 1fr;
    align-items:center;
    justify-items:start;
  }

  .home-data-updated{
    justify-self:end;
  }

  .home-wis-details{
    border-left:0;
    border-top:1px solid rgba(126,184,226,.16);
  }

  .home-wis-details-summary{
    min-height:0;
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .home-wis-details-action{
    grid-column:1 / -1;
    width:100%;
  }
}

@media (max-width:520px){
  .site-header{
    gap:7px;
    padding-top:11px;
    padding-bottom:11px;
  }

  .nav a{
    padding:7px 6px;
    font-size:11px;
  }

  .home-dashboard-page .media-section .media-card{
    padding:11px;
  }

  .home-dashboard-page .media-section .media-frame{
    height:164px;
  }

  .home-dashboard-page .media-card .media-frame .media-caption span{
    font-size:15px;
  }

  .home-social-strip .hero-social-link > span:last-child{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    white-space:nowrap;
  }

  .home-social-strip .hero-social-mark{
    width:28px;
    height:24px;
  }

  .home-dashboard-page .home-live-hero{
    padding-top:20px;
    padding-bottom:22px;
  }

  .home-wis-details-summary{
    gap:4px;
    padding:8px;
  }

  .home-wis-quick{
    padding:7px 6px;
  }

  .home-wis-quick strong{
    font-size:13px;
  }

  .home-live-card .home-wis-details .wis-metric-row{
    grid-template-columns:1fr;
  }

  .home-live-card .home-wis-details .wis-source-row{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce){
  .home-wis-details[open] .stream-wis-detail,
  .home-wis-chevron{
    animation:none !important;
    transition:none !important;
  }
}

/* Home live dashboard */
.home-dashboard-page .home-live-hero{
  min-height:auto;
  grid-template-columns:minmax(360px, .78fr) minmax(560px, 1.22fr);
  align-items:stretch;
  gap:clamp(18px, 2.6vw, 34px);
  padding-top:clamp(18px, 3vw, 34px);
  padding-bottom:clamp(18px, 3vw, 34px);
}

.home-dashboard-page .home-live-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  max-width:720px;
  padding-bottom:0;
}

.home-dashboard-page .hero-copy{
  max-width:600px;
  margin-top:12px;
  font-size:clamp(15px, 1.4vw, 18px);
  line-height:1.35;
}

.home-dashboard-page .hero h1{
  font-size:clamp(42px, 4.7vw, 66px);
  line-height:.96;
}

.home-dashboard-page .hero-actions,
.home-dashboard-page .hero-socials{
  display:none;
}

body[data-live-mode="live"] .home-live-card{
  border-color:rgba(255,83,76,.44);
  box-shadow:0 28px 62px rgba(0,0,0,.36), 0 0 42px rgba(255,83,76,.16);
}

body[data-live-mode="live"] .home-live-pill{
  border-color:rgba(255,83,76,.52);
  background:rgba(255,83,76,.14);
  color:#ffd1cf;
}

body[data-live-mode="upcoming"] .home-live-card{
  border-color:rgba(246,164,25,.36);
  box-shadow:0 28px 62px rgba(0,0,0,.34), 0 0 36px rgba(246,164,25,.12);
}

body[data-live-mode="upcoming"] .home-live-pill{
  border-color:rgba(246,164,25,.48);
  background:rgba(246,164,25,.12);
  color:#ffe0a8;
}

.home-dashboard-page .media-section{
  padding-top:clamp(22px, 3vw, 38px);
  padding-bottom:clamp(24px, 3.8vw, 46px);
}

.home-social-strip{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:16px;
}

.home-social-strip .hero-social-link{
  min-height:40px;
  background:rgba(4,16,28,.72);
}

body:not([data-live-mode="live"]) .home-report-section,
body:not([data-live-mode="live"]) .home-terms-section{
  display:none;
}

.home-place-form{
  position:relative;
  overflow:hidden;
  max-width:650px;
  margin:18px 0 0;
  padding:8px;
  border:1px solid rgba(112,215,255,.36);
  border-radius:8px;
  background:
    linear-gradient(135deg, rgba(14,48,78,.92), rgba(4,16,28,.86)),
    radial-gradient(circle at 98% 18%, rgba(112,215,255,.22), transparent 30%);
  box-shadow:0 18px 34px rgba(0,0,0,.26), 0 0 30px rgba(112,215,255,.08);
}

.home-place-form::after{
  content:"";
  position:absolute;
  left:-35%;
  right:auto;
  top:0;
  bottom:0;
  width:34%;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(90deg, transparent, rgba(112,215,255,.16), transparent);
  transform:skewX(-18deg);
}

.home-place-form:has(.home-place-status[data-state="loading"])::after{
  animation:home-place-scan 1.05s ease-out 1 both;
}

.home-place-form:focus-within{
  border-color:rgba(112,215,255,.36);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055), 0 0 0 1px rgba(112,215,255,.035);
}

.home-place-form > *{
  position:relative;
  z-index:1;
}

.home-place-form label{
  display:block;
  margin:0 0 7px;
  color:#9fc5df;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.home-place-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:10px;
}

.home-place-row input{
  min-width:0;
  min-height:46px;
  padding:0 14px;
  border:1px solid rgba(112,215,255,.24);
  border-radius:6px;
  background:rgba(2,10,19,.7);
  color:#f5fbff;
  font:inherit;
  font-weight:800;
  outline:0;
}

.home-place-row .button{
  min-width:126px;
  min-height:46px;
}

.home-place-row input::placeholder{
  color:#789bb5;
}

.home-place-row input:focus{
  border-color:rgba(112,215,255,.7);
  box-shadow:0 0 0 3px rgba(112,215,255,.12);
}

.home-place-last{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
  border:1px solid rgba(112,215,255,.18);
  border-radius:6px;
  padding:6px 8px 6px 10px;
  background:rgba(2,10,19,.34);
}

.home-place-last[hidden]{
  display:none;
}

.home-place-last span{
  min-width:0;
  overflow:hidden;
  color:#a9c9df;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.home-place-last button{
  appearance:none;
  min-height:26px;
  flex:0 0 auto;
  border:1px solid rgba(112,215,255,.25);
  border-radius:999px;
  padding:0 9px;
  background:rgba(112,215,255,.08);
  color:#dff5ff;
  font:inherit;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer;
  transition:border-color .16s ease, background .16s ease, transform .16s var(--ease-soft);
}

.home-place-last button:hover,
.home-place-last button:focus-visible{
  border-color:rgba(112,215,255,.48);
  background:rgba(112,215,255,.15);
  transform:translateY(-1px);
  outline:none;
}

.home-report-window{
  position:relative;
  max-width:650px;
  min-height:94px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:12px 0 0;
  padding:16px;
  overflow:hidden;
  border:1px solid rgba(112,215,255,.26);
  border-left:3px solid rgba(246,164,25,.9);
  border-radius:8px;
  background:
    linear-gradient(135deg, rgba(7,28,48,.94), rgba(3,12,22,.9)),
    radial-gradient(circle at 88% 16%, rgba(246,164,25,.18), transparent 34%),
    radial-gradient(circle at 12% 100%, rgba(112,215,255,.12), transparent 32%);
  box-shadow:0 18px 34px rgba(0,0,0,.24), 0 0 28px rgba(112,215,255,.07);
}

.home-report-window::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(112,215,255,.12), transparent 42%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 78px);
  opacity:.48;
}

.home-report-window > *{
  position:relative;
  z-index:1;
}

.home-report-window strong{
  display:block;
  margin-top:3px;
  color:#f5fbff;
  font-size:clamp(20px, 2.4vw, 28px);
  font-weight:1000;
  letter-spacing:.01em;
  text-transform:uppercase;
}

.home-report-window p{
  max-width:720px;
  margin:7px 0 0;
  color:#b7ccda;
  font-size:14px;
  line-height:1.42;
  font-weight:800;
}

.home-report-window .button{
  flex:0 0 auto;
  min-width:168px;
  white-space:nowrap;
}

.home-report-window[data-live-mode="live"]{
  border-color:rgba(255,83,76,.42);
  border-left-color:#ff534c;
  background:
    linear-gradient(135deg, rgba(47,16,20,.94), rgba(3,12,22,.9)),
    radial-gradient(circle at 90% 12%, rgba(255,83,76,.2), transparent 34%);
}

.home-report-window[data-live-mode="live"] .button{
  border-color:rgba(255,83,76,.48);
  background:linear-gradient(180deg, rgba(255,83,76,.36), rgba(127,31,39,.86));
}

.home-report-section{
  padding-top:clamp(22px, 3.5vw, 42px);
}

.home-report-section .section-heading{
  max-width:760px;
  margin-bottom:14px;
}

.home-report-section .home-report-window{
  max-width:none;
  margin:0;
}

.home-place-suggestions{
  display:grid;
  gap:6px;
  margin-top:8px;
  padding:8px;
  border:1px solid rgba(112,215,255,.2);
  border-radius:8px;
  background:linear-gradient(180deg, rgba(5,19,32,.98), rgba(2,11,20,.98));
  box-shadow:0 18px 42px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.04);
  animation:measurement-menu-enter .2s var(--ease-soft) both;
}

.home-place-suggestions[hidden]{
  display:none;
}

.home-place-suggestion{
  appearance:none;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(112,215,255,.11);
  border-radius:6px;
  background:rgba(255,255,255,.035);
  color:#f5fbff;
  font:inherit;
  text-align:left;
  padding:0 11px;
  cursor:pointer;
  opacity:0;
  transform:translateY(5px);
  animation:measurement-option-enter .2s var(--ease-soft) forwards;
  animation-delay:var(--home-place-suggest-delay, 0ms);
  transition:border-color .16s ease, background .16s ease, transform .16s var(--ease-soft);
}

.home-place-suggestion:hover,
.home-place-suggestion:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(112,215,255,.46);
  background:rgba(112,215,255,.08);
  outline:none;
}

.home-place-suggestion span{
  flex:0 1 auto;
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:14px;
  font-weight:950;
}

.home-place-suggestion small{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#9fc5df;
  font-size:11px;
  font-weight:850;
  white-space:nowrap;
}

.home-place-suggestion-badge{
  flex:0 0 auto;
  min-height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 8px;
  border:1px solid rgba(112,215,255,.18);
  border-radius:999px;
  background:rgba(112,215,255,.08);
  color:#dff5ff;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.home-place-suggestion-badge[data-state="quiet"]{
  border-color:rgba(89,231,184,.24);
  background:rgba(89,231,184,.09);
  color:#baf6e3;
}

.home-place-suggestion-badge[data-state="active"],
.home-place-suggestion-badge[data-state="marked"]{
  border-color:rgba(246,164,25,.42);
  background:rgba(246,164,25,.14);
  color:#ffd687;
}

.home-place-suggestion-badge[data-state="severe"],
.home-place-suggestion-badge[data-state="extreme"]{
  border-color:rgba(255,83,76,.48);
  background:rgba(255,83,76,.16);
  color:#ffc2bd;
}

.home-place-status{
  position:relative;
  z-index:5;
  overflow:hidden;
  margin-top:8px;
  border:1px solid rgba(112,215,255,.22);
  border-radius:8px;
  padding:8px;
  background:
    linear-gradient(135deg, rgba(5,20,34,.94), rgba(2,10,19,.96)),
    radial-gradient(circle at 96% 8%, rgba(112,215,255,.16), transparent 34%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  animation:home-status-in .38s var(--ease-soft) both;
}

.home-place-status::after{
  content:"";
  position:absolute;
  left:-40%;
  top:0;
  bottom:0;
  width:34%;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.1), transparent);
  transform:skewX(-18deg);
}

.home-place-status[data-state="loading"]::after{
  animation:home-place-scan 1.05s ease-out 1 both;
}

.home-place-status[data-state="active"],
.home-place-status[data-state="marked"],
.home-place-status[data-state="severe"],
.home-place-status[data-state="extreme"]{
  animation:home-status-in .38s var(--ease-soft) both, home-status-pulse .56s ease-out both;
  height:clamp(178px, 26vh, 230px);
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(112,215,255,.38) rgba(2,10,19,.36);
}

.home-place-status[hidden]{
  display:none;
}

.home-place-status[data-state="quiet"]{
  border-color:rgba(89,231,184,.3);
  background:
    linear-gradient(135deg, rgba(5,28,31,.94), rgba(2,12,20,.96)),
    radial-gradient(circle at 94% 5%, rgba(89,231,184,.18), transparent 34%);
}

.home-place-status[data-state="active"],
.home-place-status[data-state="marked"]{
  border-color:rgba(246,164,25,.42);
  background:
    linear-gradient(135deg, rgba(45,31,8,.92), rgba(4,16,28,.96)),
    radial-gradient(circle at 94% 5%, rgba(246,164,25,.18), transparent 34%);
}

.home-place-status[data-state="severe"]{
  border-color:rgba(255,83,76,.5);
  background:
    linear-gradient(135deg, rgba(58,17,18,.92), rgba(4,16,28,.96)),
    radial-gradient(circle at 94% 5%, rgba(255,83,76,.18), transparent 34%);
}

.home-place-status[data-state="extreme"]{
  border-color:rgba(164,71,255,.56);
  background:
    linear-gradient(135deg, rgba(41,18,61,.94), rgba(4,16,28,.96)),
    radial-gradient(circle at 94% 5%, rgba(164,71,255,.2), transparent 34%);
}

.home-place-status-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.home-place-status-title{
  display:block;
  color:#f5fbff;
  font-size:15px;
  font-weight:1000;
  line-height:1.2;
}

.home-place-status-badge{
  flex:0 0 auto;
  min-height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(112,215,255,.2);
  border-radius:999px;
  padding:0 10px;
  background:rgba(255,255,255,.055);
  color:#dff5ff;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.home-place-status[data-state="quiet"] .home-place-status-badge{
  border-color:rgba(89,231,184,.3);
  background:rgba(89,231,184,.1);
  color:#baf6e3;
}

.home-place-status[data-state="active"] .home-place-status-badge,
.home-place-status[data-state="marked"] .home-place-status-badge{
  border-color:rgba(246,164,25,.44);
  background:rgba(246,164,25,.14);
  color:#ffd687;
}

.home-place-status[data-state="severe"] .home-place-status-badge{
  border-color:rgba(255,83,76,.52);
  background:rgba(255,83,76,.16);
  color:#ffc2bd;
}

.home-place-status[data-state="extreme"] .home-place-status-badge{
  border-color:rgba(164,71,255,.58);
  background:rgba(164,71,255,.18);
  color:#ead1ff;
}

.home-place-status-copy{
  margin:4px 0 0;
  color:#cddde9;
  font-size:12px;
  line-height:1.32;
}

.home-place-status-overview{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(118px, 1fr));
  gap:6px;
  margin-top:6px;
}

.home-place-status-overview span{
  min-width:0;
  border:1px solid rgba(112,215,255,.14);
  border-radius:7px;
  padding:6px 8px;
  background:rgba(255,255,255,.04);
  color:#d7e8f3;
  font-size:12px;
  font-weight:900;
  line-height:1.25;
}

.home-place-status-overview b{
  display:block;
  margin-bottom:3px;
  color:#8fdfff;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.home-place-status-overview span:last-child:nth-child(odd){
  grid-column:auto;
}

.home-place-status-meta{
  margin-top:8px;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.home-place-status-meta span{
  min-height:25px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(112,215,255,.18);
  border-radius:999px;
  padding:0 8px;
  color:#b9d3e6;
  background:rgba(2,10,19,.38);
  font-size:11px;
  font-weight:850;
}

.home-place-warning-list{
  display:grid;
  gap:6px;
  margin-top:7px;
}

.home-place-warning-group{
  display:grid;
  gap:6px;
}

.home-place-warning-group-label{
  display:inline-flex;
  width:max-content;
  align-items:center;
  min-height:22px;
  border:1px solid rgba(112,215,255,.18);
  border-radius:999px;
  padding:0 8px;
  background:rgba(2,10,19,.35);
  color:#8fdfff;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.home-place-warning-item{
  position:relative;
  z-index:1;
  border:1px solid rgba(112,215,255,.16);
  border-radius:7px;
  padding:0;
  overflow:hidden;
  background:rgba(2,10,19,.34);
  box-shadow:inset 3px 0 0 rgba(112,215,255,.38);
  opacity:0;
  transform:translateY(7px);
  animation:home-warning-card-in .42s var(--ease-soft) forwards;
  animation-delay:var(--home-warning-delay, 0ms);
}

.home-place-warning-item .warning-compact-summary{
  padding:8px 9px 8px 11px;
}

.home-place-warning-item .warning-expanded-panel{
  margin:0 9px 8px 11px;
}

.home-place-warning-item[data-state="active"],
.home-place-warning-item[data-state="marked"]{
  border-color:rgba(246,164,25,.28);
  box-shadow:inset 3px 0 0 rgba(246,164,25,.8);
}

.home-place-warning-item[data-state="severe"]{
  border-color:rgba(255,83,76,.34);
  box-shadow:inset 3px 0 0 rgba(255,83,76,.88);
}

.home-place-warning-item[data-state="extreme"]{
  border-color:rgba(164,71,255,.38);
  box-shadow:inset 3px 0 0 rgba(164,71,255,.92);
}

.home-place-warning-item[data-timing="upcoming"]{
  background:
    linear-gradient(135deg, rgba(6,25,42,.52), rgba(2,10,19,.36)),
    radial-gradient(circle at 94% 0%, rgba(112,215,255,.12), transparent 32%);
}

.home-place-warning-item[data-timing="upcoming"] .home-place-warning-item-head span{
  border-color:rgba(112,215,255,.26);
  background:rgba(112,215,255,.1);
  color:#bfeeff;
}

.home-place-warning-item-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.home-place-warning-item-head strong{
  min-width:0;
  color:#f5fbff;
  font-size:13px;
  font-weight:1000;
  line-height:1.2;
}

.home-place-warning-item-head span{
  flex:0 0 auto;
  border:1px solid rgba(112,215,255,.18);
  border-radius:999px;
  padding:3px 7px;
  color:#dff5ff;
  background:rgba(255,255,255,.055);
  font-size:9px;
  font-weight:1000;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.home-place-warning-item p{
  margin:0;
  color:#cddde9;
  font-size:13px;
  line-height:1.3;
}

.home-place-warning-aspects{
  margin-top:6px;
  border-top:1px solid rgba(112,215,255,.12);
  padding-top:7px;
}

.home-place-warning-aspects > span{
  display:block;
  margin-bottom:5px;
  color:#8fdfff;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.home-place-warning-aspects ul{
  display:grid;
  gap:4px;
  margin:0;
  padding:0;
  list-style:none;
}

.home-place-warning-aspects li{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:6px;
  align-items:start;
  color:#bfd4e4;
  font-size:11px;
  line-height:1.3;
}

.home-place-warning-aspects b{
  color:#f5fbff;
  font-size:10px;
  font-weight:1000;
  text-transform:uppercase;
}

.home-place-warning-more{
  border:1px dashed rgba(112,215,255,.22);
  border-radius:7px;
  padding:8px 9px;
  color:#a9c9df;
  background:rgba(112,215,255,.055);
  font-size:11px;
  font-weight:900;
}

.home-place-open{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:10px;
  border:1px solid rgba(112,215,255,.38);
  border-radius:6px;
  padding:0 11px;
  background:linear-gradient(180deg, rgba(76,171,255,.3), rgba(14,84,144,.72));
  color:#f5fbff;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.home-place-open:hover,
.home-place-open:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(112,215,255,.62);
  box-shadow:0 12px 24px rgba(0,0,0,.24);
  outline:none;
}

.home-live-card{
  position:relative;
  isolation:isolate;
  align-self:center;
  min-width:0;
  padding:0;
  overflow:hidden;
  border-radius:8px;
  background:
    linear-gradient(145deg, rgba(14,38,60,.96), rgba(4,14,24,.96)),
    radial-gradient(circle at 90% 5%, rgba(112,215,255,.16), transparent 34%);
}

.home-live-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  opacity:.38;
  background:
    linear-gradient(90deg, rgba(112,215,255,.11), transparent 38%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.032) 0 1px, transparent 1px 78px);
}

.home-live-card::before{
  border-radius:inherit;
}

.home-live-card > *{
  position:relative;
  z-index:1;
}

.home-live-card::after{
  display:none;
}

.home-live-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:11px 14px;
  border-bottom:1px solid rgba(126,184,226,.14);
  background:
    linear-gradient(90deg, rgba(112,215,255,.12), transparent 52%),
    rgba(3,13,24,.46);
}

.home-live-card-head strong{
  display:block;
  margin-top:3px;
  color:#f4fbff;
  font-size:clamp(17px, 2vw, 23px);
  line-height:1.05;
  text-shadow:1px 1px 0 rgba(0,0,0,.65);
}

.home-live-pill{
  flex:0 0 auto;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border:1px solid rgba(112,215,255,.34);
  border-radius:999px;
  background:rgba(4,16,28,.74);
  color:#dff5ff;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.home-live-pill::before{
  content:"";
  width:7px;
  height:7px;
  margin-right:7px;
  border-radius:999px;
  background:#70d7ff;
  box-shadow:0 0 10px rgba(112,215,255,.55);
  animation:home-live-dot 1.8s ease-in-out infinite;
}

.home-live-card .stream-wis-panel{
  grid-template-columns:minmax(154px, .38fr) minmax(0, 1fr);
}

.home-live-card .stream-wis-value-wrap{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:148px;
  padding:12px 14px;
}

.home-live-card .stream-wis-label{
  padding:0;
  border-right:0;
}

.home-live-card .stream-wis-value{
  font-size:clamp(38px, 4.8vw, 58px);
}

.home-live-card .stream-wis-level{
  font-size:14px;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.home-live-card .stream-wis-detail{
  grid-template-rows:auto auto auto;
  gap:8px;
  padding:12px 14px;
}

.home-live-card .stream-wis-chart{
  height:44px;
}

.home-live-card .wis-metric-card{
  padding:7px 8px;
}

.home-live-card .wis-metric-card strong{
  margin-top:4px;
  font-size:20px;
}

.home-live-card #wis-stream-threshold-card strong{
  font-size:15px;
}

.home-live-card .wis-metric-card small{
  margin-top:5px;
}

.home-live-card .situation-brief{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:10px;
  padding:10px 14px;
  border-radius:0 0 8px 8px;
}

.home-live-card .situation-copy p{
  font-size:12px;
  line-height:1.3;
}

.home-live-card .situation-stats{
  align-self:center;
  min-width:132px;
  padding:7px 9px;
}

.home-live-card .situation-stats strong{
  font-size:12px;
}

.home-live-card .situation-meta{
  margin-top:4px;
  font-size:10px;
}

.home-live-card .weather-traffic-row{
  display:none;
}

.home-live-card .wis-source-row{
  display:none;
}

.home-live-card .situation-analysis{
  display:none;
}

.home-live-card .stream-warning-areas span{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.home-live-card .stream-warning-areas.is-marquee span{
  animation:none;
}

.home-live-card[data-alert-theme="yellow"],
.home-live-card[data-alert-theme="orange"]{
  box-shadow:0 26px 58px rgba(0,0,0,.34), 0 0 36px rgba(246,164,25,.08);
}

.home-live-card[data-alert-theme="red"],
.home-live-card[data-alert-theme="breaking"]{
  box-shadow:0 26px 58px rgba(0,0,0,.34), 0 0 38px rgba(227,59,59,.14);
}

.home-live-card[data-alert-theme="violet"],
.home-live-card[data-alert-theme="extreme"]{
  box-shadow:0 26px 58px rgba(0,0,0,.34), 0 0 42px rgba(164,71,255,.16);
}

.home-terms-section{
  padding-top:clamp(32px, 5vw, 64px);
}

.home-terms-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}

.home-term-link{
  position:relative;
  min-height:160px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  overflow:hidden;
  border:1px solid rgba(112,215,255,.18);
  border-radius:8px;
  padding:18px;
  background:
    linear-gradient(150deg, rgba(10,36,58,.94), rgba(3,13,24,.96)),
    radial-gradient(circle at 92% 12%, rgba(112,215,255,.16), transparent 34%);
  color:#f5fbff;
  text-decoration:none;
  box-shadow:0 18px 36px rgba(0,0,0,.22);
  transition:transform .22s var(--ease-soft), border-color .18s ease, box-shadow .22s ease;
}

.home-term-link::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.42;
  background:
    linear-gradient(90deg, rgba(112,215,255,.1), transparent 38%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 74px);
}

.home-term-link > *{
  position:relative;
  z-index:1;
}

.home-term-link:hover,
.home-term-link:focus-visible{
  transform:translateY(-4px);
  border-color:rgba(112,215,255,.5);
  box-shadow:0 24px 48px rgba(0,0,0,.3), 0 0 0 1px rgba(112,215,255,.08);
  outline:none;
}

.home-term-link span{
  color:#8fdfff;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.home-term-link strong{
  display:block;
  margin-top:12px;
  font-size:22px;
  line-height:1.08;
  font-weight:1000;
  text-transform:uppercase;
}

.home-term-link p{
  margin:12px 0 0;
  color:#b7ccda;
  font-size:14px;
  line-height:1.42;
  font-weight:800;
}

@media (max-width:1180px){
  .home-dashboard-page .home-live-hero{
    grid-template-columns:1fr;
  }

  .home-dashboard-page .home-live-copy{
    max-width:880px;
  }

  .home-live-card{
    width:100%;
  }

  .home-terms-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:760px){
  .home-dashboard-page .home-live-hero{
    padding-top:26px;
  }

  .home-place-row{
    grid-template-columns:1fr;
  }

  .home-live-card .stream-wis-panel{
    grid-template-columns:1fr;
  }

  .home-live-card .stream-wis-value-wrap{
    min-height:0;
    border-right:0;
    border-bottom:1px solid rgba(126,184,226,.14);
  }

  .home-live-card-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .home-live-card .wis-metric-row,
  .home-live-card .wis-source-row{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:520px){
  .home-live-card .wis-metric-row,
  .home-live-card .wis-source-row,
  .home-live-card .weather-traffic-row{
    grid-template-columns:1fr;
  }

  .home-place-suggestion{
    align-items:flex-start;
    flex-wrap:wrap;
    padding:9px 10px;
  }

  .home-place-suggestion span,
  .home-place-suggestion small{
    flex-basis:100%;
  }

  .home-place-last{
    align-items:stretch;
    flex-direction:column;
  }

  .home-place-last button{
    width:100%;
  }

  .home-place-status-head{
    flex-direction:column;
    gap:8px;
  }

  .home-place-status-badge{
    align-self:flex-start;
  }

  .home-place-status-overview{
    grid-template-columns:1fr;
  }

  .home-report-window .button,
  .home-place-open{
    width:100%;
  }

  .home-report-window{
    align-items:stretch;
    flex-direction:column;
  }
}

/* Make the report form feel like a broadcast control panel, not a generic web form. */
.report-section .report-layout{
  border-radius:10px;
  background:
    linear-gradient(90deg, rgba(16,52,82,.96), rgba(6,21,36,.99) 64%, rgba(3,12,22,.99));
}

.report-section .report-layout::before{
  background:
    linear-gradient(90deg, rgba(112,215,255,.11), transparent 34%),
    repeating-linear-gradient(0deg, rgba(112,215,255,.055) 0 1px, transparent 1px 42px),
    repeating-linear-gradient(90deg, rgba(112,215,255,.035) 0 1px, transparent 1px 92px);
  opacity:.5;
}

.report-form{
  gap:16px;
}

.report-honeypot{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
}

.report-section .field-card{
  position:relative;
  border-radius:9px;
  border:1px solid rgba(112,215,255,.34);
  border-left:4px solid rgba(112,215,255,.72);
  background:
    linear-gradient(180deg, rgba(3,15,27,.8), rgba(2,9,17,.9));
  padding:14px 14px 12px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 8px 18px rgba(0,0,0,.18);
}

.report-section .field-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  right:0;
  height:2px;
  border-top-left-radius:9px;
  border-top-right-radius:9px;
  background:linear-gradient(90deg, rgba(112,215,255,.78), transparent);
  pointer-events:none;
}

.report-section .field-card:focus-within,
.report-section .upload-card.is-drag-over{
  transform:translateY(-2px);
  border-color:rgba(112,215,255,.72);
  border-left-color:#70d7ff;
  background:
    linear-gradient(180deg, rgba(5,24,41,.9), rgba(2,12,22,.94));
}

.report-section .field-card > span{
  display:inline-flex;
  align-items:center;
  width:max-content;
  min-height:22px;
  margin:-2px 0 8px;
  padding:0 8px;
  border:1px solid rgba(112,215,255,.28);
  border-radius:5px;
  background:rgba(2,10,18,.72);
  color:#69d8ff;
  font-size:11px;
  letter-spacing:1.5px;
}

.report-section .field-card input{
  width:100%;
  min-height:44px;
  border-radius:6px;
  border:1px solid rgba(112,215,255,.24);
  border-bottom-color:rgba(112,215,255,.58);
  background:
    linear-gradient(180deg, rgba(0,7,14,.96), rgba(1,11,20,.96));
  box-shadow:inset 0 -1px 0 rgba(112,215,255,.18);
  font-weight:800;
}

.report-section input[type="datetime-local"]{
  position:relative;
  color-scheme:dark;
  padding-right:44px;
  font-variant-numeric:tabular-nums;
  letter-spacing:.5px;
}

.report-section input[type="datetime-local"]::-webkit-calendar-picker-indicator{
  width:22px;
  height:22px;
  margin-right:4px;
  padding:4px;
  border-radius:5px;
  background-color:rgba(112,215,255,.72);
  filter:brightness(.78) sepia(1) saturate(2.2) hue-rotate(155deg);
  opacity:.92;
  cursor:pointer;
}

.report-section input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover{
  background-color:rgba(151,226,255,.92);
  opacity:1;
}

.report-section .field-card input::placeholder{
  color:#7890a3;
}

.report-section .field-card input:focus{
  border-color:rgba(112,215,255,.72);
  box-shadow:
    inset 0 -1px 0 rgba(112,215,255,.62),
    0 0 0 2px rgba(112,215,255,.08);
}

.report-section .upload-card{
  min-height:140px;
  border-style:solid;
  border-left-color:rgba(112,215,255,.72);
}

.report-section .upload-card::before{
  background:linear-gradient(90deg, rgba(112,215,255,.82), rgba(112,215,255,.34), transparent);
}

.report-section .upload-card strong{
  display:inline-flex;
  width:max-content;
  padding:4px 0;
  color:#fff;
  font-size:18px;
  text-transform:uppercase;
  letter-spacing:.2px;
  text-shadow:1px 1px 0 rgba(0,0,0,.8);
}

.report-section .drag-hint{
  color:#c5d7e4;
  font-weight:700;
}

.report-section .button.primary{
  border-radius:8px;
  border:1px solid rgba(112,215,255,.65);
  border-left:4px solid #70d7ff;
  background:
    linear-gradient(180deg, rgba(41,137,207,.96), rgba(12,77,130,.98));
  text-shadow:1px 1px 0 rgba(0,0,0,.75);
}

.report-section .button.primary:hover{
  transform:translateY(-3px);
  border-color:rgba(151,226,255,.9);
  box-shadow:0 20px 34px rgba(0,0,0,.34);
}

.report-info{
  background:
    linear-gradient(180deg, rgba(3,15,27,.46), rgba(1,8,15,.34));
}

.report-info strong{
  max-width:360px;
  font-size:26px;
  text-shadow:1px 1px 0 rgba(0,0,0,.82);
}

.report-warning-box{
  position:relative;
  overflow:hidden;
  margin-top:18px;
  padding:13px 15px 14px;
  border:1px solid rgba(255,84,84,.7);
  border-left:4px solid #ff3030;
  border-radius:8px;
  background:
    linear-gradient(135deg, rgba(102,8,16,.96), rgba(48,4,10,.94));
  box-shadow:
    0 18px 34px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.report-warning-box::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg, #ff3b3b, rgba(255,255,255,.72), rgba(255,59,59,.08));
}

.report-warning-box span{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:3px 8px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.25);
  color:#ffd2d2;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.08em;
  line-height:1;
  text-transform:uppercase;
  text-shadow:1px 1px 0 rgba(0,0,0,.9);
}

.report-warning-box strong{
  display:block;
  max-width:none;
  margin-top:8px;
  color:#fff;
  font-size:18px;
  line-height:1.12;
  text-shadow:2px 2px 0 rgba(0,0,0,.72);
}

.report-warning-box p{
  max-width:none;
  margin:8px 0 0;
  color:#ffdada;
  font-size:13px;
  font-weight:800;
  line-height:1.42;
  text-shadow:1px 1px 0 rgba(0,0,0,.72);
}

/* Legal pages use the same broadcast panel language as the main site. */
.legal-layout{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  gap:16px;
}

.legal-card{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:22px 24px;
  border:1px solid rgba(114,183,232,.34);
  border-left:4px solid rgba(112,215,255,.72);
  border-radius:10px;
  background:
    linear-gradient(180deg, rgba(19,49,77,.96), rgba(7,22,37,.98));
  box-shadow:
    0 18px 42px rgba(0,0,0,.3),
    inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .24s var(--ease-soft), border-color .24s ease, box-shadow .24s ease;
}

.legal-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(112,215,255,.12), transparent 35%),
    repeating-linear-gradient(0deg, rgba(112,215,255,.05) 0 1px, transparent 1px 40px);
  opacity:.58;
}

.legal-card::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  right:0;
  height:2px;
  background:linear-gradient(90deg, rgba(112,215,255,.78), transparent);
  pointer-events:none;
}

.legal-card:hover{
  transform:translateY(-4px);
  border-color:rgba(112,215,255,.62);
  border-left-color:#70d7ff;
  box-shadow:
    0 24px 54px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.legal-card h2{
  margin:0 0 14px;
  color:#fff;
  font-size:22px;
  line-height:1.1;
  letter-spacing:0;
  text-shadow:1px 1px 0 rgba(0,0,0,.82);
}

.legal-card p,
.legal-card address,
.legal-card li{
  color:#c5d7e4;
  font-size:15px;
  line-height:1.62;
}

.legal-card p + p{
  margin-top:10px;
}

.legal-card address{
  font-style:normal;
  margin-bottom:12px;
}

.legal-card strong{
  color:#fff;
}

.legal-card a{
  color:#70d7ff;
  font-weight:800;
  text-decoration:none;
  border-bottom:1px solid rgba(112,215,255,.34);
}

.legal-card a:hover{
  color:#fff;
  border-bottom-color:rgba(255,255,255,.7);
}

.legal-card ul{
  margin:10px 0 0;
  padding-left:18px;
}

.legal-card li + li{
  margin-top:6px;
}

body:has(.legal-layout) main .section{
  min-height:calc(100vh - 160px);
  background:
    radial-gradient(circle at 12% 8%, rgba(77,183,255,.1), transparent 28%),
    linear-gradient(180deg, rgba(5,14,24,.98), rgba(4,10,18,.98));
}

body:has(.legal-layout) .section-heading{
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}

/* Final Live Desk banner override: one neutral full-height bar beside DWD. */
.wis-broadcast-card .stream-warning-banner,
.wis-broadcast-card .stream-warning-banner[data-alert-theme],
.wis-broadcast-card .stream-warning-banner[data-alert-theme="quiet"],
.wis-broadcast-card .stream-warning-banner[data-alert-theme="yellow"],
.wis-broadcast-card .stream-warning-banner[data-alert-theme="orange"],
.wis-broadcast-card .stream-warning-banner[data-alert-theme="red"],
.wis-broadcast-card .stream-warning-banner[data-alert-theme="violet"],
.wis-broadcast-card .stream-warning-banner[data-alert-theme="extreme"],
.wis-broadcast-card .stream-warning-banner[data-alert-theme="breaking"],
.wis-broadcast-card .stream-warning-banner[data-alert-theme="heat"],
.wis-broadcast-card .stream-warning-banner[data-alert-theme="extreme_heat"],
.wis-broadcast-card .stream-warning-banner[data-alert-theme="uv"]{
  align-items:center;
  justify-items:start;
  min-height:0;
  padding:0 16px;
  border-left:1px solid rgba(126,184,226,.28);
  border-bottom:0;
  background:
    linear-gradient(180deg, rgba(14,42,67,.98), rgba(5,20,35,.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 8px 22px rgba(0,0,0,.24);
}

.wis-broadcast-card .stream-warning-banner span{
  display:block;
  width:100%;
  overflow:hidden;
  text-align:left;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-shadow:1px 1px 0 rgba(0,0,0,.82);
}

/* Compact current-situation module: small, data-driven, no heavy map payload. */
.situation-brief{
  display:grid;
  grid-template-columns:minmax(0,1fr) max-content;
  gap:10px 16px;
  align-items:start;
  position:relative;
  overflow:hidden;
  padding:13px 14px 14px 17px;
  border-top:1px solid rgba(126,184,226,.16);
  background:
    linear-gradient(90deg, rgba(36,111,164,.16), rgba(255,255,255,.018) 38%, rgba(3,12,22,.18)),
    rgba(3,12,22,.42);
}

.situation-brief::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:#62c9ff;
  opacity:.72;
}

.situation-brief[data-state="active"]{
  background:
    linear-gradient(90deg, rgba(244,180,38,.16), rgba(255,255,255,.018) 38%, rgba(3,12,22,.2)),
    rgba(3,12,22,.44);
}

.situation-brief[data-state="active"]::before{
  background:#f4c334;
}

.situation-brief[data-state="severe"]{
  background:
    linear-gradient(90deg, rgba(201,31,31,.18), rgba(255,255,255,.018) 38%, rgba(3,12,22,.22)),
    rgba(3,12,22,.46);
}

.situation-brief[data-state="severe"]::before{
  background:#e33b3b;
}

.situation-copy .panel-label{
  margin-bottom:4px;
}

.situation-copy p{
  margin:0;
  max-width:820px;
  color:#e9f5ff;
  font-size:14px;
  font-weight:900;
  line-height:1.35;
}

.situation-stats{
  justify-self:end;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:5px;
  min-width:150px;
}

.situation-stats strong{
  display:inline-flex;
  min-height:25px;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  border:1px solid rgba(118,199,255,.24);
  border-radius:999px;
  color:#f4fbff;
  background:rgba(5,18,30,.78);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
  font-size:11px;
  font-weight:1000;
  letter-spacing:.02em;
  white-space:nowrap;
}

.situation-analysis{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:9px;
  align-items:start;
  padding:9px 10px;
  border:1px solid rgba(126,184,226,.14);
  border-radius:8px;
  background:rgba(5,18,30,.48);
}

.situation-analysis span{
  color:#6bd7ff;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.07em;
  text-transform:uppercase;
  white-space:nowrap;
}

.situation-analysis p{
  margin:0;
  color:#d7e9f7;
  font-size:13px;
  font-weight:800;
  line-height:1.35;
}

.situation-meta{
  min-height:21px;
  display:inline-flex;
  align-items:center;
  padding:0 8px;
  border:1px solid rgba(126,184,226,.14);
  border-radius:999px;
  color:#9fc2dc;
  background:rgba(4,13,22,.58);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  white-space:nowrap;
}

.weather-traffic-row{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
}

.weather-traffic-card{
  min-height:44px;
  display:grid;
  grid-template-columns:6px minmax(0,1fr);
  align-content:center;
  gap:2px 8px;
  position:relative;
  padding:7px 10px 7px 9px;
  border:1px solid rgba(126,184,226,.16);
  border-radius:7px;
  background:rgba(5,18,30,.64);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

.weather-traffic-card::before{
  content:"";
  grid-row:1 / span 2;
  align-self:stretch;
  width:4px;
  min-height:26px;
  border-radius:999px;
  background:#547d96;
  box-shadow:0 0 0 1px rgba(0,0,0,.22);
}

.weather-traffic-card span{
  min-width:0;
  color:#8fb1ca;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.weather-traffic-card strong{
  min-width:0;
  color:#f4fbff;
  font-size:13px;
  font-weight:1000;
  line-height:1.05;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.weather-traffic-card[data-state="quiet"]{
  border-color:rgba(108,166,196,.26);
}

.weather-traffic-card[data-state="quiet"]::before{
  background:#5d8399;
}

.weather-traffic-card[data-state="active"]{
  border-color:rgba(244,202,64,.48);
  background:linear-gradient(90deg, rgba(138,103,12,.22), rgba(5,18,30,.66));
}

.weather-traffic-card[data-state="active"]::before{
  background:#f4ca40;
}

.weather-traffic-card[data-state="marked"]{
  border-color:rgba(237,124,43,.52);
  background:linear-gradient(90deg, rgba(178,88,8,.24), rgba(5,18,30,.68));
}

.weather-traffic-card[data-state="marked"]::before{
  background:#ed7c2b;
}

.weather-traffic-card[data-state="severe"]{
  border-color:rgba(201,31,31,.54);
  background:linear-gradient(90deg, rgba(137,24,24,.26), rgba(5,18,30,.7));
}

.weather-traffic-card[data-state="severe"]::before{
  background:#d93636;
}

.weather-traffic-card[data-state="extreme"]{
  border-color:rgba(159,38,202,.58);
  background:linear-gradient(90deg, rgba(92,24,128,.3), rgba(5,18,30,.72));
}

.weather-traffic-card[data-state="extreme"]::before{
  background:#a749e8;
}

@media (max-width:820px){
  .measurements-overview{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .measurements-toolbar,
  .measurement-board-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .measurement-board-time{
    align-self:flex-start;
  }

  .measurement-row{
    grid-template-columns:42px minmax(0, 1fr);
  }

  .measurement-value{
    grid-column:2;
    justify-self:start;
    font-size:21px;
  }

  .situation-brief{
    grid-template-columns:1fr;
  }

  .wis-metric-row,
  .wis-source-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .situation-analysis{
    grid-template-columns:1fr;
  }

  .situation-stats{
    justify-self:start;
    align-items:flex-start;
  }

  .weather-traffic-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .stats-lab-hero{
    align-items:flex-start;
    flex-direction:column;
  }

  .stats-lab-status{
    white-space:normal;
  }

  .stats-lab-grid,
  .lab-dashboard{
    grid-template-columns:1fr;
  }

  .measurements-records-panel .lab-record-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .place-check-meta-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .storm-result{
    grid-template-columns:1fr;
  }

  .station-meta-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .station-trend{
    min-height:246px;
  }

  .station-trend-chart{
    height:150px;
  }
}

@media (max-width:460px){
  .measurements-overview{
    grid-template-columns:1fr;
  }

  .measurements-status{
    white-space:normal;
  }

  .measurement-tabs{
    display:grid;
    grid-template-columns:1fr;
  }

  .measurement-row{
    grid-template-columns:36px minmax(0, 1fr);
    gap:10px;
    padding:13px;
  }

  .measurement-rank{
    width:34px;
    height:34px;
    font-size:15px;
  }

  .measurement-place strong{
    font-size:17px;
  }

  .wis-metric-row,
  .wis-source-row{
    grid-template-columns:1fr;
  }

  .weather-traffic-row{
    grid-template-columns:1fr;
  }

  .lab-record-grid{
    grid-template-columns:1fr;
  }

  .storm-search-row{
    grid-template-columns:1fr;
  }

  .place-check-form{
    grid-template-columns:1fr;
  }

  .place-check-button{
    width:100%;
  }

  .place-check-main{
    align-items:flex-start;
    flex-direction:column;
  }

  .place-check-live-head,
  .place-warning-head,
  .place-warning-item-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .place-check-live-head strong{
    text-align:left;
  }

  .warning-interpretation{
    grid-template-columns:1fr;
  }

  .place-check-meta-grid{
    grid-template-columns:1fr;
  }

  .terms-grid{
    grid-template-columns:1fr;
  }

  .lab-filter-row{
    grid-template-columns:1fr;
  }

  .lab-ranking-row{
    grid-template-columns:34px minmax(0,1fr);
    padding:12px 12px 22px;
  }

  .lab-rank-value{
    grid-column:2;
    padding-right:0;
    font-size:20px;
  }

  .lab-ranking-row::before,
  .lab-ranking-row::after{
    left:58px;
    right:12px;
    bottom:10px;
  }

  .station-main-value{
    align-items:flex-start;
    flex-direction:column;
  }

  .station-meta-grid{
    grid-template-columns:1fr;
  }

  .station-trend-head,
  .station-trend-foot{
    align-items:flex-start;
    flex-direction:column;
  }

  .station-trend{
    min-height:234px;
  }

  .station-trend-chart{
    height:138px;
  }
}

/* Broadcast polish: livelier tabs and section panels without changing data logic. */
.site-header{
  animation:site-chrome-enter .5s var(--ease-soft) both;
}

.brand,
.nav a{
  animation:nav-item-enter .44s var(--ease-soft) both;
}

.brand{animation-delay:30ms}
.nav a:nth-child(1){animation-delay:80ms}
.nav a:nth-child(2){animation-delay:125ms}
.nav a:nth-child(3){animation-delay:170ms}
.nav a:nth-child(4){animation-delay:215ms}
.nav a:nth-child(5){animation-delay:260ms}

.nav a{
  isolation:isolate;
  flex:0 0 auto;
  overflow:hidden;
}

.nav a::before{
  content:"";
  position:absolute;
  inset:1px;
  z-index:-1;
  border-radius:5px;
  opacity:0;
  background:
    linear-gradient(120deg, transparent 0 34%, rgba(112,215,255,.16) 48%, transparent 63% 100%),
    linear-gradient(180deg, rgba(112,215,255,.08), transparent);
  transform:translateX(-62%);
  transition:opacity .2s ease, transform .44s var(--ease-soft);
}

.nav a:hover::before,
.nav a:focus-visible::before,
.nav a[aria-current="page"]::before{
  opacity:1;
  transform:translateX(0);
}

.hero-inner h1,
.hero-copy,
.hero-actions,
.hero-panel,
main > .section > .section-heading,
main > .section > .media-grid,
main > .section > .format-grid,
main > .section > .report-layout,
.terms-quick-nav,
.terms-section,
.stats-lab-hero,
.stats-live-overview,
.place-check-section,
.stats-lab-detail,
.live-section{
  animation:section-polish-enter .72s var(--ease-soft) both;
}

.hero-inner h1{animation-delay:60ms}
.hero-copy{animation-delay:120ms}
.hero-actions{animation-delay:180ms}
.hero-panel{animation-delay:240ms}
main > .section:nth-of-type(1) > .section-heading{animation-delay:80ms}
main > .section:nth-of-type(1) > .media-grid{animation-delay:150ms}
main > .section:nth-of-type(2) > .section-heading{animation-delay:120ms}
main > .section:nth-of-type(2) > .format-grid{animation-delay:190ms}
.terms-quick-nav{animation-delay:120ms}
.terms-section:nth-of-type(2){animation-delay:90ms}
.terms-section:nth-of-type(3){animation-delay:140ms}
.terms-section:nth-of-type(4){animation-delay:190ms}
.terms-section:nth-of-type(5){animation-delay:240ms}
.terms-section:nth-of-type(6){animation-delay:290ms}
.stats-live-overview{animation-delay:110ms}
.place-check-section{animation-delay:165ms}
.stats-lab-detail{animation-delay:220ms}
.live-section{animation-delay:275ms}

.section{
  position:relative;
}

.section::before{
  content:"";
  position:absolute;
  left:clamp(18px, 4vw, 54px);
  right:clamp(18px, 4vw, 54px);
  top:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(112,215,255,.24), transparent);
  transform:scaleX(.28);
  transform-origin:left;
  opacity:.7;
  animation:section-line-open .9s var(--ease-soft) both;
}

.media-card,
.format-grid article,
.term-card,
.report-section .report-layout,
.wis-broadcast-card,
.lab-panel,
.measurement-board,
.place-check-panel{
  transform-style:preserve-3d;
}

.media-card:hover,
.media-card:focus-visible,
.format-grid article:hover,
.term-card:hover,
.report-section .report-layout:hover,
.wis-broadcast-card:hover,
.lab-panel:hover,
.place-check-panel:hover{
  filter:saturate(1.04) brightness(1.025);
}

.media-card:hover .panel-label,
.format-grid article:hover span,
.term-card:hover span,
.lab-panel:hover .panel-label,
.wis-broadcast-card:hover .panel-label,
.report-section .report-layout:hover .panel-label{
  color:#8fe3ff;
  text-shadow:0 0 14px rgba(112,215,255,.28);
}

.button,
.measurement-tab,
.lab-category-tab,
.lab-state-trigger,
.terms-quick-nav a,
.place-check-button{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

.button::after,
.measurement-tab::before,
.lab-state-trigger::before,
.place-check-button::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:0;
  background:linear-gradient(110deg, transparent 0 32%, rgba(255,255,255,.12) 48%, transparent 64% 100%);
  transform:translateX(-70%);
  transition:opacity .18s ease, transform .48s var(--ease-soft);
}

.button:hover::after,
.button:focus-visible::after,
.measurement-tab:hover::before,
.measurement-tab:focus-visible::before,
.measurement-tab.is-active::before,
.lab-state-trigger:hover::before,
.lab-state-trigger:focus-visible::before,
.place-check-button:hover::after,
.place-check-button:focus-visible::after{
  opacity:1;
  transform:translateX(70%);
}

.measurement-tab.is-active,
.lab-category-tab.is-active,
.lab-state-picker.is-open .lab-state-trigger{
  box-shadow:
    inset 0 -2px 0 rgba(112,215,255,.86),
    0 12px 26px rgba(0,0,0,.22),
    0 0 0 1px rgba(112,215,255,.08);
}

.wis-metric-card,
.wis-source-card,
.weather-traffic-card,
.station-meta-grid div,
.place-check-meta-grid div{
  transition:
    transform .2s var(--ease-soft),
    border-color .2s ease,
    background .2s ease,
    box-shadow .2s ease;
}

.wis-metric-card:hover,
.wis-source-card:hover,
.weather-traffic-card:hover,
.station-meta-grid div:hover,
.place-check-meta-grid div:hover{
  transform:translateY(-2px);
  border-color:rgba(112,215,255,.42);
  box-shadow:0 10px 22px rgba(0,0,0,.18);
}

.wis-source-bar span,
.measurement-bar span,
.lab-ranking-row::after{
  will-change:transform, width;
}

.site-footer{
  animation:footer-polish-enter .62s var(--ease-soft) both;
}

@keyframes site-chrome-enter{
  from{opacity:0; transform:translateY(-14px)}
  to{opacity:1; transform:translateY(0)}
}

@keyframes nav-item-enter{
  from{opacity:0; transform:translateY(-8px)}
  to{opacity:1; transform:translateY(0)}
}

@keyframes section-polish-enter{
  0%{opacity:0; transform:translateY(18px) scale(.992)}
  72%{opacity:1; transform:translateY(-2px) scale(1.002)}
  100%{opacity:1; transform:translateY(0) scale(1)}
}

@keyframes section-line-open{
  from{opacity:0; transform:scaleX(.18)}
  to{opacity:.7; transform:scaleX(1)}
}

@keyframes footer-polish-enter{
  from{opacity:0; transform:translateY(10px)}
  to{opacity:1; transform:translateY(0)}
}

@media (prefers-reduced-motion: reduce){
  .site-header,
  .brand,
  .nav a,
  .hero-inner h1,
  .hero-copy,
  .hero-actions,
  .hero-panel,
  main > .section > .section-heading,
  main > .section > .media-grid,
  main > .section > .format-grid,
  main > .section > .report-layout,
  .terms-quick-nav,
  .terms-section,
  .stats-lab-hero,
  .stats-live-overview,
  .place-check-section,
  .stats-lab-detail,
  .live-section,
  .section::before,
  .site-footer{
    animation:none !important;
    opacity:1 !important;
    transform:none !important;
  }
}

/* Keep compact homepage overrides last in the cascade. */
.home-dashboard-page .media-section{
  padding-top:clamp(18px, 2.5vw, 30px);
  padding-bottom:clamp(20px, 3vw, 34px);
}

.home-social-strip{
  display:grid;
  grid-template-columns:repeat(4, max-content);
  gap:8px;
  margin-top:12px;
}

.home-social-strip .hero-social-link{
  min-height:36px;
}

.home-place-form{
  margin-top:14px;
}

.home-live-card .stream-wis-panel{
  grid-template-columns:minmax(154px, .34fr) minmax(0, 1fr);
  min-height:0;
}

.home-live-card .stream-wis-value-wrap{
  min-height:118px;
}

.home-live-card .situation-brief{
  min-height:58px;
  padding:9px 12px;
}

.home-live-card .situation-stats{
  min-width:100px;
  padding:6px 8px;
}

.home-live-card .situation-meta{
  margin-top:0;
}

@media (max-width:760px){
  .home-dashboard-page .media-section{
    padding-top:24px;
    padding-bottom:28px;
  }

  .home-social-strip{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }

  .home-live-card .stream-wis-panel{
    grid-template-columns:1fr;
  }

  .home-live-card .stream-wis-value-wrap{
    min-height:0;
  }
}

@media (max-width:520px){
  .home-dashboard-page .home-live-hero{
    padding-top:20px;
    padding-bottom:22px;
  }
}

/* Refined open WIS view: fewer repetitions, clearer reading order. */
.home-wis-details-title{
  display:none;
  color:#dff5ff;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.home-live-card:hover{
  transform:none;
}

.home-live-card .stream-wis-panel:has(.home-wis-details[open]){
  grid-template-columns:1fr;
}

.home-live-card .stream-wis-panel:has(.home-wis-details[open]) .stream-wis-value-wrap{
  min-height:88px;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  grid-template-areas:
    "label value"
    "label level";
  align-items:center;
  column-gap:18px;
  padding:10px 14px;
  border-right:0;
  border-bottom:1px solid rgba(126,184,226,.16);
}

.stream-wis-panel:has(.home-wis-details[open]) .stream-wis-label-row{
  grid-area:label;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
}

.stream-wis-panel:has(.home-wis-details[open]) .stream-wis-value{
  grid-area:value;
  align-self:end;
  margin:0;
  font-size:42px;
  line-height:.92;
  text-align:right;
}

.stream-wis-panel:has(.home-wis-details[open]) .stream-wis-level{
  grid-area:level;
  align-self:start;
  margin-top:5px;
  text-align:right;
}

.home-wis-details[open]{
  border-left:0;
}

.home-wis-details[open] .home-wis-details-summary{
  min-height:44px;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:center;
  gap:12px;
  padding:6px 12px;
}

.home-wis-details[open] .home-wis-details-title{
  display:block;
}

.home-wis-details[open] .home-wis-quick{
  display:none;
}

.home-wis-details[open] .home-wis-details-action{
  min-width:92px;
  min-height:30px;
}

.home-live-card .home-wis-details .stream-wis-detail{
  grid-template-rows:none;
  grid-auto-rows:auto;
  gap:7px;
  padding:4px 12px 12px;
}

.wis-detail-section-head{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 3px 2px;
  color:#9ddfff;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.wis-detail-section-head small{
  overflow:hidden;
  color:#789bb4;
  font-size:9px;
  font-weight:900;
  letter-spacing:.04em;
  text-overflow:ellipsis;
  text-transform:none;
  white-space:nowrap;
}

.home-wis-details .wis-metric-card,
.home-wis-details .wis-source-card{
  border-left:1px solid rgba(126,184,226,.18);
  background:rgba(2,11,20,.5);
}

.home-wis-details .wis-metric-card:hover,
.home-wis-details .wis-source-card:hover{
  transform:none;
  box-shadow:none;
}

.wis-chart-head{
  padding-top:6px;
}

.wis-chart-legend{
  display:flex;
  align-items:center;
  gap:12px;
  color:#8eabc0;
  font-size:9px;
  letter-spacing:.03em;
  text-transform:none;
}

.wis-chart-legend > span{
  display:inline-flex;
  align-items:center;
  gap:5px;
}

.wis-chart-legend i{
  width:18px;
  height:2px;
  display:inline-block;
  background:#82cfff;
  box-shadow:0 0 5px rgba(130,207,255,.28);
}

.wis-chart-legend i[data-line="forecast"]{
  background:repeating-linear-gradient(90deg, #5aa2ff 0 5px, transparent 5px 8px);
  box-shadow:none;
}

.home-live-card .home-wis-details .stream-wis-chart{
  height:64px;
  margin-top:0;
}

.home-live-card .situation-brief{
  grid-template-columns:1fr;
}

@media (max-width:520px){
  .home-live-card .stream-wis-panel:has(.home-wis-details[open]) .stream-wis-value-wrap{
    min-height:82px;
    column-gap:10px;
    padding:9px 11px;
  }

  .stream-wis-panel:has(.home-wis-details[open]) .stream-wis-label span{
    display:block;
    margin-top:3px;
  }

  .stream-wis-panel:has(.home-wis-details[open]) .stream-wis-value{
    font-size:36px;
  }

  .home-wis-details[open] .home-wis-details-summary{
    grid-template-columns:minmax(0, 1fr) auto;
  }

  .wis-detail-section-head{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }

  .home-live-card .home-wis-details .stream-wis-chart{
    height:58px;
  }
}

/* Final density pass for the expanded WIS panel. */
.home-live-card{
  gap:0;
}

.home-live-card .stream-wis-panel:has(.home-wis-details[open]) .stream-wis-value-wrap{
  min-height:64px;
  padding:7px 12px;
}

.stream-wis-panel:has(.home-wis-details[open]) .stream-wis-value{
  font-size:36px;
}

.stream-wis-panel:has(.home-wis-details[open]) .stream-wis-level{
  margin-top:3px;
  font-size:12px;
}

.home-wis-details[open] .home-wis-details-summary{
  min-height:38px;
  padding:4px 10px;
}

.home-wis-details[open] .home-wis-details-action{
  min-height:28px;
}

.home-live-card .home-wis-details .stream-wis-detail{
  gap:4px;
  padding:2px 10px 8px;
}

.wis-detail-section-head{
  padding:5px 2px 0;
  line-height:1.05;
}

.home-live-card .home-wis-details .wis-metric-card,
.home-live-card .home-wis-details .wis-source-card{
  padding:6px 8px;
}

.home-live-card .home-wis-details .wis-metric-card strong{
  font-size:18px;
}

.home-wis-details .wis-source-card{
  gap:4px;
}

.home-wis-details .wis-source-head strong{
  font-size:15px;
}

.home-wis-details .wis-source-bar{
  height:4px;
}

.home-wis-details .wis-source-card small{
  font-size:9px;
}

.home-live-card .home-wis-details .stream-wis-chart{
  height:48px;
}

.home-live-card .situation-brief{
  min-height:50px;
  padding:7px 10px;
}

@media (max-width:520px){
  .home-live-card .stream-wis-panel:has(.home-wis-details[open]) .stream-wis-value-wrap{
    min-height:62px;
    padding:7px 10px;
  }

  .stream-wis-panel:has(.home-wis-details[open]) .stream-wis-value{
    font-size:32px;
  }

  .home-live-card .home-wis-details .stream-wis-chart{
    height:46px;
  }

  .home-wis-details[open] .home-wis-details-action{
    grid-column:auto;
    width:auto;
  }

  .home-wis-details[open] .wis-detail-section-head{
    align-items:center;
    flex-direction:row;
    gap:8px;
  }

  .home-wis-details[open] .wis-detail-section-head small{
    font-size:8px;
  }

  .home-live-card .home-wis-details .wis-metric-row{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .home-live-card .home-wis-details #wis-stream-threshold-card{
    grid-column:1 / -1;
  }
}