/* MERLO Calculateurs: frame around each calculator. The calculator's own styles live inside the iframe. */
.merlo-calc { margin: 0; }
.merlo-calc__frame { display: block; width: 100%; border: 0; background: transparent; }

/* The calculators switch to two columns (inputs | result) from 68rem: give their page the wide 1200px column, like the BIM page,
   and keep running text at reading width. */
.wp-block-post-content:has(.merlo-calc) { max-width: min(1200px, 100%) !important; }
.merlo-calc-text { max-width: 720px; }
/* One card per calculator on a page of buttons (same rule as the BIM page's steps). */
.merlo-calc-card { border-top: 2px solid currentColor; padding-top: 16px; height: 100%; }
/* Anchor links (#calcul-u, #calcul-escalier): the theme's scroll-padding clears the sticky header; add some air. */
body:has(.merlo-calc) .et_pb_section[id] { scroll-margin-top: 24px; }

/* Phone gutter: the bridge's 100% Divi rows touch the screen edge below 980px (same fix as the BIM page). */
@media (max-width: 980px) {
	body.et-db:has(.merlo-calc, .merlo-calc-link) #et-boc .et-l .et_pb_row { width: calc(100% - 32px) !important; }
}