.site-language-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.45rem 1rem;padding:.7rem 1rem;font:500 .82rem/1.5 system-ui,sans-serif;color:var(--muted,#616567)}
.site-language-nav a{color:inherit;text-underline-offset:3px}.site-language-nav a[aria-current=page]{font-weight:750;color:var(--ink,#242a2b)}
.site-language-picker{
  --language-surface:var(--theme-card,var(--surface-card,#faf9f6));
  --language-track:var(--theme-control,var(--surface-card-muted,#f4f3ef));
  --language-thumb:var(--muted,#66625b);
  position:relative;text-align:start;z-index:30;
}
.site-language-picker summary{display:flex;align-items:center;gap:.5rem;list-style:none;cursor:pointer;min-height:44px;padding:.35rem .8rem;border:1px solid var(--panel-border,#d9d7cf);border-radius:12px;background:var(--language-surface);color:var(--ink,#242a2b)}
.site-language-picker[open] summary{border-color:var(--accent-deep,#754723);box-shadow:0 0 0 3px var(--accent-soft,#a0642f1f)}
.site-language-picker summary::-webkit-details-marker{display:none}
.site-language-chevron{margin-inline-start:.4rem}.site-language-picker[open] .site-language-chevron{transform:rotate(180deg)}
.site-language-options{
  position:absolute;inset-block-start:calc(100% + .6rem);left:50%;transform:translateX(-50%);
  width:224px;max-width:calc(100vw - 32px);max-height:min(65vh,390px);
  overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;
  display:grid;gap:.2rem;padding:.5rem;
  border:1px solid var(--panel-border,#d9d7cf);border-radius:16px;
  color:var(--ink,#242a2b);background-color:var(--language-surface);
  /* Local covers hide each shadow when that end of the list is reached. */
  background-image:
    linear-gradient(var(--language-surface) 30%,transparent),
    linear-gradient(transparent,var(--language-surface) 70%),
    radial-gradient(farthest-side at 50% 0,#0003,transparent),
    radial-gradient(farthest-side at 50% 100%,#0003,transparent);
  background-position:center top,center bottom,center top,center bottom;
  background-size:100% 36px,100% 36px,100% 14px,100% 14px;
  background-repeat:no-repeat;background-attachment:local,local,scroll,scroll;
  box-shadow:var(--elevation-popover,0 12px 32px #0003);
  scrollbar-color:var(--language-thumb) var(--language-track);
}
/* Explicit dimensions keep a visible scrollbar in macOS WebKit/Blink too. */
@supports selector(::-webkit-scrollbar){
  .site-language-options{scrollbar-color:auto;scrollbar-width:auto}
  .site-language-options::-webkit-scrollbar{width:14px}
  .site-language-options::-webkit-scrollbar-track{background:var(--language-track);border-radius:999px;margin-block:10px}
  .site-language-options::-webkit-scrollbar-thumb{background:var(--language-thumb);border:4px solid var(--language-track);border-radius:999px;min-height:40px}
  .site-language-options::-webkit-scrollbar-thumb:hover{background:var(--ink,#242a2b)}
}
.site-language-options a{display:flex;align-items:center;min-height:44px;padding:.3rem .8rem;border-radius:9px;text-decoration:none;color:var(--ink,#242a2b)}
.site-language-options a:hover,.site-language-options a:focus-visible{background:var(--language-track)}
.site-language-options a[aria-current=page]{background:var(--accent-soft,#a0642f1f);color:var(--accent-deep,#754723)}
.site-language-options a[aria-current=page]::after{content:'✓';margin-inline-start:auto;padding-inline-start:1rem}
.site-language-picker summary:focus-visible,.site-language-options a:focus-visible{outline:2px solid var(--accent-deep,#754723);outline-offset:2px}
.localized-guide .landing-topbar{flex-wrap:wrap;gap:12px}.localized-guide .landing-topbar .site-language-nav{padding:0;justify-content:flex-end}
.localized-guide .site-language-options{left:auto;inset-inline-end:0;transform:none}
.localized-guide .generator-intro{max-width:76ch}.localized-guide .localized-copy{max-width:78ch}.localized-guide .localized-copy p{line-height:1.75}
.localized-guide .progression-library-meta{line-height:1.7}.localized-guide .progression-library-meta span{display:block;margin-bottom:.5rem}
.localized-guide .progression-library-item h3{overflow-wrap:anywhere}.localized-guide .localized-related{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem}
.localized-guide .seo-faq-section details{padding:1rem 0;border-bottom:1px solid #d9d7cf}.localized-guide .seo-faq-section summary{font-weight:650;cursor:pointer}.localized-guide .seo-faq-section p{line-height:1.7}
.localized-guide .context-visual-caption{max-width:72ch;margin:1rem auto;text-align:center}.localized-guide .english-link-note{font-size:.8em;white-space:nowrap}
html.is-native-app .site-language-nav{display:none!important}
@media(max-width:600px){.localized-guide .landing-topbar .site-language-nav{justify-content:flex-start}.site-language-nav{gap:.4rem .8rem}.localized-guide .progression-action-row{flex-wrap:wrap}}
@media(max-width:600px){.localized-guide .site-language-options{inset-inline-start:0;inset-inline-end:auto}}

a[data-english-link]::after{content:" " attr(data-english-link);font-size:.8em;font-weight:400;opacity:.75}

.localized-guide .lesson-jumps::before{content:attr(aria-label)}
.localized-guide .generator-hero-copy{max-width:none}
.localized-guide .generator-hero h1{max-width:26ch}

.localized-guide .localized-copy{max-width:none}
.localized-guide .localized-copy p{max-width:78ch}
.localized-guide .landing-brand{color:var(--accent-deep,#754723);font-weight:750;text-decoration:none}
.localized-guide .localized-related a{color:var(--accent-deep,#754723);text-underline-offset:3px}

.localized-guide .localized-tab{max-width:100%;overflow-x:auto;padding:1rem;background:var(--surface,#f5f2ea);font:500 1rem/1.6 ui-monospace,monospace}
.localized-guide .localized-copy .lesson-context-screenshot{margin-block:2rem}

@media(min-width:900px){
  .localized-guide.localized-feature-page .generator-page .generator-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:3rem;align-items:start}
  .localized-guide.localized-feature-page .generator-page .generator-hero h1{max-width:23ch}
  .localized-guide.localized-feature-page .generator-page .generator-hero>.lesson-context-screenshot{margin-top:0;justify-self:center}
  .localized-guide .localized-illustrated{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:3rem;align-items:center}
  .localized-guide .localized-illustrated .lesson-context-screenshot{margin-block:0}
}

.localized-guide .localized-store-badges{gap:20px;flex-wrap:wrap;padding-block:10px}
.localized-guide .localized-store-badge-image{display:block;height:40px;width:auto}