/* Reti: przełącznik języka w nagłówku reti.pro (wspólny dla wszystkich wersji językowych) */
.langs { position: relative; }
.langs summary { list-style: none; cursor: pointer; font: 600 12px/1 "JetBrains Mono", Consolas, monospace; letter-spacing: .06em; padding: 6px 22px 6px 9px; border: 1px solid #3a3d42; border-radius: 99px; color: #a2a6ac; position: relative; }
.langs summary::-webkit-details-marker { display: none; }
.langs summary::after { content: ""; position: absolute; right: 9px; top: 50%; width: 5px; height: 5px; border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: translateY(-70%) rotate(45deg); }
.langs summary:hover, .langs[open] summary { border-color: #ff9d04; color: #ff9d04; }
.langs ul { position: absolute; right: 0; top: calc(100% + 8px); z-index: 50; margin: 0; padding: 6px; list-style: none; min-width: 150px; background: #17181b; border: 1px solid #3a3d42; border-radius: 10px; box-shadow: 0 10px 30px rgba(0, 0, 0, .35); }
.langs li { margin: 0; }
.langs ul a { display: block; padding: 8px 12px; border-radius: 6px; border: 0; color: #ecebe6; text-decoration: none; font: 600 15px/1.2 "Source Sans 3", system-ui, sans-serif; }
.langs ul a:hover { background: #26282c; color: #ff9d04; }
.langs ul a[aria-current] { color: #ff9d04; }
@media (max-width: 760px) { .langs ul { right: auto; left: 0; } }

/* „Krok 1” na stronie głównej w innych językach */
:lang(de) .steps li::before { content: "Schritt " counter(krok); }
:lang(fr) .steps li::before { content: "Étape " counter(krok); }
:lang(es) .steps li::before { content: "Paso " counter(krok); }
:lang(it) .steps li::before { content: "Passo " counter(krok); }