/* Additions use the established calculator colors, typography and controls. */
body.vs-site .vsrh-energy-page .vsrh-energy-result-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}
body.vs-site .vsrh-energy-page .vsrh-energy-result-grid > div { min-width: 0; }
body.vs-site .vsrh-energy-page .vsrh-energy-results .vsrh-ratio-value { font-size: clamp(1.6rem, 4.5vw, 2.25rem); }
body.vs-site .vsrh-energy-page .vsrh-energy-results .vsrh-result-value { font-size: clamp(1.8rem, 6vw, 3rem); }
body.vs-site .vsrh-energy-page .vsrh-energy-warnings { padding-left: 1.3em; margin-block: 1.25rem; }
body.vs-site .vsrh-energy-page .vsrh-energy-warnings li + li { margin-top: .8rem; }
body.vs-site .vsrh-energy-page .vsrh-energy-activities { margin: 1.25rem 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
body.vs-site .vsrh-energy-page .vsrh-energy-activities > div { min-width: 0; padding: 1.15rem; border: 1px solid var(--vsrh-line); border-radius: 14px; background: var(--vsrh-soft); }
body.vs-site .vsrh-energy-page .vsrh-energy-activities dt { margin-bottom: .5rem; font-weight: 750; color: var(--vsrh-ink); }
body.vs-site .vsrh-energy-page .vsrh-energy-activities dt span { display: block; font-size: .9rem; color: var(--vsrh-muted); font-weight: 500; }
body.vs-site .vsrh-energy-page .vsrh-energy-activities dd { margin: 0; }
body.vs-site .vsrh-energy-page .vsrh-energy-faq { margin-block: .85rem; border: 1px solid var(--vsrh-line); border-radius: 14px; background: #fff; }
body.vs-site .vsrh-energy-page .vsrh-energy-faq > summary { padding: 1rem 1.2rem; font-weight: 700; color: var(--vsrh-ink); background: var(--vsrh-cream); border-radius: 13px; cursor: pointer; line-height: 1.5; }
body.vs-site .vsrh-energy-page .vsrh-energy-faq[open] > summary { border-radius: 13px 13px 0 0; border-bottom: 1px solid var(--vsrh-line); }
body.vs-site .vsrh-energy-page .vsrh-energy-faq > div { padding: 1.2rem; }
body.vs-site .vsrh-energy-page .vsrh-energy-source-date { font-size: .9rem; color: var(--vsrh-muted); }
body.vs-site .vsrh-energy-page .vsrh-calorie-sources { padding-left: 1.3em; }
body.vs-site .vsrh-energy-page .vsrh-calorie-sources li + li { margin-top: .65rem; }
body.vs-site .vsrh-energy-page :where(input, select, button, summary) { max-width: 100%; }
body.vs-site .vsrh-energy-page :where(.vsrh-energy-activities, .vsrh-energy-faq, .vsrh-energy-results) { word-break: normal; hyphens: none; }
@media (max-width: 680px) {
  body.vs-site .vsrh-energy-page .vsrh-energy-result-grid,
  body.vs-site .vsrh-energy-page .vsrh-energy-activities { grid-template-columns: minmax(0, 1fr); }
}
@media print {
  body.vs-site .vsrh-energy-page form,
  body.vs-site .vsrh-energy-page .vsrh-privacy,
  body.vs-site .vsrh-energy-page .vsrh-message { display: none !important; }
  body.vs-site .vsrh-energy-page .vsrh-energy-results { break-inside: avoid; }
}
