.pn-inside.pn-weather-summer-design{--esw-green:#284b35;--esw-pale:#e9eee5;--esw-muted:#555c50;padding-bottom:0;background:#fff;color:#20291f}
.pn-weather-summer-design ::selection{background:var(--esw-green);color:#fff}
.pn-weather-summer-design :focus-visible{outline:2px solid var(--esw-green);outline-offset:5px}
.pn-weather-summer-design [id]{scroll-margin-top:140px}
.pn-weather-summer-design .esw-crumb{padding-top:28px;margin-bottom:26px;color:var(--esw-muted);font-size:12px}
.pn-weather-summer-design .esw-crumb a{text-decoration:none}
.pn-weather-summer-design .esw-opening{display:grid;grid-template-columns:1fr 1.65fr;gap:24px 7%;align-items:center;padding:4px 0 34px}
.pn-weather-summer-design .esw-opening h1{font-size:clamp(58px,5.6vw,80px);font-weight:400;letter-spacing:-.04em;line-height:1}
.pn-weather-summer-design .esw-opening>p{max-width:44ch;font-size:clamp(21px,2vw,28px);line-height:1.3;letter-spacing:-.025em;margin:0}
.pn-weather-summer-design .esw-opening>p span{display:block;max-width:62ch;margin-top:14px;font-size:15px;line-height:1.55;letter-spacing:0;color:var(--esw-muted)}
.pn-weather-summer-design .esw-opening .esw-nav{grid-column:2;display:flex;flex-wrap:wrap;gap:28px;padding:0;font-weight:400}
.pn-weather-summer-design .esw-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-decoration:none;border-bottom:1px solid transparent}
.pn-weather-summer-design .esw-nav a[aria-current]{color:var(--esw-green);border-bottom-color:var(--esw-green)}
.pn-weather-summer-design .esw-nav a:hover{border-bottom-color:currentColor}
.pn-inside.pn-weather-summer-design .pn-weather{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,.8fr);gap:0;align-items:stretch;padding:0;margin:0 0 64px;border:1px solid #d3d9ce}
.pn-inside.pn-weather-summer-design .pn-weather-panel{padding:32px 34px 24px;background:#fff;text-align:left}
.pn-inside.pn-weather-summer-design .pn-weather-panel h2{font-size:clamp(25px,2.3vw,32px);font-weight:400;line-height:1.15;letter-spacing:-.03em;margin:0 0 24px}
.pn-weather-summer-design .esw-frame{height:400px;overflow:hidden;background:#fff}
.pn-inside.pn-weather-summer-design .pn-weather iframe{width:80%;max-width:none;height:320px;border:0;display:block;margin:0;background:#fff;transform:scale(1.25);transform-origin:top left}
.pn-inside.pn-weather-summer-design .pn-inline-note{font-size:13px;line-height:1.55;color:var(--esw-muted);margin:8px 0 0;max-width:50ch}
.pn-weather-summer-design .esw-source{display:flex;flex-direction:column;background:var(--esw-green);color:#fff;padding:36px clamp(25px,3vw,48px) 30px}
.pn-inside.pn-weather-summer-design .esw-source h2{font-size:clamp(28px,2.6vw,37px);font-weight:400;line-height:1.15;letter-spacing:-.035em;margin:0 0 28px}
.pn-weather-summer-design .esw-source>p{font-size:15px;line-height:1.65;color:#e1e9dc;max-width:30ch;margin-bottom:35px}
.pn-weather-summer-design .esw-source>div{margin-top:auto}
.pn-weather-summer-design .esw-source a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:18px;min-height:52px;border-top:1px solid #79907b;font-size:16px;font-weight:500;line-height:1.45;text-decoration:underline;text-underline-offset:4px}
.pn-weather-summer-design .esw-source a:hover{color:#fff;text-decoration-thickness:2px}
.pn-weather-summer-design .esw-source a:focus-visible{outline-color:#fff}
.pn-weather-summer-design .esw-source svg{width:24px;height:24px;flex:none}
.pn-inside.pn-weather-summer-design .esw-source .pn-inline-note{font-size:12px;color:#e1e9dc;line-height:1.6}
.pn-weather-summer-design .esw-prepare{padding-block:62px 72px;background:var(--esw-pale)}
.pn-weather-summer-design .esw-prepare-grid{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.4fr);gap:8%}
.pn-weather-summer-design .esw-prepare h2{font-size:clamp(36px,4vw,56px);font-weight:400;margin-bottom:28px}
.pn-weather-summer-design .esw-prepare-intro>p{font-size:16px;line-height:1.6;max-width:37ch;color:#3c4936}
.pn-weather-summer-design .esw-readings{margin:0}
.pn-weather-summer-design .esw-readings>div{display:grid;grid-template-columns:.9fr 1.2fr;gap:30px;padding:25px 0;border-top:1px solid #a8b4a0}
.pn-weather-summer-design .esw-readings>div:first-child{padding-top:0;border-top:0}
.pn-weather-summer-design .esw-readings>div:last-child{padding-bottom:0}
.pn-weather-summer-design .esw-readings dt{font-size:clamp(24px,2.1vw,30px);line-height:1.15;letter-spacing:-.025em;font-weight:400;margin:0}
.pn-weather-summer-design .esw-readings dd{margin:0;font-size:15px;line-height:1.6;color:#3c4936}
.pn-weather-summer-design .esw-next{padding-block:52px 68px}
.pn-weather-summer-design .esw-next>p{font-size:20px;margin-bottom:28px}
.pn-weather-summer-design .esw-next .pn-service-links{display:grid;grid-template-columns:1fr 1fr;gap:0 7%;padding:0;font-weight:400}
.pn-weather-summer-design .esw-next a{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;min-height:62px;border-bottom:1px solid #aeb9a8;font-size:18px;text-decoration:none}
.pn-weather-summer-design .esw-next a.esw-next-main{font-size:clamp(34px,4vw,56px);line-height:1.1;letter-spacing:-.04em;padding:12px 0 26px}
.pn-weather-summer-design .esw-next a:hover{color:var(--esw-green);border-bottom-color:var(--esw-green)}
.pn-weather-summer-design .esw-next svg{width:25px;height:25px;flex:none}
.pn-weather-summer-design .esw-next .esw-next-main svg{width:35px;height:35px}
@media(max-width:900px){
 .pn-weather-summer-design .esw-opening{grid-template-columns:1fr 1.5fr;gap:22px 5%}
 .pn-inside.pn-weather-summer-design .pn-weather{grid-template-columns:minmax(0,1.5fr) minmax(245px,1fr)}
 .pn-inside.pn-weather-summer-design .pn-weather-panel{padding:28px 20px 24px}
 .pn-weather-summer-design .esw-source{padding:30px 24px}
 .pn-weather-summer-design .esw-prepare-grid{gap:6%;grid-template-columns:.8fr 1.2fr}
 .pn-weather-summer-design .esw-readings>div{display:block}
 .pn-weather-summer-design .esw-readings dt{margin-bottom:14px}
}
@media(max-width:650px){
 .pn-weather-summer-design .esw-crumb{padding-top:22px;margin-bottom:26px}
 .pn-weather-summer-design .esw-opening{display:block;padding:0 0 26px}
 .pn-weather-summer-design .esw-opening h1{font-size:60px;margin-bottom:20px}
 .pn-weather-summer-design .esw-opening>p{font-size:21px;line-height:1.25;max-width:24ch}
 .pn-weather-summer-design .esw-opening>p span{font-size:14px;line-height:1.5;margin-top:13px}
 .pn-weather-summer-design .esw-opening .esw-nav{margin-top:18px;gap:0;justify-content:space-between}
 .pn-weather-summer-design .esw-nav a{min-height:44px}
 .pn-inside.pn-weather-summer-design .pn-weather{display:block;margin-bottom:38px}
 .pn-inside.pn-weather-summer-design .pn-weather-panel{padding:22px 11px 18px}
 .pn-inside.pn-weather-summer-design .pn-weather-panel h2{font-size:25px;margin-bottom:22px}
 .pn-inside.pn-weather-summer-design .pn-inline-note{font-size:12px}
 .pn-weather-summer-design .esw-source{padding:28px 24px 30px}
 .pn-inside.pn-weather-summer-design .esw-source h2{font-size:29px;margin-bottom:20px}
 .pn-weather-summer-design .esw-source h2 br{display:none}
 .pn-weather-summer-design .esw-source>p{max-width:none;font-size:14px;margin-bottom:24px}
 .pn-weather-summer-design .esw-source a{font-size:16px}
 .pn-weather-summer-design .esw-prepare{padding-block:38px 42px}
 .pn-weather-summer-design .esw-prepare-grid{display:block}
 .pn-weather-summer-design .esw-prepare h2{font-size:38px;margin-bottom:24px}
 .pn-weather-summer-design .esw-prepare-intro>p{font-size:15px;max-width:none}
 .pn-weather-summer-design .esw-readings{margin-top:34px}
 .pn-weather-summer-design .esw-readings>div,.pn-weather-summer-design .esw-readings>div:first-child{border-top:1px solid #a8b4a0;padding-top:24px}
 .pn-weather-summer-design .esw-readings dt{font-size:28px}
 .pn-weather-summer-design .esw-readings dd{font-size:15px}
 .pn-weather-summer-design .esw-next{padding-block:34px 46px}
 .pn-weather-summer-design .esw-next>p{font-size:18px;margin-bottom:22px}
 .pn-weather-summer-design .esw-next .pn-service-links{gap:0 25px}
 .pn-weather-summer-design .esw-next a{font-size:16px;gap:12px}
 .pn-weather-summer-design .esw-next a.esw-next-main{font-size:29px;flex-wrap:wrap;padding-bottom:20px;gap:15px}
 .pn-weather-summer-design .esw-next .esw-next-main svg{width:25px;height:25px}
}