/* The existing docs layout, adapted for CJK text and browser text enlargement.
   All fonts are provided by the device; no remote font or script is loaded. */
:root:lang(ja) { --font-system: -apple-system, BlinkMacSystemFont, system-ui, "Hiragino Sans", "Yu Gothic", sans-serif; }
:root:lang(zh-Hans) { --font-system: -apple-system, BlinkMacSystemFont, system-ui, "PingFang SC", "Microsoft YaHei", sans-serif; }
.localized {
  --ink-secondary: #60665f;
  --text-secondary: #60665f;
  --ink-tertiary: #60665f;
}
/* Keep the native site's bar, but let its contents make another row when
   browser text enlargement needs it. Fixed 40px pills clipped Japanese text
   at 200% in the Design review (localization-2026-11-06.md). */
.localized .topbar-inner { height: auto; min-height: 64px; padding-block: 8px; flex-wrap: wrap; row-gap: 8px; }
.localized .brand { flex-shrink: 0; min-height: 44px; }
.localized .topnav { max-width: 100%; min-width: 0; flex-wrap: wrap; justify-content: flex-end; }
.localized .topnav .pill { height: auto; min-height: 44px; padding-block: 10px; white-space: normal; text-align: center; line-height: 1.4; }
.localized .masthead { grid-template-columns: minmax(0, 1fr); }
.localized .masthead h1 { max-width: 18em; line-height: 1.25; letter-spacing: 0; }
.localized .lead, .localized .prose { line-break: strict; overflow-wrap: anywhere; }
.localized .prose p, .localized .prose li { line-height: 1.85; }
.localized .prose li + li { margin-top: 8px; }
.localized .prose pre { white-space: pre-wrap; overflow-wrap: anywhere; font: 400 .9em/1.8 var(--font-system); padding: 20px; border: 1px solid var(--ink-quaternary); background: var(--paper); border-radius: 12px; }
.localized table { display: block; overflow-x: auto; max-width: 100%; border-collapse: collapse; font: inherit; }
.localized th, .localized td { padding: 12px; border-bottom: 1px solid var(--ink-quaternary); text-align: start; vertical-align: top; min-width: 7em; }
.localized th { font-weight: 600; }
.localized section[id], .localized #main { scroll-margin-top: calc(var(--locale-header-height, 144px) + 24px); }
html:not(.locale-script) .localized .topbar { position: relative; }
.localized .site-footer a, .localized .sitefoot a { min-width: 44px; }
.localized .foot-brand { min-height: 44px; }
.localized .sitefoot-inner > a { display: inline-flex; align-items: center; min-height: 44px; }
.localized .foot-links a { display: inline-flex; align-items: center; min-height: 44px; }
.localized .sign-in-buttons form { display: flex; }
.localized .sign-in-buttons button { min-height: 48px; height: 100%; padding-block: 0; }
.localized .locale-google-label { font: inherit; }
.localized a:focus-visible, .localized summary:focus-visible { outline: 2px solid var(--moss); outline-offset: 4px; }
.locale-skip { position: absolute; top: -100px; left: 20px; padding: 12px; background: var(--paper); color: var(--ink); z-index: 100; }
.locale-skip:focus { top: 12px; }
@media (max-width: 560px) {
  .localized .topnav .pill { white-space: normal; text-align: center; }
  .localized .masthead h1 { font-size: 36px; }
  .localized .section-head h2 { font-size: 26px; line-height: 1.5; }
  .localized .site-footer nav { gap: 4px 20px; }
}