html { scroll-padding-top: 90px; }
body { margin: 0; background: #fff; color: var(--renew-ink); font: 14px Arial, sans-serif; }
.renew-header, .renew-main, .renew-footer { box-sizing: border-box; }
.renew-main { font: 400 17px/23px var(--renew-body); }
.renew-main, .renew-main :where(section, article, header, aside, details, summary) { min-width: 0; }
.renew-gallery-intro, .renew-gallery-source, .renew-gallery-toolbar { overflow-wrap: anywhere; }
.renew-gallery-intro :where(pre, code), .renew-gallery-source :where(pre, code) { white-space: pre-wrap; overflow-wrap: anywhere; }
.renew-gallery-intro pre { max-width: 100%; }
.renew-container { width: calc(100% - 2 * var(--renew-gutter)); max-width: var(--renew-wide); margin-inline: auto; }
.renew-composition { max-width: var(--renew-composition); margin-inline: auto; }
.renew-main img { max-width: 100%; height: auto; }
.renew-main a { color: var(--renew-link); text-decoration: none; }
.renew-main a:hover { text-decoration: underline; }
.renew-main .renew-prose :where(p,li,dd,td,th,figcaption,h4) a:where([href]):not(:where([role="button"],.mh-btn,.renew-choice-action,nav a,.contenedor-toc a,.listado_info_top a,.renew-article-toc a)) { color: var(--renew-prose-link, var(--renew-link)); text-decoration: underline; text-underline-offset: .15em; }
.renew-main .renew-prose :where(p,li,dd,td,th,figcaption,h4) a:where([href]):not(:where([role="button"],.mh-btn,.renew-choice-action,nav a,.contenedor-toc a,.listado_info_top a,.renew-article-toc a)):is(:hover, :focus-visible) { color: var(--renew-prose-link-hover, var(--renew-prose-link, var(--renew-link))); }
.renew-section { --renew-section-surface: #fff; padding-block: var(--renew-space-section); }
.renew-section--soft { --renew-section-surface: var(--renew-soft); background: var(--renew-section-surface); }
/* The same source property paints the section and feeds its child surfaces.
   No component-specific white/soft classification or per-section registry. */
.renew-landing .renew-section { --renew-table-body-surface: var(--renew-table-on-white); background: var(--renew-section-surface); }
.renew-landing :is(.renew-section--soft, .renew-section--value-note) { --renew-table-body-surface: var(--renew-table-on-soft); }
@supports (background: color-mix(in srgb, white, black)) {
  .renew-landing .renew-section {
    --renew-faq-open-surface: color-mix(in srgb, var(--renew-section-surface), var(--renew-faq-open-tint) var(--renew-faq-open-tint-share));
  }
}
.renew-section-header { max-width: 1000px; margin: 0 auto 34px; text-align: center; }
.renew-section-header h2 { margin: 0 0 12px; font: 400 27px/1.4 var(--renew-body); text-transform: uppercase; }
.renew-section-header > p { margin: 0; font: italic 400 17px/26px var(--renew-body); }
.renew-header a:focus-visible, .renew-footer a:focus-visible, .renew-menu-button:focus-visible { outline: 3px solid #ffba73; outline-offset: 4px; }
/* Content on light surfaces needs contrast; inherited header/footer stay intact. */
.renew-main a:focus-visible { outline: 3px solid var(--renew-blue); outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }