/* Single issue and single release views, plus the shared newsletter banner. Colors from the kit variables. */
.moc-ar-single { font-family: var(--e-global-typography-text-font-family, "Open Sans"), Arial, sans-serif; color: var(--e-global-color-primary, #0A2540); }
.moc-ar-inner { width: min(1120px, 100% - 48px); margin: 0 auto; }
.moc-ar-label { font-size: 12px; font-weight: 700; letter-spacing: 1.6px; text-transform: uppercase; color: var(--e-global-color-mocteal1, #00796B); margin: 0 0 12px; }
.moc-ar-label a { color: inherit; text-decoration: none; }
.moc-ar-label a:hover { text-decoration: underline; }
.moc-ar-single-head { background: var(--e-global-color-mocpale1, #F5F7FA); padding: 56px 0 36px; }
.moc-ar-single-title { font-family: var(--e-global-typography-primary-font-family, "Playfair Display"), Georgia, serif; font-size: 38px; line-height: 1.2; font-weight: 700; margin: 0 0 8px; color: var(--e-global-color-primary, #0A2540); }
.moc-ar-single-date { font-size: 16px; color: var(--e-global-color-526c2a0, #62748E); margin: 0 0 22px; }
.moc-ar-single-nav { display: flex; gap: 10px; flex-wrap: wrap; }
.moc-ar-single-body { padding: 40px 0 56px; background: var(--e-global-color-3b2a21a, #FFFFFF); }
.moc-ar-frame-wrap { width: min(820px, 100% - 32px); }
.moc-ar-single-frame { width: 100%; border: 1px solid var(--e-global-color-5b1874f, rgba(10,63,134,0.2)); border-radius: 10px; min-height: 600px; }
.moc-ar-prose { width: min(820px, 100% - 48px); }
.moc-pr .moc-pr-release-subtitle { max-width: 820px; }
.moc-ar-banner { background: var(--e-global-color-primary, #0A2540); padding: 72px 0; }
.moc-ar-banner-inner { width: min(680px, 100% - 48px); margin: 0 auto; text-align: center; }
.moc-ar-banner .moc-ar-label { color: var(--e-global-color-d57cca1, #42A5F5); }
.moc-ar-banner-heading { font-family: var(--e-global-typography-primary-font-family, "Playfair Display"), Georgia, serif; font-size: 36px; line-height: 1.3; font-weight: 600; color: var(--e-global-color-3b2a21a, #FFFFFF); margin: 0 0 14px; }
.moc-ar-banner-text { font-size: 16.5px; line-height: 1.6; color: var(--e-global-color-c681fd6, #EBF7FF); margin: 0 0 28px; }
@media (max-width: 782px) {
  .moc-ar-single-head { padding: 36px 0 24px; }
  .moc-ar-single-title { font-size: 28px; }
  .moc-ar-frame-wrap, .moc-ar-prose { width: min(820px, 100% - 32px); }
  .moc-ar-banner { padding: 48px 0; }
  .moc-ar-banner-heading { font-size: 28px; }
}