/* Editorial landings and the contact page ("Editorial Landing" and "Contact Page" templates), in the site's
   light design. Sizes come from the theme's type scale in tokens.css. The contact form itself is the theme's
   Contact Form block (blocks/contact-form). */
.aq-editorial-page { width: min(1180px, calc(100% - 64px)); margin: 0 auto; padding: 24px 0 72px; }
.aq-editorial-page .aq-breadcrumbs { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 28px; color: var(--ug-text-muted); font-size: var(--ug-text-sm); }
.aq-editorial-page .aq-breadcrumbs a { color: inherit; text-decoration: none; }
.aq-editorial-page .aq-breadcrumbs a:hover, .aq-editorial-page .aq-breadcrumbs a:focus-visible { color: var(--ug-teal); text-decoration: underline; }
.aq-editorial-page .aq-breadcrumbs [aria-current="page"] { color: var(--ug-text); }

.aq-editorial-hero { display: grid; gap: 28px; align-items: center; margin-bottom: 40px; }
.aq-editorial-eyebrow { margin: 0 0 12px; color: var(--ug-teal); font-family: var(--ug-font-heading); font-size: var(--ug-text-xs); font-weight: var(--ug-weight-bold); letter-spacing: var(--ug-tracking-label); line-height: 1.3; text-transform: uppercase; }
.aq-editorial-hero h1 { margin: 0; font-size: var(--ug-type-h1); letter-spacing: var(--ug-tracking-h1); line-height: var(--ug-leading-h1); }
.aq-editorial-lead { max-width: 38rem; margin: 16px 0 0; color: var(--ug-text-muted); font-size: var(--ug-text-lg); line-height: 1.5; }
.aq-editorial-media img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 16px; }
.aq-editorial-content { font-size: var(--ug-text-prose); line-height: var(--ug-leading-prose); }
/* Text keeps a reading width; blocks such as the Contact Form use the full page width. */
.aq-editorial-content > :where(p, ul, ol, h2, h3, h4, blockquote) { max-width: 46rem; }
@media (min-width: 900px) {
  .aq-editorial-hero--media { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; }
}

@media (max-width: 600px) {
  .aq-editorial-page { width: calc(100% - 32px); padding-top: 16px; }
}

/* Full width (the Contact page): the block runs edge to edge between the main nav and the footer. */
.aq-editorial-page.aq-editorial-page--full { width: 100%; padding: 0; }
.aq-editorial-page--full .aq-editorial-content { font-size: var(--ug-text-base); line-height: var(--ug-leading-body); }
.aq-editorial-page--full + .mero-footer { margin-top: 0; }

/* Long text such as the legal pages: section spacing, anchors clear of the sticky header, a contents list, tables. */
.aq-editorial-content > :where(figure) { max-width: 46rem; }
.aq-editorial-content h2 { margin: 2.75rem 0 .75rem; font-size: var(--ug-type-h2); letter-spacing: var(--ug-tracking-h2); line-height: var(--ug-leading-h2); scroll-margin-top: 7.5rem; }
.aq-editorial-content h3 { margin: 1.75rem 0 .5rem; font-size: var(--ug-type-h3); letter-spacing: var(--ug-tracking-h3); line-height: var(--ug-leading-h3); scroll-margin-top: 7.5rem; }
.aq-editorial-content :where(ul, ol) { padding-left: 1.4rem; }
.aq-editorial-content li + li { margin-top: .4rem; }
.aq-editorial-content .aq-legal-contents { max-width: 46rem; margin: 0 0 2.5rem; padding: 1.25rem 1.25rem 1.25rem 2.6rem; border: 1px solid var(--ug-border); border-radius: 12px; background: var(--ug-surface-white); columns: 2 15rem; column-gap: 2rem; font-size: var(--ug-text-sm); }
.aq-editorial-content .aq-legal-contents li { break-inside: avoid; }
.aq-editorial-content .aq-legal-contents li + li { margin-top: .3rem; }
.aq-editorial-content .wp-block-table { margin: 1.25rem 0; }
/* Tables fit the screen (long names wrap) rather than scrolling sideways, which keyboard users could not reach. */
.aq-editorial-content table { width: 100%; border-collapse: collapse; font-size: var(--ug-text-sm); line-height: 1.45; }
.aq-editorial-content :is(th, td) { padding: .6rem .75rem; border: 1px solid var(--ug-border); overflow-wrap: anywhere; text-align: left; vertical-align: top; }
.aq-editorial-content th { background: var(--ug-surface-soft); font-weight: var(--ug-weight-semibold); }
.aq-editorial-content a { color: var(--ug-link); text-underline-offset: .2em; }
/* A legal detail not entered yet in Theme Options → Legal details. */
.mero-legal-missing { padding: 0 .3em; border-radius: 4px; background: #fff1b8; color: #533f00; font-size: .92em; }