/* Instant Casino — sheet-premium.css
   TYPO-04 · SPACE-08 · CONT-03 · BP-02 · GEO-08 · MOTION-03
   Dark warm theme: graphite backgrounds, gold accents, red CTA. */

/* ============ :root design tokens ============ */
:root {
  --main-color: #181b20;
  --accent: #f5c94d;
  --highlight-active: #23252c;
  --surface: #1e2129;
  --surface-2: #262a34;
  --grad-light: #eb7f1b;
  --gradient-mid: #fe1e1c;
  --foreground: #ffffff;
  --text-secondary: #ffe405;
  --color-text-soft-x: rgba(255, 255, 255, 0.74);
  --color-line-x: rgba(255, 255, 255, 0.12);
  --alert-bg: #dc2626;

  --display-font: 'Montserrat', 'Inter', system-ui, sans-serif;
  --body-font: 'Poppins', 'Inter', system-ui, sans-serif;

  --font-normal: 400;
  --font-medium: 500;
  --weight-bold: 700;
  --fw-black-x: 800;

  --type-micro: 0.75rem;
  --text-sm: 0.875rem;
  --type-body: 1.0625rem;
  --size-h6: 0.8rem;
  --text-h5: 1.1rem;
  --text-h4: 1.3rem;
  --type-h3: clamp(1.3rem, 2.4vw, 1.6rem);
  --size-h2: clamp(1.6rem, 3.4vw, 2.3rem);
  --text-h1: clamp(2.1rem, 5vw, 3.4rem);

  --leading-tight: 1.16;
  --line-normal: 1.5;
  --line-loose: 1.72;
  --tracking-wide: 0.08em;

  --gap-2xs: 4px;
  --gutter-xs: 8px;
  --gap-sm: 12px;
  --spacing-md: 20px;
  --gutter-lg: 32px;
  --gap-xl: 48px;
  --gap-2xl: 68px;
  --gap-3xl: 96px;
  --section-pad-x: 52px;

  --max-width: 1380px;
  --measure: 720px;
  --inset-desktop: 24px;
  --gutter-mobile: 16px;

  --corner-sm: 6px;
  --round-md: 12px;
  --corner-lg: 20px;
  --round-full: 999px;
  --circle: 50%;

  --shade-sm: 0 2px 8px rgba(0, 0, 0, 0.28);
  --depth-md: 0 10px 30px rgba(0, 0, 0, 0.38);

  --duration-fast: 140ms;
  --transition-base: 260ms;
  --timing: cubic-bezier(0.2, 0.7, 0.3, 1);

  --topbar-desktop: 108px;
  --header-h-mobile-x: 66px;
  --rg-h-x: 30px;
}

/* ============ reset / base ============ */
*, *::before, *::after { box-sizing: border-box; }
html, body { overflow-x: clip; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--body-font);
  font-size: var(--type-body);
  line-height: var(--line-loose);
  color: var(--foreground);
  background: var(--surface);
  padding-top: calc(var(--topbar-desktop) + var(--rg-h-x));
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--accent); text-decoration: none; }
a:hover { color: var(--grad-light); }
h1, h2, h3, h4 { font-family: var(--display-font); line-height: var(--leading-tight); }
button { font-family: inherit; }

.site-main { display: block; }

/* ============ a11y ============ */
.skip-link {
  position: fixed;
  left: 16px;
  top: -200px;
  z-index: 300;
  background: var(--accent);
  color: var(--main-color);
  padding: 10px 18px;
  border-radius: var(--round-md);
  font-weight: var(--weight-bold);
}
.skip-link:not(:focus) { top: -200px !important; }
.skip-link:focus { top: 12px; }
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
@media (prefers-reduced-motion: reduce) {
  * { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; scroll-behavior: auto !important; }
}

/* ============ RG banner (fixed above fixed header) ============ */
.rg-banner {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 130;
  min-height: var(--rg-h-x);
  margin: 0;
  display: flex; align-items: center; justify-content: center;
  background: var(--alert-bg);
  color: #ffffff;
  font-size: var(--type-micro);
  font-weight: var(--font-medium);
  letter-spacing: 0.02em;
  padding: 4px 12px;
  text-align: center;
}

/* ============ HEADER — HEAD-03 + NAV-02 + AUTH-BOTH + STICKY-02 ============ */
.suvo {
  position: fixed;
  top: var(--rg-h-x); left: 0; right: 0;
  z-index: 120;
  background: var(--surface);
  border-bottom: 1px solid var(--color-line-x);
  transition: box-shadow var(--transition-base) var(--timing);
}
.suvo.is-shrunk { box-shadow: var(--depth-md); }
.suvo-topbar { background: var(--main-color); }
.suvo-topbar-inner {
  max-width: calc(var(--max-width) + 2 * var(--inset-desktop));
  margin-inline: auto;
  padding: 6px var(--inset-desktop);
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--spacing-md);
}
.suvo-info { font-size: var(--type-micro); color: var(--color-text-soft-x); letter-spacing: 0.02em; }
.suvo-auth { display: flex; gap: var(--gap-sm); align-items: center; flex-shrink: 0; }
.suvo-auth-btn {
  white-space: nowrap;
  flex-shrink: 0;
  display: inline-flex; align-items: center;
  font-family: var(--display-font);
  font-weight: var(--weight-bold);
  font-size: var(--type-micro);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  padding-inline: var(--gutter-lg);
  height: 34px;
  border-radius: var(--round-md);
  transition: background var(--duration-fast), color var(--duration-fast);
}
.suvo-auth-btn--login-x {
  background: transparent;
  border: 1px solid var(--foreground);
  color: var(--foreground);
}
.suvo-auth-btn--login-x:hover { background: var(--foreground); color: var(--main-color); }
.suvo-auth-btn--register-x {
  background: var(--accent);
  border: 1px solid var(--accent);
  color: var(--main-color);
}
.suvo-auth-btn--register-x:hover { background: var(--grad-light); border-color: var(--grad-light); color: var(--main-color); }

.suvo-main-inner {
  max-width: calc(var(--max-width) + 2 * var(--inset-desktop));
  margin-inline: auto;
  padding: 8px var(--inset-desktop);
  min-height: 92px;
  display: flex; align-items: center; gap: var(--gutter-lg);
}
.suvo-logo, .suvo-logo-img { flex-shrink: 0; }
.suvo-logo { display: inline-flex; align-items: center; line-height: 1; }
.suvo-logo-img {
  height: 88px; width: auto; max-width: none;
  transition: height var(--transition-base) var(--timing);
}
.suvo.is-shrunk .suvo-logo-img { height: 68px; }

.suvo-nav { flex: 1; display: flex; justify-content: flex-end; }
.suvo-nav-list {
  display: flex; flex-wrap: nowrap; align-items: center;
  gap: var(--spacing-md);
  list-style: none; margin: 0; padding: 0;
}
.suvo-nav-item { position: relative; }
.suvo-link {
  font-family: var(--body-font);
  font-weight: var(--font-medium);
  font-size: var(--text-sm);
  color: var(--color-text-soft-x);
  white-space: nowrap;
  padding-block: 6px;
  transition: color var(--duration-fast);
}
.suvo-link:hover { color: var(--foreground); }
.suvo-link[aria-current='page'] { color: var(--accent); }
.suvo-more-toggle {
  display: inline-flex; align-items: center; gap: 6px;
  background: transparent; border: 0; cursor: pointer;
  color: var(--color-text-soft-x);
  font-family: var(--body-font); font-weight: var(--font-medium); font-size: var(--text-sm);
}
.suvo-more-toggle:hover { color: var(--foreground); }
.suvo-more-chevron { transition: transform var(--duration-fast); font-size: 0.8em; }
.suvo-more-toggle[aria-expanded='true'] .suvo-more-chevron { transform: rotate(180deg); }
.suvo-more-menu {
  position: absolute; top: calc(100% + 10px); right: 0;
  min-width: 220px; margin: 0; padding: var(--gutter-xs) 0;
  list-style: none;
  background: var(--surface-2);
  border: 1px solid var(--color-line-x);
  border-radius: var(--round-md);
  box-shadow: var(--depth-md);
  z-index: 140;
}
.suvo-more-menu[hidden] { display: none; }
.suvo-more-link {
  display: block; padding: 10px var(--spacing-md);
  color: var(--color-text-soft-x); font-size: var(--text-sm);
  transition: background var(--duration-fast), color var(--duration-fast);
}
.suvo-more-link:hover { background: rgba(255, 255, 255, 0.06); color: var(--accent); }

.suvo-toggle {
  display: none;
  margin-left: auto !important;
  flex-direction: column; justify-content: center; gap: 5px;
  width: 44px; height: 40px; padding: 8px;
  background: transparent; border: 0; cursor: pointer;
}
.suvo-toggle-bar { display: block; width: 100%; height: 2px; background: var(--foreground); border-radius: 2px; }

.suvo-drawer {
  position: fixed; inset: 0; z-index: 200;
  background: var(--surface);
  transform: translateX(100%);
  visibility: hidden;
  transition: transform var(--transition-base) var(--timing), visibility var(--transition-base);
  overflow-y: auto;
}
.suvo-drawer.is-open { transform: translateX(0); visibility: visible; }
.suvo-drawer-close {
  position: absolute; top: 16px; right: 16px;
  width: 44px; height: 44px;
  background: transparent; border: 0; color: var(--foreground);
  font-size: 32px; line-height: 1; cursor: pointer;
}
.suvo-drawer-nav { padding: 88px var(--gutter-lg) var(--gap-2xl); }
.suvo-drawer-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--gap-sm); }
.suvo-drawer-link {
  display: block; padding: 10px 0;
  font-family: var(--display-font); font-weight: var(--weight-bold); font-size: var(--text-h5);
  color: var(--foreground);
}
.suvo-drawer-link:hover { color: var(--accent); }
.suvo-drawer-link[aria-current='page'] { color: var(--accent); }
.suvo-drawer-auth {
  display: flex; gap: var(--gap-sm); margin-top: var(--gutter-lg);
  padding-top: var(--gutter-lg); border-top: 1px solid var(--color-line-x);
}

/* ============ generic section inner width ============ */
.nesylix-inner, .ruboben-inner, .poze-inner, .vyzerym-inner, .diger-inner,
.gilotof-inner, .sitarag-inner, .kefyty, .kusy-inner, .vokugi-inner, .ridot-inner {
  max-width: calc(var(--max-width) + 2 * var(--inset-desktop));
  margin-inline: auto;
  padding-inline: var(--inset-desktop);
}
.mefof-inner, .tigune-inner {
  max-width: calc(var(--max-width) + 2 * var(--inset-desktop));
  margin-inline: auto;
  padding-inline: var(--inset-desktop);
}
/* readable reading column inside full-width prose/legal frames */
.mefof-inner > *:not(.mefof-figure), .tigune-inner > * {
  max-width: var(--measure);
  margin-inline: auto;
}
.mefof-figrow { max-width: none !important; }

/* ============ BREADCRUMB — BREAD-01 ============ */
.kefyty { padding-block: var(--spacing-md); }
.kefyty-list { display: flex; flex-wrap: wrap; align-items: center; gap: var(--gutter-xs); list-style: none; margin: 0; padding: 0; }
.kefyty-item { font-size: var(--text-sm); }
.kefyty-item a { color: var(--color-text-soft-x); }
.kefyty-item a:hover { color: var(--accent); }
.kefyty-item[aria-current='page'] span { color: var(--foreground); }
.kefyty-sep { color: var(--color-text-soft-x); opacity: 0.5; }

/* ============ HERO — HERO-03 (centered compact) ============ */
.nesylix {
  padding-block: var(--gap-3xl);
  background:
    linear-gradient(180deg, rgba(24, 27, 32, 0.72), rgba(30, 33, 41, 0.92)),
    url('/view/tableau-43.webp') center / cover no-repeat;
}
.nesylix-box { max-width: 760px; margin-inline: auto; text-align: center; }
.nesylix-eyebrow {
  display: inline-block;
  font-size: var(--type-micro); text-transform: uppercase; letter-spacing: var(--tracking-wide);
  color: var(--accent); font-weight: var(--weight-bold);
  margin-bottom: var(--spacing-md);
}
.nesylix-title { font-size: var(--text-h1); font-weight: var(--fw-black-x); color: var(--foreground); margin: 0; }
.nesylix-subtitle {
  max-width: 620px; margin: var(--spacing-md) auto var(--gutter-lg);
  font-size: var(--text-h5); color: var(--color-text-soft-x); line-height: var(--line-loose);
}
.nesylix-cta {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 56px; padding-inline: var(--gap-2xl);
  background: var(--gradient-mid); color: #ffffff;
  font-family: var(--display-font); font-weight: var(--weight-bold);
  text-transform: uppercase; letter-spacing: var(--tracking-wide);
  border-radius: var(--round-full);
  transition: transform var(--duration-fast), background var(--duration-fast), color var(--duration-fast);
}
.nesylix-cta:hover { background: var(--accent); color: var(--main-color); transform: translateY(-2px); }
.nesylix-disclaimer { display: block; max-width: 480px; margin: var(--gutter-lg) auto 0; font-size: var(--type-micro); color: var(--color-text-soft-x); }

/* ============ PAGE HEADER — PHEAD-06 ============ */
.ruboben { padding-block: var(--gap-2xl); }
.ruboben-rule { display: block; width: 44px; height: 2px; background: var(--accent); margin-bottom: var(--spacing-md); }
.ruboben-title { font-size: var(--text-h1); font-weight: var(--fw-black-x); color: var(--foreground); margin: 0; }
.ruboben-desc { max-width: 680px; margin-top: var(--spacing-md); font-size: var(--text-h5); font-style: italic; color: var(--color-text-soft-x); }

/* ============ PROSE — PROSE-03 (bordered sidebar notes) ============ */
.mefof { padding-block: var(--section-pad-x); }
.mefof h2 { font-size: var(--size-h2); font-weight: var(--weight-bold); color: var(--foreground); margin: var(--gap-xl) 0 var(--spacing-md); }
.mefof h2:first-child { margin-top: 0; }
.mefof h3 { font-size: var(--type-h3); font-weight: var(--weight-bold); color: var(--foreground); margin: var(--gutter-lg) 0 var(--gap-sm); }
.mefof p {
  padding-left: var(--gutter-lg);
  border-left: 3px solid var(--accent);
  font-size: var(--type-body); line-height: var(--line-loose);
  color: var(--color-text-soft-x);
  margin-block: var(--spacing-md);
}
.mefof p strong { color: var(--foreground); font-weight: var(--weight-bold); }
.mefof p a, .mefof li a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.mefof-list { padding-left: calc(var(--gutter-lg) + 18px); margin-block: var(--spacing-md); color: var(--color-text-soft-x); }
.mefof-list li { margin-block: var(--gutter-xs); line-height: var(--line-loose); }
.mefof-figrow { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--spacing-md); }
.mefof-figure { margin: 0; }
.mefof-figure img { width: 100%; border-radius: var(--round-md); }

/* ============ ITEMS GRID — GRID-07 (editorial list) ============ */
.poze { padding-block: var(--section-pad-x); }
.poze-heading { font-size: var(--size-h2); font-weight: var(--weight-bold); color: var(--foreground); margin: 0 0 var(--gutter-lg); }
.poze-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--gutter-lg); }
.poze-item-title { font-size: var(--type-h3); font-weight: var(--weight-bold); color: var(--foreground); margin: 0 0 var(--gutter-xs); }
.poze-item-divider { display: block; width: 60px; height: 2px; background: var(--accent); margin-bottom: var(--gap-sm); }
.poze-item-text { font-size: var(--type-body); line-height: var(--line-loose); color: var(--color-text-soft-x); margin: 0; }

/* ============ TABLE — TABLE-07 (two-tone columns) ============ */
.vyzerym { padding-block: var(--section-pad-x); }
.vyzerym-heading { font-size: var(--size-h2); font-weight: var(--weight-bold); color: var(--foreground); margin: 0 0 var(--gutter-lg); }
.vyzerym-scroll { overflow-x: auto; border-radius: var(--round-md); border: 1px solid var(--color-line-x); }
.vyzerym table { width: 100%; border-collapse: collapse; background: var(--surface-2); min-width: 520px; }
.vyzerym thead { background: var(--main-color); }
.vyzerym th {
  font-family: var(--body-font); font-weight: var(--weight-bold); text-transform: uppercase;
  font-size: var(--text-sm); letter-spacing: var(--tracking-wide); color: var(--accent);
  padding: var(--spacing-md); text-align: left;
}
.vyzerym td { padding: var(--spacing-md); font-size: var(--type-body); color: var(--color-text-soft-x); text-align: left; border-top: 1px solid var(--color-line-x); }
.vyzerym td:nth-child(even) { background: rgba(255, 255, 255, 0.035); }
.vyzerym tbody tr:hover { background: rgba(255, 255, 255, 0.05); }

/* ============ REVIEWS — REV-10 (minimal underlined) ============ */
.diger { padding-block: var(--section-pad-x); }
.diger-heading { font-size: var(--size-h2); font-weight: var(--weight-bold); color: var(--foreground); margin: 0 0 var(--gutter-lg); }
.diger-list { list-style: none; margin: 0; padding: 0; }
.diger-item { padding-block: var(--spacing-md); border-bottom: 1px dotted rgba(255, 255, 255, 0.22); }
.diger-head { display: flex; align-items: baseline; gap: var(--gap-sm); margin-bottom: var(--gutter-xs); }
.diger-author { font-size: var(--type-body); font-weight: var(--weight-bold); color: var(--foreground); }
.diger-rating { font-size: var(--text-sm); color: var(--accent); font-weight: var(--font-medium); }
.diger-text { margin: 0; font-size: var(--type-body); line-height: var(--line-loose); color: var(--color-text-soft-x); }

/* ============ FAQ — FAQ-04 (side-numbered accordion) ============ */
.gilotof { padding-block: var(--section-pad-x); }
.gilotof-heading { font-size: var(--size-h2); font-weight: var(--weight-bold); color: var(--foreground); margin: 0 0 var(--gutter-lg); }
.gilotof-list { margin: 0; }
.gilotof-item { border-bottom: 1px solid var(--color-line-x); }
.gilotof-item-grid { display: grid; grid-template-columns: 56px 1fr; }
.gilotof-number { font-family: var(--display-font); font-weight: var(--weight-bold); font-size: var(--text-h4); color: var(--accent); align-self: center; }
.gilotof-dt { margin: 0; }
.gilotof-question {
  width: 100%; display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-md);
  background: transparent; border: 0; cursor: pointer; text-align: left;
  padding: var(--spacing-md) 0;
  font-family: var(--display-font); font-weight: var(--weight-bold); font-size: var(--text-h5); color: var(--foreground);
}
.gilotof-q-text { flex: 1; }
.gilotof-icon { font-size: 1.4em; color: var(--accent); transition: transform var(--duration-fast); line-height: 1; }
.gilotof-question[aria-expanded='true'] .gilotof-icon { transform: rotate(45deg); }
.gilotof-answer { padding: 0 0 var(--spacing-md); }
.gilotof-answer[hidden] { display: none; }
.gilotof-answer p { margin: 0; font-size: var(--type-body); line-height: var(--line-loose); color: var(--color-text-soft-x); }

/* ============ CTA — CTA-09 (eyebrow + h2 + text) ============ */
.sitarag { padding-block: var(--section-pad-x); }
.sitarag-eyebrow { display: block; font-size: var(--type-micro); text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--accent); margin-bottom: var(--gutter-xs); }
.sitarag-title { font-size: var(--size-h2); font-weight: var(--weight-bold); color: var(--foreground); margin: 0; }
.sitarag-text { max-width: 580px; margin: var(--spacing-md) 0 var(--gutter-lg); font-size: var(--type-body); line-height: var(--line-loose); color: var(--color-text-soft-x); }
.sitarag-button {
  display: inline-flex; align-items: center; min-height: 52px; padding-inline: var(--gap-2xl);
  background: var(--gradient-mid); color: #ffffff;
  font-family: var(--display-font); font-weight: var(--weight-bold); text-transform: uppercase; letter-spacing: var(--tracking-wide);
  border-radius: var(--round-full); transition: background var(--duration-fast), color var(--duration-fast);
}
.sitarag-button:hover { background: var(--accent); color: var(--main-color); }

/* ============ AUTHOR BYLINE — BYLINE-07 ============ */
.ratebu { max-width: var(--measure); margin: var(--gap-2xl) auto 0; padding-inline: var(--inset-desktop); }
.ratebu-inner { background: var(--surface-2); border: 1px solid var(--color-line-x); border-radius: var(--round-md); padding: var(--gutter-lg); box-shadow: var(--shade-sm); }
.ratebu-head { display: flex; align-items: center; gap: var(--spacing-md); }
.ratebu-portrait { width: 72px; height: 72px; border-radius: var(--circle); object-fit: cover; object-position: center top; flex-shrink: 0; }
.ratebu-meta { display: flex; flex-direction: column; gap: 2px; }
.ratebu-eyebrow { font-size: var(--type-micro); text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--accent); }
.ratebu-name { font-family: var(--display-font); font-weight: var(--weight-bold); font-size: var(--text-h5); color: var(--foreground); }
.ratebu-role { font-size: var(--text-sm); color: var(--color-text-soft-x); }
.ratebu-bio { margin: var(--spacing-md) 0; font-size: var(--type-body); line-height: var(--line-loose); color: var(--color-text-soft-x); }
.ratebu-tags { display: flex; flex-wrap: wrap; gap: var(--gutter-xs); margin-bottom: var(--spacing-md); }
.ratebu-tag { font-size: var(--type-micro); text-transform: uppercase; letter-spacing: 0.04em; background: var(--main-color); color: var(--color-text-soft-x); padding: 4px 12px; border-radius: var(--round-full); }
.ratebu-link { font-weight: var(--weight-bold); color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }

/* ============ AUTHOR CARD — AUTH-05 + articles ============ */
.vaketib { padding-block: var(--section-pad-x); max-width: var(--measure); margin-inline: auto; padding-inline: var(--inset-desktop); }
.vaketib-inner { display: flex; gap: var(--gutter-lg); align-items: flex-start; background: var(--surface-2); border: 1px solid var(--color-line-x); border-radius: var(--round-md); padding: var(--gutter-lg); }
.vaketib-portrait { width: 140px; height: 140px; border-radius: var(--round-md); object-fit: cover; object-position: center top; flex-shrink: 0; }
.vaketib-body { display: flex; flex-direction: column; gap: var(--gap-2xs); }
.vaketib-role { font-size: var(--type-micro); text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--accent); }
.vaketib-name { font-family: var(--display-font); font-weight: var(--weight-bold); font-size: var(--type-h3); color: var(--foreground); }
.vaketib-bio { margin: var(--gutter-xs) 0 0; font-size: var(--type-body); line-height: var(--line-loose); color: var(--color-text-soft-x); }
.vaketib-tags { display: flex; flex-wrap: wrap; gap: var(--gutter-xs); margin-top: var(--spacing-md); }
.vaketib-tag { font-size: var(--type-micro); background: var(--main-color); color: var(--color-text-soft-x); padding: 4px 12px; border-radius: var(--round-full); }
.vaketib-articles { margin-top: var(--gap-xl); }
.vaketib-articles-heading { font-size: var(--text-h4); font-weight: var(--weight-bold); color: var(--foreground); margin: 0 0 var(--spacing-md); }
.vaketib-articles-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--gutter-xs); }
.vaketib-articles-item a { color: var(--color-text-soft-x); text-decoration: none; border-bottom: 1px solid transparent; }
.vaketib-articles-item a:hover { color: var(--accent); border-bottom-color: var(--accent); }

/* ============ LEGAL — LEGAL-08 (minimal plain) ============ */
.tigune { padding-block: var(--section-pad-x); }
.tigune-intro { font-size: var(--text-h5); line-height: var(--line-loose); color: var(--color-text-soft-x); margin-bottom: var(--gutter-lg); }
.tigune-section { margin-bottom: var(--gap-xl); }
.tigune h2 { font-size: var(--type-h3); font-weight: var(--weight-bold); color: var(--foreground); margin: var(--gutter-lg) 0 var(--gap-sm); }
.tigune p { font-size: var(--type-body); line-height: var(--line-loose); color: var(--color-text-soft-x); margin-block: var(--gap-sm); }
.tigune-support { margin-top: var(--gutter-lg); }
.tigune-support ul { list-style: disc; padding-left: var(--gutter-lg); color: var(--color-text-soft-x); }
.tigune-support li { margin-block: var(--gutter-xs); }
.tigune-disclaimer { display: block; margin-top: var(--gap-xl); font-size: var(--text-sm); color: var(--color-text-soft-x); }

/* ============ CONTACT FORM — FORM-02 ============ */
.vokugi { padding-block: var(--section-pad-x); }
.vokugi-inner { display: grid; grid-template-columns: 1fr 1.6fr; gap: var(--gap-xl); }
.vokugi-left { background: rgba(255, 255, 255, 0.03); border: 1px solid var(--color-line-x); border-radius: var(--round-md); padding: var(--gutter-lg); }
.vokugi-left h2 { font-size: var(--type-h3); font-weight: var(--weight-bold); color: var(--foreground); margin: 0 0 var(--spacing-md); }
.vokugi-intro { font-size: var(--type-body); line-height: var(--line-loose); color: var(--color-text-soft-x); margin-bottom: var(--gutter-lg); }
.vokugi-contact-info { display: flex; flex-direction: column; gap: var(--gap-sm); }
.vokugi-method { font-size: var(--text-sm); color: var(--color-text-soft-x); }
.vokugi-method strong { color: var(--foreground); margin-right: 6px; }
.vokugi-method a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.vokugi-success { display: none; padding: var(--spacing-md); background: rgba(46, 160, 90, 0.16); border: 1px solid rgba(46, 160, 90, 0.42); color: var(--foreground); border-radius: var(--round-md); margin-bottom: var(--spacing-md); }
.vokugi-success.is-visible { display: block; }
.vokugi-form { background: var(--surface-2); border: 1px solid var(--color-line-x); border-radius: var(--round-md); padding: var(--gutter-lg); display: flex; flex-direction: column; gap: var(--spacing-md); }
.vokugi-field { display: flex; flex-direction: column; gap: var(--gutter-xs); }
.vokugi-label { font-size: var(--text-sm); font-weight: var(--font-medium); text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--foreground); }
.vokugi-input, .vokugi-textarea {
  font-family: var(--body-font); font-size: var(--type-body); color: var(--foreground);
  background: var(--surface); border: 1px solid var(--color-line-x); border-radius: var(--round-md);
  padding: 12px var(--spacing-md);
}
.vokugi-input { height: 48px; }
.vokugi-textarea { min-height: 130px; resize: vertical; }
.vokugi-input:focus, .vokugi-textarea:focus { outline: none; border-color: var(--accent); }
.vokugi-submit {
  align-self: flex-start; height: 50px; padding-inline: var(--gap-2xl);
  background: var(--accent); color: var(--main-color);
  font-family: var(--display-font); font-weight: var(--weight-bold); text-transform: uppercase; letter-spacing: var(--tracking-wide);
  border: 0; border-radius: var(--round-md); cursor: pointer; transition: background var(--duration-fast), color var(--duration-fast);
}
.vokugi-submit:hover { background: var(--grad-light); color: var(--main-color); }

/* ============ ERROR — ERR-05 ============ */
.kusy { padding-block: var(--gap-3xl); }
.kusy-inner { display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--gutter-lg); }
.kusy-code { font-family: var(--display-font); font-weight: var(--fw-black-x); font-size: clamp(4rem, 16vw, 9rem); color: var(--accent); line-height: 1; }
.kusy-title { font-size: var(--size-h2); font-weight: var(--weight-bold); color: var(--foreground); max-width: 720px; margin: 0; }
.kusy-text { font-size: var(--text-h5); color: var(--color-text-soft-x); max-width: 600px; margin: 0; }
.kusy-button {
  display: inline-flex; align-items: center; min-height: 52px; padding-inline: var(--gap-2xl);
  background: var(--gradient-mid); color: #ffffff;
  font-family: var(--display-font); font-weight: var(--weight-bold); text-transform: uppercase; letter-spacing: var(--tracking-wide);
  border-radius: var(--round-full); transition: background var(--duration-fast), color var(--duration-fast);
}
.kusy-button:hover { background: var(--accent); color: var(--main-color); }

/* ============ COOKIE — COOK-07 (discrete toast) ============ */
.minuxo {
  position: fixed; right: 20px; bottom: 20px; z-index: 150;
  max-width: 340px;
}
.minuxo[hidden] { display: none; }
.minuxo-inner {
  background: var(--surface-2);
  border-left: 4px solid var(--accent);
  border-radius: var(--round-md);
  box-shadow: var(--depth-md);
  padding: var(--spacing-md);
}
.minuxo-text { margin: 0 0 var(--gap-sm); font-size: var(--text-sm); line-height: var(--line-normal); color: var(--color-text-soft-x); }
.minuxo-actions { display: flex; gap: var(--gap-sm); }
.minuxo-btn {
  font-family: var(--display-font); font-weight: var(--weight-bold); font-size: var(--type-micro);
  text-transform: uppercase; letter-spacing: var(--tracking-wide);
  padding: 8px 16px; border-radius: var(--round-md); cursor: pointer; border: 1px solid var(--color-line-x);
}
.minuxo-btn--accept-x { background: var(--accent); color: var(--main-color); border-color: var(--accent); }
.minuxo-btn--accept-x:hover { background: var(--grad-light); border-color: var(--grad-light); color: var(--main-color); }
.minuxo-btn--decline-x { background: transparent; color: var(--color-text-soft-x); }
.minuxo-btn--decline-x:hover { color: var(--foreground); border-color: var(--foreground); }

/* ============ FOOTER — FOOT-05 (four-column) ============ */
.ridot { background: var(--main-color); margin-top: var(--gap-2xl); border-top: 1px solid var(--color-line-x); }
.ridot-inner { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: var(--gap-xl); padding-block: var(--gap-2xl); }
.ridot-logo { display: inline-flex; }
.ridot-logo-img { height: 68px; width: auto; }
.ridot-tagline { margin: var(--spacing-md) 0 0; font-size: var(--text-sm); line-height: var(--line-loose); color: var(--color-text-soft-x); max-width: 340px; }
.ridot-heading { font-family: var(--display-font); font-weight: var(--weight-bold); font-size: var(--text-sm); text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--foreground); margin: 0 0 var(--spacing-md); }
.ridot-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--gutter-xs); }
.ridot-list a { font-size: var(--text-sm); color: var(--color-text-soft-x); }
.ridot-list a:hover { color: var(--accent); }
.ridot-bottom {
  border-top: 1px solid var(--color-line-x);
  max-width: calc(var(--max-width) + 2 * var(--inset-desktop)); margin-inline: auto; padding: var(--spacing-md) var(--inset-desktop);
  display: flex; flex-wrap: wrap; gap: var(--gap-sm); align-items: center; justify-content: space-between;
}
.ridot-copyright { font-size: var(--text-sm); color: var(--color-text-soft-x); }
.ridot-note { font-size: var(--type-micro); color: var(--color-text-soft-x); opacity: 0.85; }

/* ============ structural helpers (grid parents / wrappers) ============ */
.suvo-main { display: block; }
.suvo-nav-item--more { position: relative; }
.mefof--figures { padding-top: 0; }
.poze-item { margin: 0; }
.vokugi-right { display: flex; flex-direction: column; }
.ridot-col { min-width: 0; }
.ridot-col--brand { max-width: 380px; }
.ridot-col--nav, .ridot-col--help, .ridot-col--legal { display: block; }

/* ============ BP-02 responsive ============ */
@media (max-width: 1099px) {
  body { padding-top: calc(var(--header-h-mobile-x) + var(--rg-h-x)); }
  .suvo-topbar { display: none; }
  .suvo-main-inner { min-height: var(--header-h-mobile-x); padding-inline: var(--gutter-mobile); }
  .suvo-logo-img { height: 60px; }
  .suvo.is-shrunk .suvo-logo-img { height: 52px; }
  .suvo-nav { display: none; }
  .suvo-toggle { display: flex; }
  .vokugi-inner { grid-template-columns: 1fr; }
  .ridot-inner { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
  :root { --section-pad-x: 44px; }
  .suvo-topbar-inner, .suvo-main-inner, .nesylix-inner, .ruboben-inner, .poze-inner,
  .vyzerym-inner, .diger-inner, .gilotof-inner, .sitarag-inner, .kefyty, .kusy-inner,
  .vokugi-inner, .ridot-inner, .mefof-inner, .tigune-inner, .ratebu, .vaketib {
    padding-inline: var(--gutter-mobile);
  }
  .ridot-inner { grid-template-columns: 1fr; gap: var(--gutter-lg); }
  .vaketib-inner { flex-direction: column; align-items: center; text-align: center; }
  .gilotof-item-grid { grid-template-columns: 40px 1fr; }
  .nesylix { padding-block: var(--gap-2xl); }
  .minuxo { left: 12px; right: 12px; max-width: none; }
  .minuxo-inner { padding: 12px 14px; }
  .minuxo-text { font-size: 13px; line-height: 1.35; }
  .minuxo-btn { padding: 8px 14px; font-size: 12px; min-height: 36px; }
}