/* Earchemy's identity sits around the established, unchanged training interface. */
.home-brand { gap: 10px; letter-spacing: 0; text-align: left; }
.home-brand .brand-copy { display: flex; flex-direction: column; }
.home-brand .brand-name { font: 750 25px/1.1 "Avenir Next", "Trebuchet MS", sans-serif; letter-spacing: -.05em; }
.home-brand .brand-sub { margin-top: 4px; color: var(--muted); font-size: 10px; font-weight: 500; letter-spacing: .08em; }
.home-brand .brand-mark { width: 30px; height: 30px; color: var(--gold); stroke-width: 1.6; }
.my-migration { margin: 16px 0; padding: 14px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.my-migration b { font-size: 14px; }
.my-migration a, .info-page a:not(.btn) { color: var(--gold); text-underline-offset: 4px; }
.info-page { height: auto; min-height: 100%; user-select: text; -webkit-user-select: text; touch-action: auto; }
.info-page main { max-width: 720px; margin: auto; padding: max(28px, env(safe-area-inset-top)) 24px 48px; line-height: 1.8; }
.info-page header { margin-bottom: 40px; font: 700 24px "Avenir Next", "Trebuchet MS", sans-serif; }
.info-page h1 { font-size: 28px; line-height: 1.4; margin: 0 0 18px; }
.info-page h2 { font-size: 19px; margin: 28px 0 8px; }
.info-page p, .info-page li { color: var(--muted); }
.info-page strong { color: var(--text); }
.info-page .btn { display: inline-flex; align-items: center; min-height: 48px; margin: 16px 8px 0 0; text-decoration: none; }
@media (max-width: 350px) {
  .home-brand { gap: 7px; }
  .home-brand .brand-name { font-size: 22px; }
  .home-brand .brand-mark { width: 25px; height: 25px; }
}