/* WordPress integration layer for the stable RN section blocks. */
html, body { max-width: 100%; overflow-x: clip; }
body { margin: 0; }
.wp-site-blocks,
.wp-site-blocks > *,
.rn-template-main,
.rn-template-main > .wp-block-post-content,
.wp-block-post-content { width: 100%; max-width: none !important; margin: 0 !important; padding: 0 !important; }
.rn-template-main { min-height: 65vh; }
.wp-block-post-content > * { margin-block: 0 !important; }
.wp-block-group.rn-template-main { display: block; }
.rn-section-extra { width: min(100% - 40px, 1180px); margin: 0 auto; padding: clamp(36px, 5vw, 70px) 0; }

/* Core blocks remain available when the client adds ordinary content. */
.rn-default-article { width: min(100% - 40px, 1040px); margin: 0 auto; padding: clamp(72px, 10vw, 140px) 0; }
.rn-default-article h1,
.rn-default-article h2,
.rn-default-article h3 { font-family: Georgia, serif; font-weight: 400; line-height: 1.08; }
.rn-default-article h1 { font-size: clamp(2.8rem, 7vw, 5.8rem); }
.rn-default-article h2 { margin-top: 1.4em; font-size: clamp(2rem, 4vw, 3.4rem); }
.rn-default-article p,
.rn-default-article li { color: #625d54; font-size: clamp(1rem, 1.4vw, 1.13rem); line-height: 1.8; }
.rn-default-article img { width: 100%; height: auto; }
.rn-default-article .wp-block-post-featured-image { margin: clamp(28px, 5vw, 56px) 0; }
.rn-default-article .wp-block-post-featured-image img { aspect-ratio: 16 / 9; object-fit: cover; }
.rn-default-article .wp-block-separator { margin: clamp(40px, 6vw, 72px) 0 24px; border-color: rgba(18, 18, 15, .18); }

/* The approved design had one genuine mobile defect in complaint FAQs. */
@media (max-width: 700px) {
  .condition-faq { grid-template-columns: minmax(0, 1fr) !important; gap: 34px !important; }
  .condition-faq > *,
  .condition-faq-list,
  .condition-faq-list details,
  .condition-faq-list summary { min-width: 0 !important; width: 100% !important; }
  .condition-faq-list summary {
    min-height: 82px !important;
    padding-inline: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 30px !important;
    gap: 14px !important;
    align-items: center !important;
  }
  .condition-faq-list summary > :first-child { min-width: 0; overflow-wrap: anywhere; }
  .condition-faq-list details > p { margin: 0 44px 27px 0 !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  [data-reveal], .slide-image, .cinema-copy { animation: none !important; transition-duration: .01ms !important; }
}