/* Redesign pilot (v2). Applies only to pages whose <body> has class "v2".
   Layout only: the site's own colours, fonts and buttons are kept. */
body.v2 main h1 { letter-spacing: -0.02em; font-weight: 800; }
body.v2 #calculator::before { display: none !important; }
body.v2 #calculator.mc-calculator { border-radius: 24px !important; padding: 18px !important; }
body.v2 .mc-field input { border-radius: 16px !important; min-height: 52px; }
body.v2 .mc-result { border-radius: 16px !important; }
body.v2 .mc-generate,
body.v2 .mc-pdf { border-radius: 999px !important; }

/* Calculator skeleton: two columns on desktop, inputs left and results right. */
body.v2 .mc-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 20px; align-items: start; }
body.v2 .mc-inputs { min-width: 0; }
body.v2 .mc-results { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-content: start; }
/* The first result is the headline figure: full width, larger. */
body.v2 #calcProgress + .mc-result { grid-column: 1 / -1; padding: 22px; }
body.v2 #calcProgress + .mc-result .mc-result-value { font-size: 2.6rem; }
/* Hints and progress span the whole results panel. */
body.v2 .mc-results > .mc-result-note,
body.v2 .mc-results > #calcHint,
body.v2 .mc-results > #calcProgress { grid-column: 1 / -1; }
/* Actions sit under the inputs with consistent spacing. */
body.v2 .mc-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px; }
/* Mobile: one column, results follow the inputs. */
@media (max-width: 760px) {
  body.v2 .mc-grid { grid-template-columns: 1fr; gap: 16px; }
  body.v2 .mc-results { grid-template-columns: 1fr; }
  body.v2 #calcProgress + .mc-result .mc-result-value { font-size: 2.1rem; }
}