/* Align content pages with Home's silver ice typography and spacing. */
body:not([data-route="home"]) #main-content {
  --page-ink: #294f69;
  --page-muted: #526f83;
  --page-line: #b9d5e5;
  color: var(--page-ink);
  font-family: 'Segoe UI', Arial, sans-serif;
  line-height: 1.55;
}

/* One title scale for the content routes. The Home card titles are 25px. */
body:not([data-route="home"]):not([data-route="account"]) #main-content :is(
  .page-heading h2,
  .page-design-heading h2,
  .downloads-page-title h2,
  .register-heading h2
) {
  color: #385e77;
  font: 400 clamp(24px, 2.5vw, 28px)/1.25 Georgia, 'Times New Roman', serif;
  letter-spacing: .065em;
  text-transform: uppercase;
  text-wrap: balance;
}

body:not([data-route="home"]):not([data-route="account"]) #main-content :is(
  .page-heading,
  .page-design-heading,
  .downloads-page-title
) {
  margin-bottom: 24px;
}

body[data-route="register"] #main-content .register-heading {
  margin: 4px auto 25px;
  padding: 19px 22px 22px;
  max-width: 740px;
  border-top: 1px solid rgba(110, 165, 196, .55);
  border-bottom: 1px solid rgba(110, 165, 196, .55);
  background: linear-gradient(90deg, transparent, rgba(241, 250, 255, .58) 18%, rgba(241, 250, 255, .58) 82%, transparent);
}

body[data-route="register"] #main-content .register-heading p {
  margin-top: 7px;
  color: var(--page-muted);
  font-size: 14px;
}

/* Keep the same visual hierarchy inside each content window. */
body:not([data-route="home"]):not([data-route="account"]) #main-content :is(
  .feature-card-head h3,
  .download-window-heading h2,
  .gb-article-heading h3
) {
  color: #2c5875;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(20px, 2.1vw, 23px);
  line-height: 1.25;
  letter-spacing: .025em;
}

body[data-route="guides"] #main-content .gb-browser-head h3 {
  color: #2c5875;
  font: 600 18px/1.3 'Segoe UI', Arial, sans-serif;
}

body:not([data-route="home"]):not([data-route="account"]) #main-content :is(
  .feature-description,
  .download-window-description,
  .register-heading p,
  .gb-article-body
) {
  line-height: 1.6;
}

body[data-route="downloads"] #main-content .download-options-grid {
  margin-top: 2px;
}

body[data-route="downloads"] #main-content .download-option-window {
  padding-top: 25px;
}

body[data-route="register"] #main-content .register-layout,
body[data-route="rankings"] #main-content .ranking-experience,
body[data-route="guides"] #main-content .harbor-guides {
  min-width: 0;
}

body:not([data-route="home"]):not([data-route="account"]) #main-content :is(
  input,
  select,
  button
):focus-visible,
body:not([data-route="home"]):not([data-route="account"]) #main-content a:focus-visible {
  outline: 2px solid #226a98;
  outline-offset: 3px;
}

@media (max-width: 720px) {
  body:not([data-route="home"]):not([data-route="account"]) #main-content :is(
    .page-heading,
    .page-design-heading,
    .downloads-page-title
  ) {
    margin-bottom: 18px;
  }

  body[data-route="register"] #main-content .register-heading {
    margin-bottom: 20px;
    padding: 16px 12px 18px;
  }
}