/* Scoped home weather controls. Loaded as a separate filename to bypass stale cached CSS. */
.weather-strip .weather-top{display:flex;align-items:center;justify-content:space-between;gap:18px 28px;flex-wrap:wrap}
.weather-strip .weather-selector{flex:1 1 260px;min-width:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.weather-strip .weather-current{min-width:0!important;width:auto!important;flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:17px;flex-wrap:wrap}
.weather-strip .zr-weather-reading{min-width:0;flex:0 1 auto}
.weather-strip .zr-weather-reading .weather-data{display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:wrap}
.weather-strip .zr-weather-reading .weather-stats{gap:15px}
.weather-strip .zr-weather-reading .weather-stat{white-space:nowrap}
.weather-strip .zr-weather-actions{display:inline-flex;align-items:center;gap:17px;border-left:1px solid rgba(200,145,58,.30);margin-left:4px;padding-left:18px;flex:0 0 auto}
.weather-strip .zr-weather-unit{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:0;overflow:visible;background:none}
.weather-strip .zr-weather-unit>span{color:rgba(232,189,122,.32);font-size:.66rem}
.weather-strip .zr-weather-unit button,.weather-strip .zr-weather-expand{display:inline-flex;align-items:center;justify-content:center;border:0!important;border-radius:0!important;background:transparent!important;color:#c9a26c!important;cursor:pointer;padding:4px 0!important;white-space:nowrap;letter-spacing:.10em;font:500 .57rem/1.4 'JetBrains Mono',monospace!important}
.weather-strip .zr-weather-unit button[aria-pressed="false"]{color:#88765e!important}
.weather-strip .zr-weather-unit button[aria-pressed="true"]{color:#f0bd73!important;text-decoration:underline;text-underline-offset:4px}
.weather-strip .zr-weather-expand:hover,.weather-strip .zr-weather-unit button:hover{color:#ffe0a9!important;text-decoration:underline;text-underline-offset:4px}
.weather-strip .zr-weather-unit button:focus-visible,.weather-strip .zr-weather-expand:focus-visible{outline:2px solid #efc88e;outline-offset:5px}
.weather-strip .zr-forecast{margin-top:18px}
.weather-strip .zr-forecast[hidden]{display:none!important}
.weather-strip .zr-weather-credit{display:block;margin-top:10px;color:rgba(239,226,207,.46);font:400 .65rem/1.5 Raleway,Arial,sans-serif;max-width:100%;white-space:normal}
.weather-strip .zr-weather-credit a{color:inherit!important;text-decoration:none;border-bottom:1px solid rgba(239,226,207,.24)}
.weather-strip .zr-weather-credit a:hover{color:#dcb886!important;border-color:#dcb886}
.weather-strip .travel-buddy{white-space:normal;overflow-wrap:break-word}
@media(max-width:1170px){
  .weather-strip .weather-top{align-items:flex-start;flex-direction:column;gap:18px}
  .weather-strip .weather-selector{flex:0 1 auto}
  .weather-strip .weather-current{width:100%!important;justify-content:flex-start}
}
@media(max-width:680px){
  .weather-strip .weather-current{display:flex;align-items:flex-start;flex-wrap:wrap;gap:13px}
  .weather-strip .zr-weather-reading{width:100%;flex:1 1 100%}
  .weather-strip .zr-weather-reading .weather-data{gap:9px 13px;flex-wrap:wrap}
  .weather-strip .zr-weather-reading .weather-main{gap:7px}
  .weather-strip .zr-weather-reading .weather-symbol{width:34px;height:43px;font-size:1.65rem}
  .weather-strip .zr-weather-reading .weather-temp strong{font-size:1.9rem}
  .weather-strip .zr-weather-reading .weather-stats{gap:10px;flex-wrap:wrap}
  .weather-strip .zr-weather-reading .weather-stat b{font-size:.47rem}
  .weather-strip .zr-weather-reading .weather-stat span{font-size:.72rem}
  .weather-strip .zr-weather-actions{margin-left:auto;margin-top:0;border-left:1px solid rgba(200,145,58,.30);padding-left:14px;gap:17px}
  .weather-strip .zr-weather-credit{font-size:.64rem}
}

/* Gold, slightly more compact seven-day forecast figures. */
.weather-strip .zr-weather-expand{font-size:.52rem!important;letter-spacing:.075em;color:#f0bd73!important}
.weather-strip .zr-forecast h3{font-size:1.2rem;color:var(--gold)}
.weather-strip .zr-forecast-day b{font-size:.66rem;color:var(--gold)}
.weather-strip .zr-forecast-symbol{font-size:1.22rem;margin:.4rem 0;color:var(--gold)}
.weather-strip .zr-forecast-temps{font-size:.68rem;color:var(--gold)}
.weather-strip .zr-forecast-rain{font-size:.61rem;color:#c9a26c}
.weather-strip .zr-forecast-day{padding:.6rem .25rem}

/* The seven-day strip: seven equal days on desktop, fixed-size pictograms,
   and room between the weather symbol, temperature and precipitation. */
.weather-strip .zr-forecast-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:9px;
}
.weather-strip .zr-forecast-day{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
  padding:14px 5px 12px;
  text-align:center;
}
.weather-strip .zr-forecast-day b{
  font-size:.72rem;
  line-height:1.35;
  color:var(--gold);
}
.weather-strip .zr-forecast-symbol{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:42px;
  height:42px;
  line-height:1;
  font-size:1.55rem;
  font-family:"Segoe UI Symbol","Noto Sans Symbols 2",Arial,sans-serif;
  font-weight:400;
  white-space:nowrap;
  margin:10px auto 21px;
  color:var(--gold);
}
.weather-strip .zr-forecast-temps{
  display:block;
  font-size:clamp(.65rem,1vw,.78rem);
  line-height:1.55;
  color:var(--gold);
  white-space:normal;
  font-variant-numeric:tabular-nums;
}
.weather-strip .zr-forecast-rain{
  display:block;
  margin-top:9px;
  font-size:.65rem;
  line-height:1.4;
  color:#c9a26c;
}
.weather-strip .zr-forecast-note{
  margin-top:12px;
  color:rgba(222,208,188,.57);
  font:.61rem/1.55 Raleway,Arial,sans-serif;
}
.weather-strip .zr-forecast-note a{
  color:inherit;
  text-decoration:underline;
  text-decoration-color:rgba(222,208,188,.44);
  text-underline-offset:2px;
}
.weather-strip .zr-forecast-note a:hover,
.weather-strip .zr-forecast-note a:focus-visible{
  color:#efc78a;
  text-decoration-color:#efc78a;
}
@media(max-width:950px){
  .weather-strip .zr-forecast-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(min-width:951px){
  .weather-strip .zr-forecast-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
}
@media(max-width:600px){
  .weather-strip .zr-forecast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .weather-strip .zr-forecast-day{padding:12px 6px}
  .weather-strip .zr-forecast-symbol{margin:11px auto 19px}
  .weather-strip .zr-forecast-temps{font-size:.72rem}
}