/* Weather Watch: the map fits the screen at its true shape, the small print
   reads across a room, and quiet days show the NWS forecast. Loaded after
   live-info.css, cloud-web.css and cloud-mobile.css. */
.weather-watch-screen .nws-forecast{margin-top:1.4vh;padding-top:1.2vh;border-top:1px solid #c0ac8b}
.weather-watch-screen .nws-forecast>.eyebrow{display:block;color:#8a6b43;letter-spacing:.14em}
.weather-watch-screen .nws-period{margin-top:1vh}
.weather-watch-screen .nws-period h3{margin:0;font:italic 2.4vh/1.2 Palatino,'Palatino Linotype',Georgia,serif;color:#415b46}
.weather-watch-screen .nws-short{margin:.3vh 0 0;color:#34483a}
.weather-watch-screen .nws-detail{margin:.3vh 0 0;color:#6e6260;line-height:1.4}
.weather-watch-screen .weather-alert-card:has(.nws-forecast) .live-empty{padding-top:2vh!important}

/* Alert check unavailable: a quiet notice, never a large warning. */
.weather-watch-screen .offline-note{margin:0 0 1vh;font:italic 1.5vh Georgia,serif;color:#8a7a62}
.weather-watch-screen .offline-status{margin:.6vh 0 .4vh;font:italic 2.6vh/1.2 Palatino,'Palatino Linotype',Georgia,serif;color:#5d6b58}
.weather-watch-screen .offline-caution{margin:0;font:1.7vh/1.4 Georgia,serif;color:#6e6260}
.weather-watch-screen .offline-official{margin:1.4vh 0 0;font:1.5vh Georgia,serif;color:#7d6b68}
@media(min-width:701px){
  /* The map takes the height the screen has and its width follows its shape;
     the panel is only as wide as the map. */
  .weather-watch-screen .weather-watch-layout{grid-template-columns:minmax(0,1fr) auto;align-items:start}
  .weather-watch-screen .weather-map-panel{max-width:64vw;box-sizing:border-box}
  .weather-watch-screen .weather-map{height:41vh!important;width:auto;max-width:100%;margin:0 auto}
  .weather-watch-screen .edition-heading .eyebrow{font-size:clamp(10px,1.5vh,13px)}
  .weather-watch-screen>.live-status{font-size:clamp(11px,1.7vh,14px)}
  .weather-watch-screen .weather-alert-card>.eyebrow,.weather-watch-screen .nws-forecast>.eyebrow{font-size:clamp(10px,1.5vh,13px)}
  .weather-watch-screen .radar-frame-stamp{font-size:clamp(10px,1.6vh,13px)}
  .weather-watch-screen .live-map-note,.weather-watch-screen .radar-legend{font-size:clamp(10px,1.55vh,13px);line-height:1.35}
  .weather-watch-screen .live-source{font-size:clamp(9px,1.4vh,12px)}
  .weather-watch-screen .live-empty-note{font-size:clamp(12px,2vh,17px)}
  .weather-watch-screen .nws-short{font-size:clamp(13px,2.1vh,18px)}
  .weather-watch-screen .nws-detail{font-size:clamp(11px,1.75vh,15px)}
  .weather-watch-screen .offline-note,.weather-watch-screen .offline-official{font-size:clamp(10px,1.55vh,13px)}
  .weather-watch-screen .offline-status{font-size:clamp(15px,2.6vh,22px)}
  .weather-watch-screen .offline-caution{font-size:clamp(11px,1.7vh,14px)}
}
@media(max-width:700px){
  /* The alert card and the map stack and keep their full heights (the card used
     to shrink to nothing beside the map). */
  .weather-watch-screen .weather-watch-layout{height:auto;max-height:none}
  .weather-watch-screen .weather-alert-card,.weather-watch-screen .weather-map-panel{flex:0 0 auto}
  .weather-watch-screen .live-empty{max-width:none;padding-top:4px!important;font-size:20px}
  .weather-watch-screen .live-empty-note{font-size:14px;margin:4px 0 0}
  .weather-watch-screen .offline-note,.weather-watch-screen .offline-official{font-size:12px}
  .weather-watch-screen .offline-status{font-size:19px}
  .weather-watch-screen .offline-caution{font-size:13px}
  .weather-watch-screen .nws-period h3{font-size:17px}
  .weather-watch-screen .nws-short{font-size:14px}
  .weather-watch-screen .nws-detail{font-size:13px}
  .weather-watch-screen .nws-forecast>.eyebrow{font-size:10px}
}
/* Food Recalls on phones: the notice grows to fit instead of being cut off at 55vh. */
@media(max-width:700px){.recall-watch-screen .live-body.recall-body{height:auto;min-height:0;overflow:visible}}
/* Food Recalls: hazard and New badges, and the products to check for. */
.recall-head .recall-hazard{background:#a26762;color:#fff4e3;padding:.7vh 1vw;letter-spacing:.04em}
.recall-head .recall-new{background:#344b3a;color:#f1e6d6;padding:.7vh 1vw;letter-spacing:.08em;text-transform:uppercase}
.recall-look{margin:1vh 0 1.4vh}
.recall-products{list-style:none;margin:.4vh 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5vh 2vw}
.recall-products li{position:relative;padding-left:1.1em;font-size:clamp(12px,2.1vh,17px);line-height:1.3;color:#3f3330}
.recall-products li:before{content:'';position:absolute;left:0;top:.5em;width:.45em;height:.45em;border-radius:50%;background:#a26762}
.recall-products .recall-more{font-style:italic;color:#765953}
.recall-products .recall-more:before{display:none}
@media(max-width:700px){.recall-products{grid-template-columns:1fr}.recall-head{flex-wrap:wrap;gap:6px 10px}}