
/* Insights readability + dark-mode polish */
html[data-theme="dark"] .insight-list-card h3,
html[data-theme="dark"] .insight-list-card p,
html[data-theme="dark"] .article-main,
html[data-theme="dark"] .article-main p,
html[data-theme="dark"] .article-point p,
html[data-theme="dark"] .article-intro p,
html[data-theme="dark"] .article-cta-card p,
html[data-theme="dark"] .article-back,
html[data-theme="dark"] .insight-list-card .insight-read {
  color: #e4edf9;
}
html[data-theme="dark"] .article-point h2,
html[data-theme="dark"] .article-summary h2,
html[data-theme="dark"] .article-cta-card h2 {
  color: #ffffff;
}
html[data-theme="dark"] .article-intro {
  background: #0d2344;
  border-left-color: #ffd36a;
  color: #e4edf9;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
}
html[data-theme="dark"] .article-point {
  border-bottom-color: #294567;
}
html[data-theme="dark"] .article-point p {
  color: #cbd8e8;
}
html[data-theme="dark"] .article-category,
html[data-theme="dark"] .article-back {
  color: #8fc0ff;
}
html[data-theme="dark"] .article-cta-card {
  background: #0b1d3b;
  border-color: #294567;
  box-shadow: 0 18px 48px rgba(0,0,0,.24);
}
html[data-theme="dark"] .article-summary {
  background: linear-gradient(135deg,#10284a,#123b73);
  border: 1px solid rgba(255,255,255,.08);
}
html[data-theme="dark"] .article-summary p {
  color: #d7e2f1;
}

/* Solar estimator teaser used inside the Solar Sizing insight */
.solar-insight-estimator {
  margin: 38px 0 10px;
}
.solar-insight-estimator-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 28px;
  overflow: hidden;
  padding: 30px 32px;
  border: 1px solid rgba(15,43,73,.12);
  border-radius: 24px;
  background: linear-gradient(135deg,#f8fbff 0%,#eef6f4 100%);
  box-shadow: 0 16px 42px rgba(15,43,73,.08);
  color: inherit;
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.solar-insight-estimator-card:before {
  content:"";
  position:absolute;
  width:230px;height:230px;border-radius:50%;
  right:-90px;bottom:-120px;
  background:rgba(32,151,107,.09);
  pointer-events:none;
}
.solar-insight-estimator-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 55px rgba(15,43,73,.12);
  border-color: rgba(32,151,107,.28);
}
.solar-insight-estimator-copy { position:relative; z-index:1; }
.solar-insight-estimator-copy .eyebrow { margin-bottom:8px; color:#0d8a63; }
.solar-insight-estimator-copy .eyebrow:before { background:#0d8a63; }
.solar-insight-estimator-copy h2 { margin:0 0 9px; font-size:clamp(1.45rem,2.5vw,2rem); color:#0f2b49; }
.solar-insight-estimator-copy p { margin:0; color:#516273; line-height:1.7; max-width:620px; }
.solar-insight-estimator-action { position:relative; z-index:1; white-space:nowrap; }
.solar-insight-estimator-action .btn { box-shadow:0 10px 24px rgba(15,43,73,.12); }
html[data-theme="dark"] .solar-insight-estimator-card {
  background: linear-gradient(135deg,#10284a 0%,#0c2340 58%,#10334a 100%);
  border-color: rgba(255,255,255,.16);
  box-shadow: 0 18px 44px rgba(0,0,0,.28);
}
html[data-theme="dark"] .solar-insight-estimator-copy .eyebrow { color:#ffd36a; }
html[data-theme="dark"] .solar-insight-estimator-copy .eyebrow:before { background:#ffd36a; }
html[data-theme="dark"] .solar-insight-estimator-copy h2 { color:#fff; }
html[data-theme="dark"] .solar-insight-estimator-copy p { color:#d7e2f1; }
html[data-theme="dark"] .solar-insight-estimator-card:before { background:rgba(57,200,121,.11); }
@media(max-width:700px){
  .solar-insight-estimator-card{grid-template-columns:1fr;padding:24px;gap:18px}
  .solar-insight-estimator-action{white-space:normal}
  .solar-insight-estimator-action .btn{width:100%;justify-content:center}
}
