/* Opt-in shell for refreshed legacy help/information pages. */
.info-page { display: grid; grid-template-columns: 232px minmax(0, 1fr); gap: clamp(36px, 4.5vw, 72px); max-width: 1440px; margin: 0 auto; padding: 48px 32px 96px; color: #202735; }
.info-page__sidebar, .info-page__content { min-width: 0; }
.info-page__eyebrow { margin: 0 0 12px; color: #426957; font-size: 12px; line-height: 1.5; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.info-page a:focus-visible, .info-page button:focus-visible, .info-page summary:focus-visible { outline: 3px solid #426957; outline-offset: 4px; border-radius: 4px; }
.info-hero h1 { margin: 0 0 16px; font-size: clamp(38px, 3.5vw, 52px); line-height: 1.1; letter-spacing: -.025em; }
.info-hero { position: relative; isolation: isolate; display: flex; align-items: center; min-height: 280px; margin-bottom: 24px; padding: 36px; overflow: hidden; border-radius: 12px; background: #f5f6f4; }
.info-hero__image { position: absolute; z-index: -2; inset: 0 0 0 auto; width: 68%; }
.info-hero__image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: right 58%; }
.info-hero--people .info-hero__image img { object-position: right top; }
.info-hero::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, #f5f6f4 25%, rgba(245,246,244,.96) 37%, rgba(245,246,244,.7) 52%, rgba(245,246,244,.08) 78%); }
.info-hero__copy { width: 53%; max-width: 460px; }
.info-hero__copy > p:last-child { margin: 0; color: #4c596c; font-size: 19px; line-height: 1.55; }
.info-hero h1 { color: #202735; font-weight: 700; }
.info-nav__toggle { display: none; }
.info-nav__group + .info-nav__group { margin-top: 28px; }
.info-nav__label { margin: 0 0 10px; padding: 0 12px; color: #596477; font-size: 12px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.info-nav ul { list-style: none; margin: 0; padding: 0; }
.info-nav li { margin: 2px 0; }
.info-nav a { display: flex; align-items: center; min-height: 40px; padding: 8px 12px; border-radius: 6px; color: #4c5b73; font-size: 15px; line-height: 1.45; text-decoration: none; }
.info-nav a:hover { background: #f4f6f9; color: #293a60; }
.info-nav a[aria-current="page"] { background: #edf1f7; color: #293a60; font-weight: 700; box-shadow: inset 3px 0 #293a60; }
@media (min-width: 992px) {
    .info-nav__label { color: #3d5272; }
}
@media (max-width: 1199px) and (min-width: 992px) {
    .info-page { grid-template-columns: 205px minmax(0, 1fr); gap: 32px; padding-left: 24px; padding-right: 24px; }
}
@media (max-width: 991px) {
    .info-page { display: block; padding: 20px 24px 64px; }
    .info-page__sidebar { margin-bottom: 32px; }
    .info-nav__toggle:not([hidden]) { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid #e2e7ed; border-radius: 7px; background: #f7f8fa; color: #293a60; font: inherit; font-size: 16px; font-weight: 600; text-align: left; cursor: pointer; }
    .info-nav__toggle svg { width: 19px; height: 19px; flex-shrink: 0; }
    .info-nav__toggle .info-nav__chevron { margin-left: auto; }
    .info-nav__toggle[aria-expanded="true"] .info-nav__chevron { transform: rotate(180deg); }
    .info-nav__groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; padding: 24px 0; border-bottom: 1px solid #e2e7ed; }
    .info-nav__group + .info-nav__group { margin-top: 0; }
    .info-nav[data-collapsed="true"] .info-nav__groups { display: none; }
    .info-nav a { min-height: 44px; font-size: 16px; }
}
@media (max-width: 575px) {
    .info-page { padding: 16px 18px 48px; }
    .info-page__sidebar { margin-bottom: 28px; }
    .info-nav__groups { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .info-hero { padding: 28px; min-height: 260px; }
    .info-hero__copy { width: 60%; }
    .info-hero::after { background: linear-gradient(90deg, #f5f6f4 20%, rgba(245,246,244,.94) 45%, rgba(245,246,244,.16) 100%); }
}
@media (max-width: 767px) {
    .info-hero { min-height: 230px; padding: 24px; margin-bottom: 18px; }
    .info-hero__image { width: 100%; }
    .info-hero__image img { object-position: right center; }
    .info-hero::after { background: linear-gradient(90deg, rgba(245,246,244,.98), rgba(245,246,244,.9) 42%, rgba(245,246,244,.58)); }
    .info-hero__copy { width: 85%; }
    .info-hero__copy > p:last-child { font-size: 18px; }
}