/* Seven-day forecast: scoped to weather; inherits all existing glass palettes.
   No extra blur layers, animations, packages, or layout changes outside Weather. */
#dailyBriefing .b-weather-expanded > :is(.b-sun-uv,.b-hourly-section,.b-week-section) { grid-column: 1 / -1; min-width: 0; }
#dailyBriefing .b-weather-expanded h3 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 16px; margin: 0 0 14px; font: 25px/1.3 Georgia,serif; color: var(--b-text); }
#dailyBriefing .b-weather-expanded h3 small { font: 14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color: var(--b-muted); }
#dailyBriefing .b-sun-uv-grid { display: grid; grid-template-columns: 1.35fr 1.35fr 1fr 1fr; gap: 10px; margin: 0; }
#dailyBriefing :is(.b-uv-card,.b-sun-card) { min-width: 0; padding: 16px; border: 1px solid var(--b-line); border-radius: 14px; background: var(--lg-solid,#242529); color: var(--b-text); }
#dailyBriefing :is(.b-uv-card,.b-sun-card) dt { font-size: 14px; color: var(--b-muted); }
#dailyBriefing :is(.b-uv-card,.b-sun-card) dd { margin: 10px 0; font-size: 25px; font-weight: 650; line-height: 1.25; font-variant-numeric: tabular-nums; }
#dailyBriefing :is(.b-uv-card,.b-sun-card) > small { display: block; font-size: 12px; line-height: 1.6; color: var(--b-muted); }
#dailyBriefing .b-uv-badge { display: inline-block; max-width: 100%; border: 1px solid currentColor; border-radius: 8px; padding: 3px 7px; line-height: 1.5; font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; }
#dailyBriefing .b-uv-card .b-uv-badge { font-size: 22px; }
/* Fixed contrasting foreground/background pairs work in both light and dark palettes. */
#dailyBriefing .b-uv-low { color: #164d30; background: #e2f2e7; }
#dailyBriefing .b-uv-moderate { color: #604900; background: #fff1b9; }
#dailyBriefing .b-uv-high { color: #7c3506; background: #ffdfc5; }
#dailyBriefing .b-uv-very-high { color: #8d2027; background: #ffe0e2; }
#dailyBriefing .b-uv-extreme { color: #64287e; background: #f2defa; }
#dailyBriefing .b-uv-unknown { color: var(--b-muted); background: var(--lg-solid,#242529); }
#dailyBriefing .b-weather-note { color: var(--b-muted); font-size: 12px; line-height: 1.6; margin: 10px 0 0; }
#dailyBriefing .b-weather-warning { padding: 12px 16px; border: 1px solid var(--b-accent); border-radius: 12px; background: var(--lg-solid,#242529); color: var(--b-text); font-size: 14px; margin: 0 0 18px; }
#dailyBriefing .b-hourly-section .b-hourly { margin: 0; padding: 14px 0 0; gap: 12px; }
#dailyBriefing .b-hourly-section .b-hour { text-align: center; min-width: 0; }
#dailyBriefing .b-hour-uv { display: grid; gap: 3px; justify-items: center; font-size: 12px; }
#dailyBriefing .b-hour-condition { font-size: 12px; }
#dailyBriefing .b-hour-date { color: var(--b-muted); }
#dailyBriefing .b-week-list { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 8px; list-style: none; padding: 0; margin: 0; }
#dailyBriefing .b-forecast-day { display: flex; flex-direction: column; gap: 12px; min-width: 0; padding: 14px 10px; border: 1px solid var(--b-line); border-radius: 12px; background: var(--lg-solid,#242529); color: var(--b-text); }
#dailyBriefing .b-forecast-day[aria-current="date"] { border-color: var(--b-accent); }
#dailyBriefing .b-day-date { display: grid; gap: 3px; }
#dailyBriefing .b-day-date strong { font-size: 16px; }
#dailyBriefing .b-day-date time { color: var(--b-muted); font-size: 12px; }
#dailyBriefing .b-day-condition { display: grid; gap: 6px; align-content: start; min-height: 80px; font-size: 12px; line-height: 1.4; }
#dailyBriefing .b-day-condition > span[aria-hidden] { font-size: 24px; }
#dailyBriefing :is(.b-day-temperature,.b-day-rain,.b-day-uv) { display: grid; gap: 4px; font-size: 12px; color: var(--b-muted); }
#dailyBriefing :is(.b-day-temperature,.b-day-rain) strong { color: var(--b-text); font-size: 14px; font-variant-numeric: tabular-nums; }
#dailyBriefing .b-day-uv { margin-top: auto; }
#dailyBriefing .b-reading-missing { font-size: 25px; letter-spacing: normal; }
#dailyBriefing .b-weather-expanded :is(dd,.b-forecast-day,.b-hour) { overflow-wrap: anywhere; }
@media (max-width: 1200px) {
  #dailyBriefing .b-sun-uv-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #dailyBriefing .b-week-list { grid-template-columns: 1fr; }
  #dailyBriefing .b-forecast-day { display: grid; grid-template-columns: .9fr 1.4fr .9fr .9fr 1.2fr; align-items: center; gap: 12px; padding: 14px; }
  #dailyBriefing .b-day-condition { min-height: 0; }
  #dailyBriefing .b-day-uv { margin-top: 0; }
}
@media (max-width: 610px) {
  #dailyBriefing .b-weather-expanded { grid-template-columns: 1fr; }
  #dailyBriefing .b-sun-uv-grid { gap: 8px; }
  #dailyBriefing :is(.b-uv-card,.b-sun-card) { padding: 12px; }
  #dailyBriefing .b-uv-card .b-uv-badge { font-size: 18px; }
  #dailyBriefing .b-hourly-section .b-hourly { grid-template-columns: repeat(3,minmax(0,1fr)); overflow: visible; row-gap: 18px; }
  #dailyBriefing .b-forecast-day { grid-template-columns: 1fr 1.3fr; gap: 10px 14px; }
  #dailyBriefing .b-day-condition { grid-column: 2; grid-row: 1; grid-template-columns: auto 1fr; align-items: center; }
  #dailyBriefing .b-day-temperature { grid-column: 1; grid-row: 2; }
  #dailyBriefing .b-day-rain { grid-column: 2; grid-row: 2; }
  #dailyBriefing .b-day-uv { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; padding-top: 8px; border-top: 1px solid var(--b-line); }
}
@media (forced-colors: active) {
  #dailyBriefing .b-uv-badge { color: CanvasText; background: Canvas; border-color: CanvasText; }
}
