/* Quiet local-time and weather strip, aligned with the public night-blue header. */
body:is(.pr-public-site,.pr-activities-page) .pr-weather {
  display:flex;align-items:center;justify-content:center;gap:16px;
  width:fit-content;max-width:100%;min-width:0;margin-inline:auto;padding:7px 16px;
  border:1px solid rgba(150,177,226,.18);border-radius:14px;
  background:linear-gradient(115deg,rgba(24,43,77,.48),rgba(10,22,42,.35));
  color:#dce6f7;font-family:var(--pr-body-font,Inter,system-ui,sans-serif);line-height:1.35;
  direction:ltr;text-align:left;box-sizing:border-box;
}
.pr-weather-place {display:block;color:#9cafd1;font-size:10px;font-weight:500;letter-spacing:.055em;white-space:nowrap}
.pr-weather-date {display:block;font-size:13px;font-weight:500;white-space:nowrap}
.pr-weather-clock {font-size:17px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr;min-width:74px}
.pr-weather-zone {display:block;text-align:center;color:#9cafd1;font-size:10px;letter-spacing:.06em}
.pr-weather-time {padding-inline:14px;border-inline:1px solid rgba(150,177,226,.16)}
body:is(.pr-public-site,.pr-activities-page) .pr-weather-condition {position:relative;display:block;min-width:0;margin:0;padding:0;border:0!important;background:none!important;box-shadow:none!important;color:inherit}
body:is(.pr-public-site,.pr-activities-page) .pr-weather-condition summary {display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;white-space:nowrap;border-radius:8px;margin:0;padding:0;border:0!important;background:none!important;box-shadow:none!important;color:inherit}
.pr-weather-condition summary::-webkit-details-marker {display:none}
.pr-weather-condition summary:focus-visible {outline:2px solid #b9cef4;outline-offset:5px}
.pr-weather-icon {display:block;width:30px;height:30px;flex:none;color:#b9d1f6}
.pr-weather-icon[data-kind="sun"] {color:#f2ce87}
.pr-weather-temperature {font-size:21px;font-weight:500;font-variant-numeric:tabular-nums;direction:ltr;white-space:nowrap}
.pr-weather-info {position:absolute;z-index:1300;top:calc(100% + 15px);right:-10px;width:240px;max-width:80vw;padding:14px;border:1px solid #3b527b;border-radius:12px;background:#101e36;color:#ccd8ec;font-size:12px;line-height:1.6;box-shadow:0 12px 32px #0006;white-space:normal}
body:is(.pr-public-site,.pr-activities-page) .pr-weather-info a {font-size:12px!important;font-weight:500!important;color:#c8d9f9!important;text-decoration:underline!important}
.pr-weather-info time {display:block;color:#aabbd7;font-variant-numeric:tabular-nums}
.pr-weather-credit {display:block;margin-top:5px}
.pr-weather[data-state="unavailable"] .pr-weather-temperature {color:#9cafd1}
.pr-weather[data-state="delayed"] .pr-weather-temperature {text-decoration:underline dotted #9cafd1;text-underline-offset:5px}
@media(min-width:1100px) {
  body:is(.pr-public-site,.pr-activities-page) .ppr-luxe-primary:has(>.pr-weather) {grid-template-columns:auto minmax(0,1fr) auto}
  body:is(.pr-public-site,.pr-activities-page) .ppr-luxe-primary>.pr-weather {grid-column:2;grid-row:1}
  body:is(.pr-public-site,.pr-activities-page) .ppr-luxe-primary:has(>.pr-weather)>.ppr-luxe-actions {grid-column:3}
}
/* Original/mobile headers keep a separate compact row, without crowding the logo. */
body:is(.pr-public-site,.pr-activities-page) :is(.site-header,.top)>.pr-weather {margin:4px auto 10px;max-width:calc(100% - 28px)}
@media(max-width:600px) {
  body.pr-activities-page .top .brand {display:block;min-width:0;font-size:12px!important;flex:1}
  body.pr-activities-page .top .brand small {display:block;font-size:8px;letter-spacing:.06em}
  body.pr-activities-page .top nav.w {gap:10px}
  body:is(.pr-public-site,.pr-activities-page) .pr-weather {gap:10px;padding:7px 10px;border-radius:12px}
  .pr-weather-time {padding-inline:10px}
  .pr-weather-place {font-size:9px;letter-spacing:0}
  .pr-weather-date {font-size:12px}
  .pr-weather-clock {font-size:15px;min-width:66px}
  .pr-weather-temperature {font-size:19px}
  .pr-weather-icon {width:26px;height:26px}
}
@media(max-width:350px) {
  body:is(.pr-public-site,.pr-activities-page) .pr-weather {gap:7px;padding:6px 8px}
  .pr-weather-time {padding-inline:7px}
  .pr-weather-condition summary {gap:4px}
  .pr-weather-place {font-size:8px;letter-spacing:0}
  .pr-weather-date {font-size:11px}
  .pr-weather-clock {font-size:14px;min-width:60px}
  .pr-weather-zone {font-size:8px;letter-spacing:0}
  .pr-weather-temperature {font-size:17px}
  .pr-weather-icon {width:22px;height:22px}
}