/* Seven-language navigation and readable long-form text. */
.topbar { gap: 22px; }
.topbar nav { margin-left: auto; gap: clamp(10px, 2vw, 31px); }
.lang-switch { position: relative; flex: none; color: #fff; font-size: 12px; z-index: 20; }
.lang-switch summary { list-style: none; cursor: pointer; border: 1px solid rgba(255,255,255,.5); padding: 9px 12px; min-width: 94px; text-align: center; white-space: nowrap; }
.lang-switch summary::-webkit-details-marker { display: none; }
.lang-switch summary::after { content: '⌄'; margin-left: 9px; }
.lang-switch ul { position: absolute; top: calc(100% + 6px); right: 0; width: 164px; margin: 0; padding: 6px; background: #fff; color: #171612; list-style: none; box-shadow: 0 12px 30px #0003; }
.lang-switch a { display: block; padding: 8px 10px; text-decoration: none; }
.lang-switch a:hover,.lang-switch a[aria-current="true"] { background: #eae8e3; color: #171612; }
.lang-switch summary:focus-visible,.lang-switch a:focus-visible { outline: 3px solid #c8954b; outline-offset: 2px; }
.localized-page h1,.localized-page h2,.localized-page h3 { overflow-wrap: anywhere; }
.localized-page .hero-copy { width: min(650px, 52vw); }
.localized-page .hero-card .step { width: 24%; }
.localized-page .page-hero .hero-copy { width: 100% !important; text-shadow: none; }
.localized-page .page-hero h1 { max-width: 1100px; }
.localized-page .page-hero h1 em { font-style: normal; }
.localized-page .hero h1 em { font-style: normal; }
.localized-home .topbar { position: absolute; }
.localized-home .hero { min-height: 800px; }
.localized-page .source-line { line-height: 1.7; }
.localized-page .footer { max-width: 1320px; }
[lang="zh-CN"] body,[lang="ja"] body,[lang="ko"] body { font-family: -apple-system, BlinkMacSystemFont, "Noto Sans CJK SC", "Noto Sans CJK JP", "Noto Sans CJK KR", Arial, sans-serif; }
[lang="zh-CN"] h1,[lang="zh-CN"] h2,[lang="zh-CN"] h3,[lang="ja"] h1,[lang="ja"] h2,[lang="ja"] h3,[lang="ko"] h1,[lang="ko"] h2,[lang="ko"] h3 { font-family: inherit; letter-spacing: -.025em; }
@media (max-width: 1100px) { .topbar { padding-left: 28px; padding-right: 28px; } .topbar nav { gap: 11px; } .topbar nav a { font-size: 11px; } }
@media (max-width: 700px) {
  .topbar,.inner-page .topbar { display: flex; flex-wrap: wrap; align-items: center; height: auto; min-height: 72px; padding: 13px 20px; gap: 8px 14px; }
  .topbar nav { order: 3; display: flex; flex-wrap: wrap; margin: 3px 0 0; width: 100%; gap: 8px 14px; }
  .topbar nav a:not(.nav-cta) { display: inline-block; }
  .topbar nav a { font-size: 11px; }
  .topbar nav .nav-cta { padding: 4px 8px; }
  .lang-switch { margin-left: auto; }
  .lang-switch summary { padding: 7px 10px; }
  .localized-home .topbar { position: relative; background: #0d1018; }
  .localized-home .hero { min-height: 830px; }
  .localized-home .hero-photo { top: 0; height: 310px; }
  .localized-home .hero-inner { padding-top: 310px; }
  .localized-page .hero-copy { width: 100%; }
  .localized-page .hero-card .step { width: 100%; }
  .localized-page .page-hero h1 { font-size: clamp(40px, 10vw, 60px); }
  .localized-page .guide-section.light { padding-left: 20px; padding-right: 20px; }
}