/* CF Homes 5.0.66 – large homepage-only weather dashboard. */
.cfh-weather-module.cfh-weather-dashboard{--wd-navy:#0b3570;--wd-blue:#078bad;--wd-light:#f2faff;--wd-edge:#d6eaf2;box-sizing:border-box;max-width:100%;color:var(--wd-navy);font-family:inherit}
.cfh-weather-dashboard *{box-sizing:border-box}
.cfh-weather-dashboard .cfh-wd-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:0 0 22px}
.cfh-weather-dashboard .cfh-wd-eyebrow{display:block;margin-bottom:8px;color:#099fc2;font-size:clamp(11px,.9vw,14px);font-weight:850;letter-spacing:.12em}
.cfh-weather-dashboard .cfh-wd-heading h2{margin:0 0 7px!important;color:var(--wd-navy)!important;font-size:clamp(29px,3.2vw,54px)!important;line-height:1.11!important;text-align:left!important;letter-spacing:-.025em;font-weight:800!important}
.cfh-weather-dashboard .cfh-wd-heading p{margin:0!important;color:#65889e!important;font-size:clamp(13px,1.1vw,18px)!important;line-height:1.5}
.cfh-weather-dashboard .cfh-wd-place-form{flex:0 0 230px;max-width:100%;margin:0;position:relative}
.cfh-weather-dashboard .cfh-wd-place-form label{font-size:12px;color:#506b7f;display:block;margin-bottom:5px;font-weight:700}
.cfh-weather-dashboard .cfh-wd-place-controls{height:46px;border:1px solid #c9e4ee;border-radius:999px;display:flex;align-items:center;overflow:hidden;background:#fff;box-shadow:0 2px 7px rgba(15,63,82,.04)}
.cfh-weather-dashboard .cfh-wd-pin{flex:none;margin-left:15px;font-size:25px;color:#0797b8}
.cfh-weather-dashboard .cfh-wd-place-form input{min-width:0;flex:1;width:100%;height:100%;border:0!important;background:none!important;box-shadow:none!important;outline:0!important;color:#113b6b;font-size:14px;font-weight:700;padding:0 8px}
.cfh-weather-dashboard .cfh-wd-place-form button{flex:none;display:grid;place-items:center;width:42px;height:100%;border:0;border-radius:0;background:#e8f9fd;color:#008bb0;font-size:23px;cursor:pointer}
.cfh-weather-dashboard .cfh-wd-place-form button:hover{background:#d4f1f9}
.cfh-weather-dashboard .cfh-wd-place-message{display:block;position:absolute;top:100%;left:9px;font-size:11px;color:#b14b40;line-height:1.2;padding:3px 0}
.cfh-weather-dashboard .cfh-wd-panel{min-width:0;padding:15px 16px 12px;border:1px solid var(--wd-edge);border-radius:26px;background:#fff;box-shadow:0 9px 25px rgba(16,63,91,.075)}
.cfh-weather-dashboard .cfh-wd-overview{display:grid;grid-template-columns:1.13fr 1.48fr 1.28fr;align-items:stretch;gap:0;min-height:178px;padding-bottom:14px}
.cfh-weather-dashboard .cfh-wd-overview--no-warnings{grid-template-columns:1fr 1.4fr}
.cfh-weather-dashboard .cfh-wd-overview--no-metrics{grid-template-columns:1fr 1.5fr}
.cfh-weather-dashboard .cfh-wd-now{min-width:0;display:flex;align-items:center;gap:15px;padding:14px 18px 13px 14px;border-radius:17px;background:linear-gradient(115deg,#effaff 0%,#f9fdff 90%)}
.cfh-weather-dashboard .cfh-wd-icon{width:105px;height:105px;display:grid;place-items:center;flex:0 0 105px;color:#efb500}
.cfh-weather-dashboard .cfh-wd-icon svg{width:90%;height:90%;stroke-width:1.5;fill:none;stroke:currentColor}
.cfh-weather-dashboard .cfh-wd-now-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.cfh-weather-dashboard .cfh-wd-temperature{font-size:clamp(49px,4.5vw,79px);font-weight:850;letter-spacing:-.055em;line-height:1;color:var(--wd-navy)}
.cfh-weather-dashboard .cfh-wd-condition{font-size:clamp(13px,1.2vw,18px);font-weight:760;color:#1c416c;line-height:1.25}
.cfh-weather-dashboard .cfh-wd-now-copy small{color:#698ca6;font-size:11px;line-height:1.5}
.cfh-weather-dashboard .cfh-wd-unavailable{font-size:16px;line-height:1.4}
.cfh-weather-dashboard .cfh-wd-metrics{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;padding:15px 8px}
.cfh-weather-dashboard .cfh-wd-metric{min-width:0;padding:10px 8px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px;border-right:1px solid var(--wd-edge)}
.cfh-weather-dashboard .cfh-wd-metric:last-child{border-right:0}
.cfh-weather-dashboard .cfh-wd-metric>span{height:27px;color:#0aa3c0;font-size:30px;line-height:1}
.cfh-weather-dashboard .cfh-wd-metric small{font-size:12px;color:#668ba2;line-height:1.35}
.cfh-weather-dashboard .cfh-wd-metric strong{color:var(--wd-navy);font-size:clamp(14px,1.16vw,19px);white-space:nowrap;line-height:1.25}
.cfh-weather-dashboard .cfh-wd-warnings{min-width:0;align-self:stretch;padding:8px 0 8px 12px}
.cfh-weather-dashboard .cfh-wd-warning-details,.cfh-weather-dashboard .cfh-wd-warning-clear{height:100%;border:1px solid #f7cfb2;border-left:5px solid #ff7e00;border-radius:18px;background:linear-gradient(110deg,#fff8f1 0%,#fff 100%);color:var(--wd-navy);padding:0}
.cfh-weather-dashboard .cfh-wd-warning-details>summary{display:flex;align-items:center;gap:13px;padding:17px 13px;min-height:145px;cursor:pointer;list-style:none}
.cfh-weather-dashboard .cfh-wd-warning-details>summary::-webkit-details-marker{display:none}
.cfh-weather-dashboard .cfh-wd-warning-glyph{flex:0 0 61px;width:61px;height:61px;display:grid;place-items:center;color:#ff8200;font-size:35px;font-weight:900;border-radius:50%;background:#fff0e4}
.cfh-weather-dashboard .cfh-wd-warning-details summary>span:nth-child(2){display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}
.cfh-weather-dashboard .cfh-wd-warnings small{font-weight:800;color:#e57409;font-size:11px;line-height:1.3}
.cfh-weather-dashboard .cfh-wd-warnings strong{font-size:clamp(13px,1.2vw,19px);color:var(--wd-navy);line-height:1.27}
.cfh-weather-dashboard .cfh-wd-warnings em{font-style:normal;color:#60839b;font-size:12px}
.cfh-weather-dashboard .cfh-wd-warning-expanded{padding:0 19px 15px;font-size:12px}.cfh-weather-dashboard .cfh-wd-warning-expanded p{font-size:12px;margin:6px 0}.cfh-weather-dashboard .cfh-wd-warning-expanded a{color:#0a86a5}
.cfh-weather-dashboard .cfh-wd-warning-clear{border-color:#d8edf2;border-left-color:#0c9aba;background:#f7fcfe;display:flex;align-items:center;padding:18px;gap:14px}
.cfh-weather-dashboard .cfh-wd-warning-clear>span{display:grid;place-items:center;border-radius:50%;background:#dff7ee;color:#087d74;font-size:29px;width:55px;height:55px;flex:0 0 55px}
.cfh-weather-dashboard .cfh-wd-warning-clear>div{display:flex;flex-direction:column;gap:6px}
.cfh-weather-dashboard .cfh-wd-warning-clear small{color:#087f9a}
.cfh-weather-dashboard .cfh-wd-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #dfeff5;border-radius:14px;overflow:hidden;background:#f5fbfe}
.cfh-weather-dashboard .cfh-wd-day{display:flex;align-items:center;justify-content:space-around;gap:7px;padding:14px 18px;min-width:0;border-right:1px solid #d6e9ef}
.cfh-weather-dashboard .cfh-wd-day:last-child{border-right:0}.cfh-weather-dashboard .cfh-wd-day-label{font-size:15px;font-weight:800;color:var(--wd-navy)}
.cfh-weather-dashboard .cfh-wd-day-icon{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;color:#e5af08}
.cfh-weather-dashboard .cfh-wd-day-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7}
.cfh-weather-dashboard .cfh-wd-day strong{font-size:17px;white-space:nowrap}.cfh-weather-dashboard .cfh-wd-day small{font-size:12px;color:#668ba2;white-space:nowrap}
.cfh-weather-dashboard .cfh-wd-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin-top:14px}
.cfh-weather-dashboard .cfh-wd-action{display:flex;flex:1 1 240px;align-items:center;justify-content:space-between;gap:9px;min-height:45px;padding:11px 17px;border:1px solid #cce6ef;border-radius:999px;text-decoration:none!important;color:#087b9c!important;font-size:13px;font-weight:800;white-space:normal}
.cfh-weather-dashboard .cfh-wd-action:hover{background:#eaf7fb}.cfh-weather-dashboard .cfh-wd-action-hint{display:flex;align-items:center;font-size:12px;color:#638197;padding:8px 12px}
.cfh-weather-dashboard .cfh-wd-credit{padding:12px 3px 0;color:#78909f;text-align:right;font-size:10px;line-height:1.6}.cfh-weather-dashboard .cfh-wd-credit a{color:#456f8a!important;text-decoration:underline!important}
@media(max-width:1200px){.cfh-weather-dashboard .cfh-wd-overview{grid-template-columns:1fr 1.2fr}.cfh-weather-dashboard .cfh-wd-warnings{grid-column:1/-1;padding:8px 0 0}.cfh-weather-dashboard .cfh-wd-warning-details>summary{min-height:90px}.cfh-weather-dashboard .cfh-wd-now{min-height:160px}}
@media(max-width:850px){.cfh-weather-dashboard .cfh-wd-overview--no-warnings,.cfh-weather-dashboard .cfh-wd-overview--no-metrics{grid-template-columns:1fr}.cfh-weather-dashboard .cfh-wd-heading{align-items:flex-start}.cfh-weather-dashboard .cfh-wd-heading h2{font-size:clamp(26px,5vw,38px)!important}.cfh-weather-dashboard .cfh-wd-overview{grid-template-columns:1fr}.cfh-weather-dashboard .cfh-wd-metrics{min-height:120px}.cfh-weather-dashboard .cfh-wd-now{min-height:135px}.cfh-weather-dashboard .cfh-wd-warnings{grid-column:auto}.cfh-weather-dashboard .cfh-wd-hour-grid{width:min(600px,80vw)}}
@media(max-width:650px){.cfh-weather-dashboard .cfh-wd-heading{flex-direction:column;gap:13px;margin-bottom:16px}.cfh-weather-dashboard .cfh-wd-place-form{flex:initial;width:100%}.cfh-weather-dashboard .cfh-wd-panel{border-radius:17px;padding:10px}.cfh-weather-dashboard .cfh-wd-now{min-height:120px}.cfh-weather-dashboard .cfh-wd-icon{flex-basis:80px;width:80px;height:80px}.cfh-weather-dashboard .cfh-wd-temperature{font-size:55px}.cfh-weather-dashboard .cfh-wd-metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 0}.cfh-weather-dashboard .cfh-wd-metric{padding:9px 4px;gap:4px}.cfh-weather-dashboard .cfh-wd-metric:nth-child(even){border-right:0}.cfh-weather-dashboard .cfh-wd-metric small{font-size:11px}.cfh-weather-dashboard .cfh-wd-metric strong{font-size:15px}.cfh-weather-dashboard .cfh-wd-days{grid-template-columns:1fr}.cfh-weather-dashboard .cfh-wd-day{padding:10px 12px;justify-content:space-between;border-right:0;border-bottom:1px solid #dcebf0}.cfh-weather-dashboard .cfh-wd-day:last-child{border-bottom:0}.cfh-weather-dashboard .cfh-wd-day-label{flex:1}.cfh-weather-dashboard .cfh-wd-warnings small{font-size:10px}.cfh-weather-dashboard .cfh-wd-warning-details>summary{gap:9px}.cfh-weather-dashboard .cfh-wd-warning-glyph{flex-basis:42px;width:42px;height:42px;font-size:23px}.cfh-weather-dashboard .cfh-wd-hour-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:calc(100vw - 60px)}.cfh-weather-dashboard .cfh-wd-credit{text-align:left}}


/* 5.0.67 – left aligned homepage heading, refined town entry and inline hourly expansion. */
.cfh-weather-module.cfh-weather-dashboard,
.cfh-weather-dashboard .cfh-wd-heading,
.cfh-weather-dashboard .cfh-wd-heading-text,
.cfh-weather-dashboard .cfh-wd-eyebrow,
.cfh-weather-dashboard .cfh-wd-heading h2,
.cfh-weather-dashboard .cfh-wd-heading p{
  text-align:left!important;
}
.cfh-weather-dashboard .cfh-wd-heading-text{
  flex:1 1 auto;min-width:0;margin:0!important;padding:0!important;
  align-self:flex-start;
}
.cfh-weather-dashboard .cfh-wd-eyebrow{margin-left:0!important;margin-right:0!important}
.cfh-weather-dashboard .cfh-wd-place-form{
  flex:0 1 345px;min-width:260px;max-width:100%;align-self:center;
  text-align:left;
}
.cfh-weather-dashboard .cfh-wd-place-form label{
  font-size:12px;font-weight:800;color:#52758b;margin:0 0 7px;
  line-height:1.3;text-align:left!important;
}
.cfh-weather-dashboard .cfh-wd-place-controls{
  display:flex;align-items:center;gap:0;width:100%;height:49px;
  border:1px solid #c8e2ec;border-radius:12px;background:#fff;
  box-shadow:0 2px 8px rgba(12,47,70,.05);overflow:hidden;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.cfh-weather-dashboard .cfh-wd-place-controls:focus-within{
  border-color:#048fac;box-shadow:0 0 0 3px rgba(6,156,191,.11);
}
.cfh-weather-dashboard .cfh-wd-pin{
  flex:0 0 23px;width:23px;height:23px;display:grid;place-items:center;
  margin:0 0 0 13px;color:#008eae;
}
.cfh-weather-dashboard .cfh-wd-pin svg{display:block;width:22px;height:22px}
.cfh-weather-dashboard .cfh-wd-place-form input{
  display:block;flex:1 1 auto;min-width:0;width:100%;height:100%;
  padding:0 10px!important;margin:0!important;border:0!important;
  border-radius:0!important;background:#fff!important;box-shadow:none!important;
  color:#0b3570!important;font-size:14px!important;font-weight:700!important;
  text-align:left!important;outline:none!important;
}
.cfh-weather-dashboard .cfh-wd-place-form button{
  flex:none;display:flex;align-items:center;justify-content:center;
  width:auto;min-width:82px;height:calc(100% - 10px);margin:5px!important;
  padding:0 13px!important;border:0!important;border-radius:8px!important;
  background:#008dae!important;color:#fff!important;
  font-size:12px!important;font-weight:800!important;line-height:1.2;
  text-transform:none!important;letter-spacing:0!important;cursor:pointer;
}
.cfh-weather-dashboard .cfh-wd-place-form button:hover,
.cfh-weather-dashboard .cfh-wd-place-form button:focus-visible{
  background:#006f90!important;color:#fff!important;
}
.cfh-weather-dashboard .cfh-wd-place-message:empty{display:none}
.cfh-weather-dashboard .cfh-wd-place-message:not(:empty){
  position:static;display:block;margin:5px 0 0;padding:0 3px;font-size:12px;
}
/* Button keeps its place in the existing action row. Expansion is a full-width
   flow element BELOW the action row, INSIDE the original weather panel. */
.cfh-weather-dashboard .cfh-wd-hours-trigger{
  display:flex;flex:1 1 240px;align-items:center;justify-content:space-between;
  gap:10px;min-height:45px;min-width:0;margin:0!important;padding:11px 17px!important;
  border:1px solid #cce6ef!important;border-radius:999px!important;
  background:#fff!important;color:#087b9c!important;
  font:inherit!important;font-size:13px!important;font-weight:800!important;
  line-height:1.3!important;text-transform:none!important;letter-spacing:0!important;
  cursor:pointer;
}
.cfh-weather-dashboard .cfh-wd-hours-trigger svg{
  flex:0 0 20px;display:block;width:20px;height:20px;
  transition:transform .2s ease;
}
.cfh-weather-dashboard .cfh-wd-hours-trigger[aria-expanded="true"]{
  color:#fff!important;background:#008cac!important;border-color:#008cac!important;
}
.cfh-weather-dashboard .cfh-wd-hours-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.cfh-weather-dashboard .cfh-wd-hours-trigger:hover{border-color:#0a97b4!important;background:#eaf7fb!important}
.cfh-weather-dashboard .cfh-wd-hours-trigger[aria-expanded="true"]:hover{background:#007c9c!important}
.cfh-weather-dashboard .cfh-wd-hours-panel[hidden]{display:none!important}
.cfh-weather-dashboard .cfh-wd-hours-panel{
  display:block;position:static!important;width:100%!important;max-width:100%;
  margin:14px 0 0;padding:18px 19px 20px;
  border:1px solid #d6eaf2;border-radius:16px;
  background:linear-gradient(180deg,#f2fafd,#fff);box-shadow:none;
}
.cfh-weather-dashboard .cfh-wd-hours-header{
  display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px 14px;
  padding:0 0 13px;text-align:left;
}
.cfh-weather-dashboard .cfh-wd-hours-header h3{
  margin:0!important;color:#0b3570!important;font-size:17px!important;
  font-weight:800!important;line-height:1.3!important;text-align:left!important;
}
.cfh-weather-dashboard .cfh-wd-hours-header>span{font-size:12px;color:#65889e}
.cfh-weather-dashboard .cfh-wd-hour-grid{
  position:static!important;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;width:100%!important;max-width:100%;margin:0;padding:0;
  background:none;border:0;border-radius:0;box-shadow:none!important;z-index:auto;
}
.cfh-weather-dashboard .cfh-wd-hour-grid>.cfh-wd-hour{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  min-width:0;padding:13px 6px;
  border:1px solid #dfedf3;border-radius:10px;
  background:#fff;color:#0b3570;font-size:14px;
}
.cfh-weather-dashboard .cfh-wd-hour-grid .cfh-wd-hour strong{font-size:12px;color:#5a7991}
.cfh-weather-dashboard .cfh-wd-hour-grid .cfh-wd-hour span{font-size:18px;font-weight:800}
.cfh-weather-dashboard .cfh-wd-hour-grid .cfh-wd-hour small{font-size:11px;color:#64869f}
@media(max-width:1000px){
 .cfh-weather-dashboard .cfh-wd-hour-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:650px){
 .cfh-weather-dashboard .cfh-wd-heading{align-items:stretch}
 .cfh-weather-dashboard .cfh-wd-heading-text{width:100%}
 .cfh-weather-dashboard .cfh-wd-place-form{flex:0 1 auto;min-width:0;width:100%;max-width:100%;align-self:stretch}
 .cfh-weather-dashboard .cfh-wd-hour-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .cfh-weather-dashboard .cfh-wd-hours-panel{padding:14px 11px 15px;margin-top:12px}
 .cfh-weather-dashboard .cfh-wd-hour-grid>.cfh-wd-hour{padding:11px 3px}
 .cfh-weather-dashboard .cfh-wd-hours-header h3{font-size:15px!important}
 .cfh-weather-dashboard .cfh-wd-place-controls{height:48px}
}
@media(max-width:345px){
 .cfh-weather-dashboard .cfh-wd-place-form button{min-width:74px;padding:0 9px!important}
}


/* 5.0.68 – elegant in-flow weather accordions and compact warning teaser. */
.cfh-weather-dashboard .cfh-wd-warning-details{
  display:flex;align-items:stretch;height:100%;min-width:0;
  max-height:150px;overflow:hidden;
}
.cfh-weather-dashboard .cfh-wd-warning-summary{
  appearance:none;display:flex;align-items:center;gap:13px;
  width:100%;min-width:0;min-height:0;margin:0!important;
  padding:12px 13px!important;border:0!important;border-radius:15px!important;
  background:transparent!important;text-align:left!important;
  box-shadow:none!important;cursor:pointer;color:var(--wd-navy)!important;
}
.cfh-weather-dashboard .cfh-wd-warning-summary:hover,
.cfh-weather-dashboard .cfh-wd-warning-summary:focus-visible{
  background:rgba(255,129,0,.075)!important;
}
.cfh-weather-dashboard .cfh-wd-warning-summary:focus-visible{
  outline:3px solid #ffad55;outline-offset:-3px;
}
.cfh-weather-dashboard .cfh-wd-warning-teaser{
  display:flex;flex-direction:column;align-items:flex-start;gap:5px;
  flex:1 1 auto;min-width:0;max-height:122px;overflow:hidden;
}
.cfh-weather-dashboard .cfh-wd-warning-teaser small,
.cfh-weather-dashboard .cfh-wd-warning-teaser strong,
.cfh-weather-dashboard .cfh-wd-warning-teaser em{
  display:-webkit-box;max-width:100%;overflow:hidden;overflow-wrap:anywhere;
  -webkit-box-orient:vertical;-webkit-line-clamp:2;
}
.cfh-weather-dashboard .cfh-wd-warning-chevron{
  display:flex;align-items:center;justify-content:center;
  flex:none;color:#e67d0a;font-size:26px;line-height:1;
  transition:transform .5s cubic-bezier(.22,1,.36,1);
}
.cfh-weather-dashboard .cfh-wd-warning-summary[aria-expanded="true"] .cfh-wd-warning-chevron{
  transform:rotate(90deg);
}
.cfh-weather-dashboard .cfh-wd-warning-panel[hidden],
.cfh-weather-dashboard .cfh-wd-hours-panel[hidden]{display:none!important}
.cfh-weather-dashboard .cfh-wd-warning-panel,
.cfh-weather-dashboard .cfh-wd-hours-panel{
  box-sizing:border-box;overflow:hidden;min-width:0;max-width:100%;
  will-change:height,opacity;
}
/* The warning details are a separate full-width ROW, never inside the teaser.
   Their expansion pushes forecast days and actions down in natural flow. */
.cfh-weather-dashboard .cfh-wd-warning-panel{
  margin:14px 0 0;
  border:1px solid #f4d8c0;border-left:4px solid #f78b22;
  border-radius:16px;background:linear-gradient(115deg,#fff7ef,#fff);
}
.cfh-weather-dashboard .cfh-wd-warning-expanded{
  padding:19px 20px 21px;font-size:13px;
}
.cfh-weather-dashboard .cfh-wd-warning-panel-head{
  display:flex;justify-content:space-between;align-items:center;gap:12px 18px;
  flex-wrap:wrap;margin-bottom:16px;
}
.cfh-weather-dashboard .cfh-wd-warning-panel-head span:first-child{
  display:block;font-size:11px;font-weight:800;letter-spacing:.10em;color:#dc7415;
}
.cfh-weather-dashboard .cfh-wd-warning-panel-head h3{
  margin:4px 0 0!important;font-size:19px!important;line-height:1.3!important;
  font-weight:800!important;text-align:left!important;color:var(--wd-navy)!important;
}
.cfh-weather-dashboard .cfh-wd-warning-count{
  flex:none;padding:7px 11px;border-radius:999px;background:#fff1e3;
  color:#a45413;font-size:12px;font-weight:800;
}
.cfh-weather-dashboard .cfh-wd-warning-list{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
}
.cfh-weather-dashboard .cfh-wd-warning-item{
  min-width:0;padding:15px;border-radius:11px;border:1px solid #f2decf;
  background:#fff;
}
.cfh-weather-dashboard .cfh-wd-warning-item-heading{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
}
.cfh-weather-dashboard .cfh-wd-warning-item-heading strong{
  overflow-wrap:anywhere;font-size:15px;line-height:1.35;
}
.cfh-weather-dashboard .cfh-wd-warning-level{
  flex:none;border-radius:999px;background:#fff0e0;color:#b85f04;
  padding:4px 9px;font-size:11px;font-weight:850;
}
.cfh-weather-dashboard .cfh-wd-warning-item p{
  margin:8px 0!important;font-size:13px!important;color:#56728b!important;
}
.cfh-weather-dashboard .cfh-wd-warning-item small{
  display:block;font-size:11px;line-height:1.4;color:#708ba0;
}
.cfh-weather-dashboard .cfh-wd-warning-item a{
  display:inline-block;margin-top:9px;font-size:12px;font-weight:800;
  color:#087c9b!important;text-decoration:underline!important;
}
.cfh-weather-dashboard .cfh-wd-warning-source{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  gap:9px 20px;padding-top:13px;color:#607c92;font-size:12px;
}
.cfh-weather-dashboard .cfh-wd-warning-source a{
  font-weight:800;color:#057f9f!important;text-decoration:none!important;
}
.cfh-weather-dashboard .cfh-wd-hours-trigger svg{
  transition:transform .55s cubic-bezier(.22,1,.36,1);
}
@media(max-width:700px){
 .cfh-weather-dashboard .cfh-wd-warning-details{max-height:140px}
 .cfh-weather-dashboard .cfh-wd-warning-summary{padding:12px 10px!important;gap:10px}
 .cfh-weather-dashboard .cfh-wd-warning-list{grid-template-columns:minmax(0,1fr)}
 .cfh-weather-dashboard .cfh-wd-warning-expanded{padding:15px 13px 17px}
 .cfh-weather-dashboard .cfh-wd-warning-panel-head h3{font-size:17px!important}
}
@media(prefers-reduced-motion:reduce){
 .cfh-weather-dashboard .cfh-wd-warning-chevron,
 .cfh-weather-dashboard .cfh-wd-hours-trigger svg{transition:none!important}
}


/* 5.0.69 – reversible, genuinely smooth closing without a last-frame jump.
   Move all box chrome INSIDE the grid track: 0fr means exactly zero height. */
.cfh-weather-dashboard .cfh-wd-warning-panel,
.cfh-weather-dashboard .cfh-wd-hours-panel{
  display:grid;
  grid-template-rows:0fr;
  min-height:0;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:0;
  visibility:hidden;
  overflow:hidden;
  will-change:auto;
  transition:
    grid-template-rows .62s cubic-bezier(.4,0,.2,1),
    opacity .38s ease,
    visibility 0s linear .62s;
}
.cfh-weather-dashboard .cfh-wd-warning-panel[data-cfh-expanded="true"],
.cfh-weather-dashboard .cfh-wd-hours-panel[data-cfh-expanded="true"]{
  grid-template-rows:1fr;
  opacity:1;
  visibility:visible;
  transition:
    grid-template-rows .66s cubic-bezier(.4,0,.2,1),
    opacity .40s ease .05s,
    visibility 0s linear 0s;
}
.cfh-weather-dashboard .cfh-wd-panel-motion-inner{
  min-width:0;
  min-height:0;
  overflow:hidden;
}
.cfh-weather-dashboard .cfh-wd-hours-surface{
  margin-top:14px;
  padding:18px 19px 20px;
  border:1px solid #d6eaf2;
  border-radius:16px;
  background:linear-gradient(180deg,#f2fafd,#fff);
}
.cfh-weather-dashboard .cfh-wd-warning-surface{
  margin-top:14px;
  border:1px solid #f4d8c0;
  border-left:4px solid #f78b22;
  border-radius:16px;
  background:linear-gradient(115deg,#fff7ef,#fff);
}
@media(max-width:650px){
  .cfh-weather-dashboard .cfh-wd-hours-surface{margin-top:12px;padding:14px 11px 15px}
}
@media(prefers-reduced-motion:reduce){
  .cfh-weather-dashboard .cfh-wd-warning-panel,
  .cfh-weather-dashboard .cfh-wd-hours-panel{
    transition:none!important;
  }
}