/* Shared language navigation and readable localized product documentation. */
.language-picker { position:relative; flex-shrink:0; font-size:12px; }
.language-picker summary { cursor:pointer; padding:10px 12px; border:1px solid var(--border); border-radius:5px; color:var(--teal); white-space:nowrap; }
.language-picker[open] summary { border-color:var(--teal); }
.language-picker nav { position:absolute; top:calc(100% + 8px); right:0; display:grid!important; gap:0!important; width:220px; max-height:70vh; overflow:auto; padding:7px; border:1px solid var(--border); border-radius:7px; background:var(--panel); box-shadow:0 15px 45px #0008; }
.language-picker nav a { display:block!important; padding:10px 12px; border-radius:4px; color:var(--text); font-size:13px; white-space:nowrap; }
.language-picker nav a:hover,.language-picker nav a[aria-current] { background:var(--selection); color:var(--teal); }
.nav { gap:16px; }
.nav > nav { flex:1; justify-content:flex-end; }
.localized-nav { display:flex; align-items:center; gap:20px; font-size:13px; }
.localized-main { max-width:1020px; }
.localized-intro { padding:90px 0 70px; border-bottom:1px solid var(--border); }
.localized-intro h1 { margin:12px 0 24px; font-size:clamp(54px,8vw,98px); letter-spacing:-.055em; line-height:1.05; }
.localized-intro .lede { max-width:880px; font-size:20px; line-height:1.75; overflow-wrap:anywhere; }
.localized-content { padding:34px 0 80px; font-size:16px; line-height:1.8; color:var(--muted); }
.localized-content h2 { margin:64px 0 20px; color:var(--text); font-size:clamp(26px,4vw,38px); letter-spacing:-.025em; line-height:1.3; scroll-margin-top:95px; }
.localized-content h3 { color:var(--text); }
.localized-content a { color:var(--teal); text-decoration:underline; text-underline-offset:4px; }
.localized-content img { max-width:100%; height:auto; border:1px solid var(--border); border-radius:8px; }
.localized-content img[src*="shields.io"] { border:0; border-radius:0; }
.localized-content strong { color:var(--text); }
.localized-content pre { padding:22px; overflow:auto; border:1px solid var(--border); border-radius:8px; background:#0c1112; color:var(--text); font-size:13px; line-height:1.8; }
.localized-content code { font-family:ui-monospace,SFMono-Regular,monospace; overflow-wrap:anywhere; }
.localized-content :not(pre)>code { padding:2px 5px; background:var(--raised); color:var(--amber); border-radius:3px; }
.table-scroll { overflow:auto; margin:28px 0; border:1px solid var(--border); border-radius:8px; }
.localized-content table { width:100%; border-collapse:collapse; font-size:14px; line-height:1.7; }
.localized-content th,.localized-content td { padding:15px 18px; border-bottom:1px solid var(--border); text-align:left; vertical-align:top; }
.localized-content th { color:var(--text); background:var(--raised); }
.localized-content td:first-child { min-width:145px; color:var(--text); }
.localized-content tr:last-child td { border-bottom:0; }
#gallery { scroll-margin-top:95px; }
@media(max-width:1100px) { .nav>nav>a:not(.nav-release) { display:none; } }
@media(max-width:620px) { .nav { gap:10px; } .nav>.brand { font-size:15px; } .nav>.brand .brand-icon { width:26px; height:26px; } .nav>nav { display:none; } .language-picker summary { font-size:11px; padding:9px; } .localized-nav { gap:10px; } .localized-nav>a { display:none; } .localized-intro { padding:60px 0 45px; } .localized-intro .lede { font-size:17px; } .localized-content { font-size:15px; } .localized-content th,.localized-content td { padding:12px; } .localized-content td:first-child { min-width:105px; } }
.localized-gallery { transform:none; margin:30px 0; aspect-ratio:16/10; }
.localized-gallery img { border:0; border-radius:0; }
.localized-gallery .slide figcaption b { font-size:16px; }