/* Shared by every page: the name intro, the language switch, small helpers. */
html { scrollbar-gutter: stable; }
html.intro { overflow: hidden; }
html.intro::after { content: ""; position: fixed; inset: 0; z-index: 2147483646; background: #08080a; }
html.intro body > :not(#intro), html.intro body > :not(#intro) * { animation-play-state: paused !important; }

#intro { position: fixed; inset: 0; z-index: 2147483647; display: grid; place-content: center; justify-items: center; gap: 20px; padding: 24px;
  background: radial-gradient(62% 48% at 50% 46%, #15120b 0%, #08080a 72%); cursor: pointer; -webkit-tap-highlight-color: transparent; }
#intro svg { display: block; width: min(84vw, 760px); height: auto; overflow: visible; }
#intro path { fill: url(#iv-g); fill-opacity: 0; stroke: #e7d09a; stroke-width: 6; stroke-linejoin: round; stroke-linecap: round; }
#intro .iv-rule { width: min(42vw, 280px); height: 1px; background: linear-gradient(90deg, transparent, #c8a75e 30%, #e7d09a 50%, #c8a75e 70%, transparent); transform: scaleX(0); }
#intro .iv-sub { margin: 0; font: 500 clamp(.6rem, 1.7vw, .76rem)/1.4 "Golos Text", "Segoe UI", system-ui, sans-serif; letter-spacing: .34em; text-transform: uppercase;
  color: #a39d90; opacity: 0; text-align: center; }

.lang { display: inline-flex; align-items: center; gap: 2px; padding: 3px; border: 1px solid var(--line-2, var(--line, rgba(200, 167, 94, .3))); border-radius: 999px;
  font: 600 .68rem/1 var(--sans, system-ui, sans-serif); letter-spacing: .14em; flex: none; }
.lang a { display: block; padding: 7px 10px; border-radius: 999px; color: var(--muted); text-decoration: none; transition: color .2s, background-color .2s; }
.lang a:hover { color: var(--ink); }
.lang a[aria-current] { color: var(--bg); background: var(--gold-grad, var(--accent)); }
.lang a[aria-current]:hover { color: var(--bg); }
.sk .site-header .lang { margin-left: 4px; }

.btn-plain { background: none; border: 0; padding: 0; cursor: pointer; font: inherit; }

.skip { position: fixed; top: 10px; left: 10px; z-index: 100; padding: 10px 16px; border-radius: 10px; background: var(--gold-grad, var(--accent)); color: var(--bg);
  font: 600 .9rem/1 var(--sans, system-ui, sans-serif); text-decoration: none; transform: translateY(-160%); transition: transform .2s; }
.skip:focus { transform: none; }