.site-language { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .5rem; margin: 1rem; font: 14px/1.5 system-ui, sans-serif; }
.site-language select { max-width: 100%; min-height: 44px; padding: .4rem .75rem; border: 1px solid currentColor; border-radius: .5rem; color: inherit; background: inherit; font: inherit; cursor: pointer; }
.site-language select option { color: #111; background: #fff; }
.site-language select:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
/* Keep the decorative tour glow inside narrow pages. */
.product-tour::before { max-width: 100%; }
/* Localized store actions use ordinary text links, without store-logo artwork. */
.localized-product .store-text { display: grid; gap: 1px; padding: 8px 18px; line-height: 1.3; }
.localized-product .store-text span { font-size: .75rem; }
.localized-product .store-text strong { font-size: 1.2rem; }
.localized-product .app-store-link { text-decoration: none; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.06); }
.localized-product .campaign-card.primary { position: relative; top: auto; right: auto; margin-left: auto; width: min(85%, 320px); aspect-ratio: auto; }
.localized-product .campaign-card.secondary { right: auto; left: 0; bottom: 0; width: min(45%, 195px); aspect-ratio: auto; }
.localized-product .campaign-card img { width: 100%; height: auto; object-fit: contain; }
.localized-product .product-caption { display: grid; gap: 6px; margin: 0; padding: 16px; font-size: .85rem; line-height: 1.4; }
.localized-product .product-caption strong { font-size: 1.25rem; line-height: 1.1; }
.localized-product .product-caption span { color: #aebbb3; }
.localized-product .tour-track img { aspect-ratio: 390 / 844; object-fit: contain; background: #030806; }
.guide-visual.guide-process { display: grid; align-content: center; justify-items: center; gap: 12px; padding: 24px; color: #ffe1a1; background: linear-gradient(140deg,#0d2b1a,#030806); font-weight: 800; }
.guide-process span { padding: 12px 18px; border: 1px solid rgba(255,255,255,.2); border-radius: 12px; background: rgba(255,255,255,.05); }
.article-body .workflow-diagram { counter-reset: workflow; display: grid; gap: 14px; margin: 0; padding: 24px; list-style: none; border: 1px solid rgba(255,255,255,.15); border-radius: 18px; background: #101c16; }
.workflow-diagram li { counter-increment: workflow; display: flex; align-items: center; gap: 14px; color: #f7faf7; font-weight: 750; line-height: 1.4; }
.workflow-diagram li::before { content: counter(workflow); display: grid; flex: 0 0 32px; height: 32px; place-items: center; border-radius: 50%; background: #f2b946; color: #06110c; }
@media (max-width:720px) { .localized-product .campaign-card.primary { width: min(76%,280px); } .localized-product .hero-visual { min-height: 0; } .localized-product .product-caption { padding: 12px; } .localized-product .product-caption strong { font-size: 1.05rem; } }

/* Reserve the language control's space before the deferred script runs. */
.site-language-slot { display: grid; width: 100%; min-height: 80px; place-items: center; }
.site-language-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; padding: 16px; }
.site-language-links a { color: inherit; }
.site-breadcrumbs { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: baseline; gap: 8px; margin: 0 0 24px; color: inherit; font-size: .85rem; line-height: 1.5; }
.site-breadcrumbs a { color: inherit; text-underline-offset: 3px; }