/* The whole preserved Builder article remains a reader. Native attributes,
   calculator handlers and source SVG geometry are not rewritten. */
/* Preserve the approved principle-card type role; the global heading balance
   and tracking otherwise change its line composition inside native YOOtheme. */
body.sl-sadesati-product .sade-principle-card h2 {
  letter-spacing: normal;
  text-wrap: wrap;
}
@media (max-width: 720px) {
  /* Native mobile h1 uses !important; keep the approved regular display role. */
  body.sl-sadesati-product #main .astro-hero h1 { font-weight: 400 !important; }
}
/* The same native anchor receives keyboard focus; the ring stays on the warm card. */
body.sl-sadesati-product #calculator.sl-live-calculator:focus-visible {
  outline: 2px solid var(--sl-ink);
  outline-offset: -4px;
}
body.sl-sadesati-product #main .product-origin__reading .uk-section { min-height: 0 !important; }
body.sl-sadesati-product .product-origin__reading .uk-grid { margin-inline: 0; column-gap: 12px; }
body.sl-sadesati-product .product-origin__reading .uk-grid > * { padding-inline: 0; min-width: 0; }
body.sl-sadesati-product #main .product-origin__reading :is(h1, h2) { font-size: clamp(26px, 3vw, 38px) !important; line-height: 1.25 !important; }
body.sl-sadesati-product .product-origin__reading li .uk-h4 { color: inherit !important; font: inherit !important; }
body.sl-sadesati-product .product-origin__reading p :is(span, strong, em) { color: inherit !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; }
body.sl-sadesati-product .product-origin__reading li svg .fil0 { fill: currentColor !important; }
body.sl-sadesati-product .product-origin__reading li svg .str0 { stroke: currentColor !important; }

/* Keep the native PDF caption inside its one submit, not at the card's edge.
   Loading markup without that caption continues to use the native presentation. */
body.sl-sadesati-product .sl-live-calculator[data-native-calculator="473"] #save_form_ajax_473.calculator__submit:has(> .form_button_pdf) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-height: 64px;
  padding-block: 10px;
  font-size: 18px;
  line-height: 1.25;
}
body.sl-sadesati-product .sl-live-calculator[data-native-calculator="473"] button.calculator__submit > .form_button_pdf {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.25;
}
body.sl-sadesati-product .sl-live-calculator[data-native-calculator="473"] button.calculator__submit > .form_button_pdf svg {
  width: 20px;
  height: 20px;
  flex: none;
}