/* MDC500 page: only what the shared blocks do not cover. */
.m5-label { margin: clamp(36px, 4vw, 56px) 0 18px; font-size: 18px; }
.m5-label strong { font-weight: 500; }
.after a { text-decoration: underline; text-underline-offset: 0.15em; }
.after a:hover { color: #6f7a0e; }
.sec:not(.is-light) .after a:hover { color: var(--lime); }

/* A/B paths on a light section: two letters instead of four */
.m5-power .power__paths { grid-template-columns: repeat(2, 1fr); max-width: 260px; }
.is-light .m5-power .power__paths span { background: rgba(2, 39, 31, 0.04); color: #6f7a0e; }
.is-light .m5-power .power__paths span::before { background-image: linear-gradient(var(--green) 0 50%, transparent 50%); }

/* site checklist: two columns on wide screens */
.m5-site { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 96px); align-items: start; }
.m5-site__list .ticks { columns: 2; column-gap: clamp(24px, 3vw, 48px); }
.m5-site__list .ticks li { break-inside: avoid; }
.m5-site__list .ticks li:last-child { border-bottom: 0; }
@media (max-width: 900px) {
  .m5-site { grid-template-columns: 1fr; }
  .m5-site__list .ticks { columns: 1; }
  .m5-site__list .ticks li:last-child { border-bottom: 1px solid var(--line); }
}

/* five figures across: "Up to 50 kW" stays on one line */
@media (min-width: 1101px) { .figband .figures dt { font-size: clamp(30px, 2.7vw, 56px); } }