/* Shared layout for the compact information pages. */
@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('../fonts/be-vietnam-pro-400.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('../fonts/be-vietnam-pro-500.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('../fonts/be-vietnam-pro-600.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('../fonts/be-vietnam-pro-700.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}

.info-nav .nav-inner a:first-child { color: inherit; font-weight: 400; }
.info-nav .nav-inner a.is-current { color: var(--blue); font-weight: 600; }
.info-main { background: #fff; min-height: 470px; }
.info-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 11px;
  padding: 20px 0 23px;
  color: var(--muted);
  font-size: .8125rem;
}
.info-breadcrumb > span[aria-hidden] { color: #b3bac3; }
.info-breadcrumb a:hover { color: var(--blue); }
.info-eyebrow {
  color: var(--blue);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: 1.1px;
  margin: 0 0 11px;
}
.info-opening {
  border-bottom: 1px solid var(--line);
  padding: 13px 0 35px;
}
.info-opening h1 {
  max-width: 790px;
  margin: 0 0 13px;
  color: var(--ink);
  font-size: 2.35rem;
  font-weight: 500;
  letter-spacing: -1.2px;
  line-height: 1.24;
}
.info-opening h1 span { color: var(--blue); }
.info-lead {
  max-width: 720px;
  margin: 0;
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.8;
}
.info-opening-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 21px; }
.info-opening-actions .primary,
.info-opening-actions .outline { font-size: .875rem; min-height: 44px; }
.info-section { padding: 45px 0; }
.info-section + .info-section { border-top: 1px solid var(--line); }
.info-section-heading { max-width: 720px; margin-bottom: 24px; }
.info-section-heading h2 {
  margin: 0 0 8px;
  color: var(--ink);
  font-size: 1.7rem;
  font-weight: 500;
  letter-spacing: -.65px;
}
.info-section-heading p { margin: 0; color: var(--muted); font-size: .9375rem; line-height: 1.8; }
.info-link { display: inline-flex; align-items: center; gap: 8px; color: var(--blue); font-size: .875rem; font-weight: 500; }
.info-link .icon { width: 17px; height: 17px; }
.info-link:hover { color: var(--blue-hover); }
.info-stat-strip { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); margin-top: 30px; }
.info-stat { padding: 17px 20px 0 0; }
.info-stat + .info-stat { border-left: 1px solid var(--line); padding-left: 20px; }
.info-stat strong { display: block; color: var(--blue); font-size: 1.35rem; font-weight: 600; line-height: 1.3; }
.info-stat span { display: block; margin-top: 3px; color: var(--muted); font-size: .8125rem; }
.info-note { padding: 14px 16px; border-left: 2px solid #91b5e3; background: #f5f9fe; color: #59708a; font-size: .875rem; line-height: 1.75; }
.info-cta { padding-top: 27px; padding-bottom: 27px; }
.info-cta h2 { font-size: 1.3rem; }
.info-cta p { font-size: .875rem; }
.info-cta .primary, .info-cta .outline { font-size: .875rem; min-height: 44px; }
.info-footer-spacer { height: 1px; }

@media (max-width: 899px) {
  .info-opening h1 { font-size: 2rem; }
  .info-stat-strip { margin-top: 25px; }
}
@media (max-width: 599px) {
  .info-breadcrumb { padding: 15px 0 18px; font-size: .75rem; gap: 5px 8px; }
  .info-opening { padding: 9px 0 28px; }
  .info-opening h1 { font-size: 1.7rem; letter-spacing: -.7px; }
  .info-lead { font-size: .9375rem; line-height: 1.75; }
  .info-opening-actions { margin-top: 17px; gap: 9px; }
  .info-opening-actions .primary, .info-opening-actions .outline { font-size: .8125rem; padding: 9px 13px; }
  .info-section { padding: 34px 0; }
  .info-section-heading { margin-bottom: 19px; }
  .info-section-heading h2 { font-size: 1.45rem; }
  .info-section-heading p { font-size: .875rem; }
  .info-stat { padding-right: 10px; }
  .info-stat + .info-stat { padding-left: 10px; }
  .info-stat strong { font-size: 1.12rem; }
  .info-stat span { font-size: .75rem; line-height: 1.45; }
  .info-cta { padding-top: 22px; padding-bottom: 22px; }
}