/* Locale copy uses the same navigation, buttons, hero and article components
   as English. Only wrapping and language selection need additional rules. */
.language-links { display:flex; flex-wrap:wrap; gap:8px 18px; margin:24px 0 0; font-size:14px; line-height:1.8; }
.language-links a { color:var(--sec); text-decoration:underline; text-underline-offset:4px; }
.language-links a:hover,.language-links a[aria-current] { color:var(--hi); }
.language-menu { position:relative; font-size:13px; flex-shrink:0; }
.language-menu summary { cursor:pointer; padding:8px; color:var(--body); white-space:nowrap; }
.language-menu .language-links { position:absolute; top:100%; right:0; width:210px; padding:12px; margin:4px 0 0; display:grid; gap:0; background:var(--panel-bot); border:1px solid var(--line-strong); border-radius:var(--r-m); box-shadow:0 10px 40px #0008; }
.language-menu .language-links a { display:block; padding:7px 10px; text-decoration:none; border-radius:6px; }
.language-menu .language-links a:hover,.language-menu .language-links a[aria-current] { background:var(--panel-top); }
.language-menu a:focus-visible,.language-menu summary:focus-visible,.localized a:focus-visible { outline:2px solid var(--chrome); outline-offset:4px; }
.localized h1 { overflow-wrap:break-word; text-wrap:balance; }
.localized .hero-grid > *, .localized .doc > * { min-width:0; }
.localized .page-hero .cta-row { display:flex; flex-wrap:wrap; gap:14px; margin-top:28px; }
.localized .local-section { padding:40px 0; scroll-margin-top:88px; }
.localized .local-section:first-child { padding-top:24px; }
.localized .local-section h2 { margin-top:0; }
.local-content .local-section h2 { margin-bottom:20px; }
.local-content .local-section h3 { margin:24px 0 12px; }
.local-content .local-section p { margin-top:14px; color:var(--sec); }
.local-content .local-section > p,.local-content .local-section > ul,.local-content .local-section > ol { max-width:870px; }
.local-content .local-section > a,.local-content .local-section p a,.local-content .local-section li a { border-bottom:1px solid var(--line-strong); }
.local-content .local-section ul,.local-content .local-section ol { padding-left:24px; margin:20px 0; }
.local-content .local-section li { margin:10px 0; }
.local-content .local-section pre { background:linear-gradient(180deg,var(--panel-top),var(--panel-bot)); border:.5px solid var(--line); padding:18px 20px; border-radius:var(--r-l); overflow-x:auto; margin:20px 0; font-size:13px; line-height:1.7; }
.localized .tbl { min-width:480px; }
.localized .card { border-bottom:.5px solid var(--line); }
.localized .card h3 { margin-top:10px; }
.localized .card p { margin-top:8px; }
.localized .foot p { margin-top:8px; }
.localized .foot .links { flex-wrap:wrap; }
.skip-link { position:fixed; top:-100px; left:20px; z-index:100; background:var(--hi); color:var(--bg); padding:12px; }
.skip-link:focus { top:12px; }
@media(max-width:1100px) {
  .nav-inner:has(.language-menu) .nav-links { display:none; }
}
@media(max-width:720px) {
  .nav-inner:has(.language-menu) { gap:12px; }
  .nav-inner:has(.language-menu) .brand { flex-shrink:0; }
  .nav-inner:has(.language-menu) .brand img { width:90px; height:auto; }
  .nav-inner:has(.language-menu) .nav-gh { display:none; }
  .language-menu .language-links { position:fixed; top:60px; left:28px; right:auto; max-height:calc(100dvh - 80px); overflow-y:auto; }
  .localized .page-hero { padding-top:130px; }
}
@media(max-width:380px) {
  .nav-inner:has(.language-menu) { padding-left:16px; padding-right:16px; gap:6px; }
  .nav-inner:has(.language-menu) .brand img { width:76px; }
  .nav-inner:has(.language-menu) .btn-sm { padding:8px 12px; }
  .language-menu summary { padding:8px 4px; }
}