/* 常霖法律事務所 — 英文版差異（載入順序：styles.css 之後）
   只放英文字型與排版微調；版面、色彩一律沿用 styles.css。
-------------------------------------------------- */

html[lang="en"] {
  --font-serif: "Cormorant Garamond", "EB Garamond", Georgia, "Times New Roman", serif;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

html[lang="en"] body {
  font-size: 1rem;
  line-height: 1.7;
  letter-spacing: 0;
  hyphens: auto;
}

/* Cormorant 的 x 高度較小：標題放大一級、加重 */
html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3 {
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.2;
  hyphens: manual;
}

html[lang="en"] .section-title {
  font-size: clamp(2rem, 2vw + 1.25rem, 3.125rem);
  letter-spacing: 0.01em;
}

html[lang="en"] .hero-title {
  font-size: clamp(2.5rem, 3.4vw, 3.75rem);
  letter-spacing: 0.01em;
  line-height: 1.08;
}

html[lang="en"] .hero-content h1 {
  font-size: clamp(2.5rem, 3vw + 1.5rem, 4.25rem);
  letter-spacing: 0.01em;
}

html[lang="en"] .hero-content p,
html[lang="en"] .hero-subtitle {
  letter-spacing: 0.01em;
}

html[lang="en"] .identity-quote {
  font-size: clamp(1.5rem, 1.2vw + 1.1rem, 2.25rem);
  font-style: italic;
  font-weight: 500;
  line-height: 1.45;
}

html[lang="en"] .expertise-item-alt h3 {
  font-size: 1.625rem;
}

html[lang="en"] .team-member-alt h3,
html[lang="en"] .support-card h3 {
  font-size: 1.75rem;
  letter-spacing: 0.01em;
}

html[lang="en"] .lawyer-info > h3 {
  font-size: clamp(2rem, 1.8vw + 1.2rem, 2.75rem);
  letter-spacing: 0.01em;
}

html[lang="en"] .journal-content .journal-title,
html[lang="en"] .faq-q,
html[lang="en"] .sub-heading {
  font-size: 1.5rem;
  letter-spacing: 0.01em;
}

html[lang="en"] .contact-card h3,
html[lang="en"] .footer-widget h3 {
  letter-spacing: 0.02em;
}

html[lang="en"] .footer-widget h3 {
  font-size: 1.375rem;
}

html[lang="en"] .journal-date,
html[lang="en"] .pillar-num {
  font-size: 1.125rem;
}

html[lang="en"] .overview-grid .btn-link {
  font-size: 1.25rem;
  letter-spacing: 0;
}

html[lang="en"] .service-note {
  font-family: var(--font-serif);
  font-size: 1.1875rem;
  font-style: italic;
}

/* 導覽與小標：小型大寫字距 */
html[lang="en"] .nav-link {
  font-size: 0.8125rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

html[lang="en"] .logo-text .logo-name {
  font-size: 1.75rem;
  letter-spacing: 0.02em;
}

html[lang="en"] .logo-text .logo-tagline {
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

html[lang="en"] .btn {
  font-size: 0.8125rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

html[lang="en"] .btn-link,
html[lang="en"] .btn.btn-link {
  text-transform: none;
  letter-spacing: 0.04em;
}

html[lang="en"] .pillar-text,
html[lang="en"] .team-member-alt p {
  letter-spacing: 0.04em;
}

@media (max-width: 860px) {
  html[lang="en"] .mobile-bar-inner > div:first-child {
    font-size: 1.1875rem;
    letter-spacing: 0.01em;
  }

  html[lang="en"] .nav-link {
    font-size: 1.375rem;
    letter-spacing: 0.01em;
    text-transform: none;
  }
}