/* ------------------------------------------------------------------
   Shared footer: legal links + Korean business registration details.
   Used by the landing home page and /tutoring. Design tokens come from
   /assets/index-ByJumzjg.css, which must load first.
   ------------------------------------------------------------------ */

.footer-legal {
  border-top: 1px solid #fbf5e933;
  margin-top: 34px;
  padding-top: 22px;
}

/* Policy documents + language switcher */
.footer-legal-links {
  flex-wrap: wrap;
  align-items: center;
  gap: 9px 20px;
  display: flex;
}
.footer-legal-links a {
  color: #d5e0d9;
  font-family: var(--app-font-mono);
  font-size: 10px;
  text-decoration: none;
  text-underline-offset: 3px;
  transition: color .2s;
}
.footer-legal-links a:hover {
  color: var(--sun);
  text-decoration: underline;
}
.footer-legal-links .lang-switch {
  border: 1px solid #536273;
  border-radius: 20px;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  display: inline-flex;
  transition: border-color .2s, color .2s;
}
.footer-legal-links .lang-switch:hover {
  border-color: var(--sun);
  text-decoration: none;
}

/* Korean business registration block. Same fine-print register as
   .footer-bottom: DM Mono, 9px, #78918f. DM Mono carries no Hangul, so
   the Korean faces sit in the stack ahead of the generic monospace
   fallback to keep the Hangul legible rather than substituted. */
.business-info {
  color: #78918f;
  font-family: "DM Mono", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", monospace;
  max-width: 740px;
  margin-top: 20px;
  font-size: 9px;
  line-height: 2.05;
}
.business-info p {
  margin: 0;
}
.business-info .sep {
  color: #4c6670;
  margin: 0 6px;
}
.business-info a {
  color: #a7bdbc;
  text-decoration: none;
  transition: color .2s;
}
.business-info a:hover {
  color: var(--sun);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Tighten the existing copyright strip now that the legal block sits above it */
.footer-legal + .footer-bottom {
  margin-top: 22px;
}

@media (min-width: 700px) {
  .footer-legal-links {
    gap: 10px 24px;
  }
}