/* Solar chapter uses the same card width and typography as the intro. */
#tour-plaques:has(.tour-solar.is-active){width:clamp(380px,34vw,450px);height:430px}
#tour-plaques .tour-solar{display:flex;flex-direction:column;padding:10px;border-radius:30px}
.solar-copy{padding:24px 28px 30px}
#tour-plaques .tour-solar h2{font-size:clamp(27px,2.25vw,33px);font-weight:550;line-height:1.08;letter-spacing:-.05em;margin:0 0 22px}
#tour-plaques .solar-copy p{font-size:15px;line-height:1.5;opacity:1;margin:0}
.solar-tiles{display:grid;grid-template-columns:1.21fr 1fr;gap:10px;margin-top:auto;align-items:stretch}
.solar-generation-chart{display:block;width:100%;height:auto;align-self:stretch;object-fit:contain;background:#e8eaec;border-radius:20px;min-width:0}
.solar-saving{display:flex;flex-direction:column;justify-content:space-between;gap:22px;min-width:0;background:#c2ccd6;border-radius:20px;padding:24px}
.solar-saving-number{display:flex;align-items:baseline;gap:3px;white-space:nowrap;letter-spacing:-.065em;line-height:1}
.solar-saving-number>span{font-size:22px;font-weight:500}
.solar-saving-number strong{font-size:46px;font-weight:600;letter-spacing:-.055em}
#tour-plaques .solar-saving p{font-size:12px;line-height:1.35;color:#535c6e;opacity:1;margin:0;letter-spacing:-.025em}
@media(min-width:761px) and (max-width:1250px){
  #tour-plaques:has(.tour-solar.is-active){height:450px}
  .solar-copy{padding:22px 22px 26px}
  .solar-saving{padding:18px 12px}
  .solar-saving-number strong{font-size:38px}
  .solar-saving-number>span{font-size:19px}
}
@media(max-width:760px){
  #tour-plaques:has(.tour-solar.is-active){width:calc(100vw - 32px);height:auto}
  #tour-plaques .tour-solar{position:relative}
  .solar-copy{padding:16px 16px 20px}
  #tour-plaques .tour-solar h2{font-size:25px;margin-bottom:14px}
  #tour-plaques .solar-copy p{font-size:13px}
  .solar-saving{padding:16px 12px;gap:16px}
  .solar-saving-number strong{font-size:36px}
  .solar-saving-number>span{font-size:18px}
}