#content.infopage {
    background: #f7f9fd;
    overflow: hidden;
    position: relative;
}

#content.infopage > .blueTriangleMain {
    left: auto;
    opacity: .07;
    right: -50px;
    top: 20px;
    transform: rotate(18deg);
}

#content.infopage .contentright {
    overflow: visible;
    padding-bottom: 0;
}

.info-page {
    --info-blue: #1f55e5;
    --info-navy: #10234f;
    --info-border: #d8dfeb;
    color: #14234a;
    padding: 0 0 30px;
    position: relative;
    z-index: 1;
}

.info-page * { box-sizing: border-box; }
.info-page-header { margin-bottom: 22px; }
.info-page-header h1 { color: #091a3d; font-size: 38px; line-height: 1.15; margin: 0 0 8px; }
.info-page-introduction { color: #273858; font-size: 15px; margin: 0; }

.info-page-navigation {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0 0 22px;
}

.info-nav-card {
    align-items: center;
    background: #fff;
    border: 1px solid #eef1f6;
    border-radius: 7px;
    box-shadow: 0 5px 16px rgba(21, 42, 88, .1);
    color: var(--info-navy);
    display: grid;
    gap: 14px;
    grid-template-columns: 56px minmax(0, 1fr) auto;
    min-height: 100px;
    padding: 17px;
    text-decoration: none;
    transition: box-shadow .2s ease, transform .2s ease;
}

.info-nav-card:hover,
.info-nav-card:focus { box-shadow: 0 8px 22px rgba(21, 42, 88, .18); outline: none; transform: translateY(-2px); }
.info-nav-card__icon { align-items: center; background: #edf3ff; border-radius: 50%; color: var(--info-blue); display: flex; height: 56px; justify-content: center; width: 56px; }
.info-nav-card__icon .info-icon { height: 30px; width: 30px; }
.info-nav-card__copy { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.info-nav-card__copy strong { color: var(--info-navy); font-size: 15px; line-height: 1.25; }
.info-nav-card__copy > span { color: #304467; font-size: 13px; font-weight: 400; line-height: 1.45; }
.info-nav-card__arrow { color: var(--info-navy); font-size: 30px; font-weight: 300; }

.info-page-sections { display: flex; flex-direction: column; gap: 10px; }
.info-section { background: #fff; border: 1px solid var(--info-border); border-radius: 7px; box-shadow: 0 3px 12px rgba(21, 42, 88, .08); scroll-margin-top: 20px; }
.info-section__heading { font-size: inherit; margin: 0; }
.info-section__toggle { align-items: center; background: transparent; border: 0; color: var(--info-navy); cursor: pointer; display: flex; font: inherit; font-size: 17px; font-weight: 700; gap: 12px; padding: 11px 20px; text-align: left; width: 100%; }
.info-section__toggle:focus { box-shadow: inset 0 0 0 2px var(--info-blue); outline: none; }
.info-section__toggle > .info-icon { color: var(--info-blue); flex: 0 0 auto; height: 24px; width: 24px; }
.info-section__toggle > span:nth-child(2) { flex: 1 1 auto; }
.info-chevron { border-right: 2px solid currentColor; border-top: 2px solid currentColor; display: block; flex: 0 0 auto; height: 8px; transform: rotate(-45deg); transition: transform .2s ease; width: 8px; }
[aria-expanded="false"] > .info-chevron { transform: rotate(135deg); }
.info-section__content { border-top: 1px solid var(--info-border); padding: 15px 20px 16px; }
.info-section__content[hidden], .info-faq__answer[hidden] { display: none; }

.info-section-grid { display: grid; gap: 0; }
.info-section-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.info-section-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.info-section-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.info-content-block { min-width: 0; padding: 0 22px; }
.info-content-block:first-child { padding-left: 0; }
.info-content-block:last-child { padding-right: 0; }
.info-content-block + .info-content-block { border-left: 1px solid #e1e6ef; }
.info-content-block h3 { color: var(--info-navy); font-size: 14px; line-height: 1.3; margin: 0 0 5px; }
.info-richtext, .info-richtext p, .info-richtext li { color: #263757; font-size: 13px; line-height: 1.45; }
.info-richtext p { margin: 0 0 6px; }
.info-richtext p:last-child { margin-bottom: 0; }
.info-richtext ul, .info-richtext ol { margin: 0; padding-left: 17px; }
.info-richtext a { color: var(--info-blue); }
.info-content-block--callout { align-items: center; display: flex; justify-content: center; }
.info-content-block--callout .info-richtext { border: 1px solid #a8c2ff; border-radius: 6px; color: var(--info-blue); padding: 14px 18px; text-align: center; width: 100%; }
.info-content-block--callout .info-richtext p { color: var(--info-blue); font-weight: 500; }

.info-page-button { align-items: center; border: 1px solid #a8c2ff; border-radius: 6px; color: var(--info-blue); display: inline-flex; gap: 18px; margin-top: 10px; padding: 10px 18px; text-decoration: none; }
.info-page-button:hover, .info-page-button:focus { background: #edf3ff; outline: none; }

.info-notice { align-items: center; border: 1px solid; border-radius: 6px; display: flex; gap: 12px; justify-content: center; margin-top: 10px; padding: 7px 14px; text-align: center; }
.info-notice > .info-icon { flex: 0 0 auto; height: 22px; width: 22px; }
.info-notice--warning { background: #fff9d9; border-color: #eed46c; color: #8a6500; }
.info-notice--warning .info-richtext, .info-notice--warning .info-richtext p { color: #785900; font-weight: 600; }
.info-notice--info { background: #f7faff; border-color: #adc7ff; color: var(--info-blue); }
.info-notice--info .info-richtext, .info-notice--info .info-richtext p { color: #274886; }

.info-faq-grid { display: grid; gap: 0 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.info-faq { border-bottom: 1px solid #dce2ec; padding: 0; }
.info-faq h3 { margin: 0; }
.info-faq__toggle { align-items: center; background: none; border: 0; color: var(--info-blue); cursor: pointer; display: flex; font: inherit; font-size: 13px; font-weight: 700; justify-content: space-between; line-height: 1.35; padding: 9px 5px; text-align: left; width: 100%; }
.info-faq__toggle:focus { box-shadow: inset 0 0 0 2px var(--info-blue); outline: none; }
.info-faq__answer { padding: 0 5px 10px; }
.info-faq__toggle .info-chevron { height: 7px; margin-left: 15px; width: 7px; }

.info-help { align-items: center; border: 1px solid #a9c5ff; border-radius: 7px; display: grid; gap: 20px; grid-template-columns: 1.25fr 1fr 1fr 1.35fr auto; margin-top: 14px; padding: 10px 34px; }
.info-help__title { color: #0d214b; font-size: 23px; }
.info-help__item { align-items: center; color: var(--info-navy); display: flex; font-size: 14px; font-weight: 600; gap: 12px; text-decoration: none; }
.info-help__item .info-icon { color: var(--info-blue); flex: 0 0 auto; height: 25px; width: 25px; }
.info-help__button { background: var(--info-blue); border-radius: 5px; box-shadow: 0 3px 8px rgba(31, 85, 229, .3); color: #fff; min-width: 140px; padding: 10px 18px; text-align: center; text-decoration: none; }
.info-help__button:hover, .info-help__button:focus { background: #1745bf; outline: none; }
.info-icon { display: inline-block; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }

@media screen and (max-width: 1050px) {
    .info-page-navigation { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .info-help { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .info-help__button { justify-self: stretch; }
}

@media screen and (max-width: 760px) {
    .info-section-grid--3, .info-section-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .info-section-grid--3 .info-content-block:nth-child(3), .info-section-grid--4 .info-content-block:nth-child(3) { border-left: 0; padding-left: 0; }
    .info-section-grid--3 .info-content-block:nth-child(n+3), .info-section-grid--4 .info-content-block:nth-child(n+3) { border-top: 1px solid #e1e6ef; margin-top: 14px; padding-top: 14px; }
}

@media screen and (max-width: 600px) {
    .info-page-header h1 { font-size: 30px; }
    .info-page-navigation { grid-template-columns: 1fr; }
    .info-nav-card { min-height: 88px; }
    .info-section__toggle { font-size: 15px; padding: 11px 14px; }
    .info-section__content { padding: 14px; }
    .info-section-grid--2, .info-section-grid--3, .info-section-grid--4, .info-faq-grid { grid-template-columns: 1fr; }
    .info-content-block, .info-content-block:first-child, .info-content-block:last-child { padding: 0; }
    .info-content-block + .info-content-block { border-left: 0; border-top: 1px solid #e1e6ef; margin-top: 14px; padding-top: 14px; }
    .info-help { grid-template-columns: 1fr; padding: 18px; }
    .info-help__title { font-size: 21px; }
}

@media (prefers-reduced-motion: reduce) {
    .info-nav-card, .info-chevron { transition: none; }
    html { scroll-behavior: auto; }
}