:root {
  color-scheme: light;
  --bg: #f1f5f8;
  --surface: #ffffff;
  --surface-2: #f7f9fb;
  --surface-3: #eef0f3;
  --text: #15171b;
  --text-soft: #626975;
  --text-faint: #9399a4;
  --border: #e1e4e9;
  --border-strong: #cfd4dc;
  --accent: #ff8a00;
  --accent-2: #ffb000;
  --accent-deep: #f06400;
  --accent-hover: #f27600;
  --accent-soft: rgba(255, 138, 0, .12);
  --success: #1f9d6b;
  --warning: #d78b13;
  --info: #2878d4;
  --shadow: 0 12px 40px rgba(20, 23, 30, .08);
  --shadow-lg: 0 30px 80px rgba(20, 23, 30, .18);
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --sidebar: 264px;
  --topbar: 74px;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0c0e12;
  --surface: #14171c;
  --surface-2: #191d23;
  --surface-3: #20252d;
  --text: #f4f5f7;
  --text-soft: #a7adb7;
  --text-faint: #747b86;
  --border: #252b34;
  --border-strong: #343c48;
  --accent-soft: rgba(255, 138, 0, .17);
  --shadow: 0 15px 45px rgba(0, 0, 0, .25);
  --shadow-lg: 0 35px 90px rgba(0, 0, 0, .46);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  line-height: 1.55;
  min-width: 320px;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button { color: inherit; }
img { max-width: 100%; }
::selection { background: rgba(255,138,0,.24); }

.app-shell { min-height: 100vh; }
.topbar {
  position: fixed;
  z-index: 50;
  inset: 0 0 auto 0;
  height: var(--topbar);
  display: grid;
  grid-template-columns: var(--sidebar) minmax(240px, 680px) 1fr;
  align-items: center;
  gap: 24px;
  padding: 0 28px 0 24px;
  background: color-mix(in srgb, var(--surface) 92%, transparent);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--border);
}
.brand { display: inline-flex; align-items: center; gap: 11px; width: max-content; }
.brand-mark {
  display: grid; place-items: center;
  width: 38px; height: 38px;
  border-radius: 10px 3px 10px 3px;
  background: linear-gradient(135deg, var(--accent-2), var(--accent-deep));
  color: #fff;
  font-weight: 900;
  font-size: 23px;
  transform: skew(-5deg);
  box-shadow: 10px 8px 0 var(--accent-soft);
}
.brand-copy { display: flex; flex-direction: column; line-height: 1; }
.brand-copy strong { font-size: 17px; letter-spacing: .08em; }
.brand-copy small { margin-top: 5px; font-size: 9px; letter-spacing: .28em; color: var(--text-soft); }
.search-trigger {
  width: min(100%, 680px);
  min-width: 0;
  height: 44px;
  border: 1px solid var(--border);
  background: var(--surface-2);
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
  color: var(--text-soft);
  cursor: pointer;
  transition: .18s ease;
}
.search-trigger:hover { border-color: var(--border-strong); background: var(--surface); box-shadow: 0 5px 18px rgba(0,0,0,.05); }
.search-trigger span:nth-child(2) { flex: 1; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.search-icon { font-size: 23px; line-height: 1; transform: rotate(-15deg); }
kbd, .key-button { border: 1px solid var(--border-strong); background: var(--surface); box-shadow: 0 2px 0 var(--border); border-radius: 6px; padding: 2px 7px; font-size: 11px; color: var(--text-soft); }
.topbar-actions { justify-self: end; display: flex; align-items: center; gap: 8px; }
.text-button, .icon-button, .primary-button, .secondary-button, .ghost-button {
  border: 0; cursor: pointer; transition: .18s ease; display: inline-flex; align-items: center; justify-content: center;
}
.text-button { padding: 10px 12px; color: var(--text-soft); font-weight: 650; }
.text-button:hover { color: var(--text); }
.icon-button { width: 42px; height: 42px; background: var(--surface-2); border: 1px solid var(--border); border-radius: 12px; }
.icon-button:hover { border-color: var(--border-strong); transform: translateY(-1px); }
.primary-button { min-height: 44px; padding: 0 18px; border-radius: 12px 4px 12px 4px; background: linear-gradient(135deg, var(--accent-2), var(--accent-deep)); color: #fff; font-weight: 800; box-shadow: 0 10px 26px rgba(255,138,0,.25); }
.primary-button:hover { background: linear-gradient(135deg, #ffc129, var(--accent-hover)); transform: translateY(-1px); box-shadow: 0 13px 32px rgba(255,138,0,.34); }
.primary-button.compact { min-height: 42px; padding-inline: 17px; }
.secondary-button { min-height: 44px; padding: 0 17px; border-radius: 12px; background: var(--surface); border: 1px solid var(--border); font-weight: 750; }
.secondary-button:hover { border-color: var(--border-strong); transform: translateY(-1px); }
.ghost-button { background: transparent; min-height: 40px; padding: 0 13px; border-radius: 10px; color: var(--text-soft); }
.ghost-button:hover { background: var(--surface-3); color: var(--text); }

.sidebar {
  position: fixed; z-index: 40;
  top: var(--topbar); bottom: 0; left: 0;
  width: var(--sidebar);
  background: var(--surface);
  border-right: 1px solid var(--border);
}
.sidebar-scroll { height: 100%; overflow-y: auto; padding: 22px 16px 28px; }
.nav-section-title { padding: 0 12px 9px; color: var(--text-faint); font-size: 10px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.main-nav { display: grid; gap: 4px; }
.nav-link { display: flex; align-items: center; gap: 12px; height: 44px; padding: 0 12px; border-radius: 11px; color: var(--text-soft); font-weight: 680; font-size: 14px; }
.nav-link:hover { color: var(--text); background: var(--surface-2); }
.nav-link.active { background: var(--accent-soft); color: var(--accent); }
.nav-icon { width: 23px; height: 23px; display: grid; place-items: center; font-weight: 900; }
.nav-separator { height: 1px; background: var(--border); margin: 16px 8px; }
.sidebar-card { margin: 24px 2px 0; padding: 17px; border-radius: var(--radius); background: linear-gradient(145deg, var(--surface-2), var(--surface-3)); border: 1px solid var(--border); }
.sidebar-card strong { display: block; margin: 6px 0 8px; font-size: 14px; }
.sidebar-card p { margin: 0 0 10px; color: var(--text-soft); font-size: 12px; }
.sidebar-card a { color: var(--accent); font-size: 12px; font-weight: 800; }
.eyebrow { color: var(--accent); font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }

.main { min-height: 100vh; padding: calc(var(--topbar) + 38px) 44px 80px calc(var(--sidebar) + 44px); outline: 0; }
.page { width: min(1260px, 100%); margin: 0 auto; }
.page-narrow { width: min(900px, 100%); margin: 0 auto; }
.breadcrumbs { display: flex; gap: 7px; align-items: center; color: var(--text-faint); font-size: 13px; margin-bottom: 18px; }
.breadcrumbs a:hover { color: var(--accent); }
.page-header { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.page-title { margin: 0; font-size: clamp(32px, 4vw, 52px); line-height: 1.02; letter-spacing: -.045em; }
.page-subtitle { max-width: 720px; margin: 12px 0 0; color: var(--text-soft); font-size: 17px; }
.page-meta { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; color: var(--text-soft); font-size: 13px; }
.badge { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 0 10px; border-radius: 999px; background: var(--surface-3); color: var(--text-soft); font-size: 11px; font-weight: 800; }
.badge.red { background: var(--accent-soft); color: var(--accent); }
.badge.success { background: rgba(31,157,107,.12); color: var(--success); }
.badge.warning { background: rgba(215,139,19,.12); color: var(--warning); }

.hero {
  position: relative;
  overflow: hidden;
  min-height: 440px;
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(320px, .82fr);
  gap: 20px;
  border-radius: 28px 8px 28px 8px;
  background: linear-gradient(135deg, #111318 0%, #17130e 58%, #21170c 100%);
  color: #fff;
  padding: clamp(32px, 5vw, 64px);
  box-shadow: var(--shadow);
}
.hero::before { content:""; position:absolute; inset:0; background: linear-gradient(110deg, rgba(0,0,0,.05), rgba(0,0,0,.42)), repeating-linear-gradient(122deg, transparent 0 70px, rgba(255,255,255,.025) 71px 72px); }
.hero::after { content:""; position:absolute; width:460px; height:460px; right:-90px; top:-130px; border-radius: 42% 58% 60% 40% / 44% 36% 64% 56%; background: radial-gradient(circle at 35% 35%, #ffd45c, var(--accent-2) 34%, var(--accent) 58%, #f05b00 82%); transform: rotate(-18deg); box-shadow: 0 0 120px rgba(255,138,0,.30); }
.hero-content { position: relative; z-index: 2; align-self: center; max-width: 700px; }
.hero-kicker { display: inline-flex; align-items:center; gap:8px; margin-bottom: 22px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; background: rgba(255,255,255,.07); font-size: 11px; letter-spacing:.08em; font-weight:800; text-transform: uppercase; }
.hero-kicker::before { content:""; width:7px; height:7px; border-radius:50%; background:#5be19b; box-shadow:0 0 14px #5be19b; }
.hero h1 { max-width: 760px; margin: 0; font-size: clamp(42px, 6.4vw, 82px); line-height: .94; letter-spacing: -.06em; }
.hero h1 em { color: var(--accent-2); font-style: normal; text-shadow: 0 0 36px rgba(255,138,0,.22); }
.hero p { max-width: 620px; margin: 22px 0 0; color: rgba(255,255,255,.66); font-size: 17px; }
.hero-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 30px; }
.hero .secondary-button { color: #fff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.16); }
.hero-visual { position:relative; z-index:2; display:flex; align-items:center; justify-content:center; min-height:300px; }
.r-emblem { position:relative; display:grid; place-items:center; width:min(320px, 80%); aspect-ratio:1; border: 1px solid rgba(255,255,255,.11); border-radius: 50%; }
.r-emblem::before, .r-emblem::after { content:""; position:absolute; border-radius:50%; border:1px solid rgba(255,255,255,.08); }
.r-emblem::before { inset:17%; }
.r-emblem::after { inset:32%; }
.r-emblem span { font-size: clamp(90px, 13vw, 190px); font-weight: 950; line-height: 1; transform: skew(-8deg); text-shadow: 16px 14px 0 rgba(0,0,0,.28); }
.floating-stat { position:absolute; z-index:3; padding:13px 15px; border:1px solid rgba(255,255,255,.12); background:rgba(15,17,22,.72); backdrop-filter: blur(10px); border-radius:12px 4px 12px 4px; box-shadow:0 15px 40px rgba(0,0,0,.2); }
.floating-stat strong { display:block; font-size:20px; }
.floating-stat small { color:rgba(255,255,255,.55); }
.floating-stat.a { top: 14%; left: 0; }
.floating-stat.b { right: -5%; bottom: 15%; }

.section-block { margin-top: 46px; }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:18px; }
.section-heading h2 { margin:0; font-size: clamp(24px, 3vw, 34px); letter-spacing:-.035em; }
.section-heading p { margin:6px 0 0; color:var(--text-soft); }
.section-link { color:var(--accent); font-weight:800; font-size:13px; }
.card-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px; }
.category-card { position:relative; min-height:175px; padding:22px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; transition:.2s ease; }
.category-card:hover { transform:translateY(-3px); border-color:var(--border-strong); box-shadow:var(--shadow); }
.category-card::after { content:""; position:absolute; width:110px; height:110px; right:-55px; top:-55px; background:var(--accent-soft); border-radius:50%; }
.category-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:12px 4px 12px 4px; background:var(--accent-soft); color:var(--accent); font-size:19px; font-weight:900; }
.category-card h3 { margin:22px 0 5px; font-size:18px; }
.category-card p { margin:0; color:var(--text-soft); font-size:14px; }
.category-meta { display:inline-block; margin-top:16px; color:var(--text-faint); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }

.feature-layout { display:grid; grid-template-columns: 1.25fr .75fr; gap:14px; }
.panel { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); box-shadow: 0 1px 0 rgba(255,255,255,.04); }
.panel-pad { padding:24px; }
.article-list { display:grid; }
.article-row { display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:14px; align-items:center; min-height:82px; padding:14px 18px; border-bottom:1px solid var(--border); }
.article-row:last-child { border-bottom:0; }
.article-row:hover { background:var(--surface-2); }
.article-row-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:11px; background:var(--surface-3); color:var(--accent); font-weight:900; }
.article-row strong { display:block; font-size:14px; }
.article-row p { margin:3px 0 0; color:var(--text-soft); font-size:12px; }
.article-row-meta { text-align:right; color:var(--text-faint); font-size:11px; }
.update-card { padding:26px; min-height:100%; background:linear-gradient(145deg, var(--surface), var(--surface-2)); }
.update-card .version { color:var(--accent); font-weight:900; font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
.update-card h3 { margin:12px 0 8px; font-size:24px; line-height:1.1; letter-spacing:-.03em; }
.update-card p { color:var(--text-soft); font-size:14px; }
.update-card ul { padding-left:18px; color:var(--text-soft); font-size:13px; }

.filters { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-bottom:18px; }
.filter-search { flex:1 1 260px; min-width:200px; }
.input, .select { width:100%; min-height:44px; border:1px solid var(--border); border-radius:11px; background:var(--surface); color:var(--text); padding:0 13px; outline:none; }
.input:focus, .select:focus { border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }
.select { width:auto; min-width:150px; }
.vehicle-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.vehicle-card { overflow:hidden; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); transition:.2s ease; }
.vehicle-card:hover { transform:translateY(-3px); box-shadow:var(--shadow); border-color:var(--border-strong); }
.vehicle-visual { position:relative; height:165px; padding:18px; background:linear-gradient(135deg, color-mix(in srgb, var(--vehicle-accent) 30%, #12151a), #12151a 74%); color:#fff; overflow:hidden; }
.vehicle-visual::before { content:""; position:absolute; width:220px; height:220px; border:1px solid rgba(255,255,255,.10); border-radius:50%; right:-70px; top:-80px; }
.vehicle-visual::after { content:""; position:absolute; left:20px; right:20px; bottom:28px; height:28px; border-radius:18px 40px 10px 10px; background:linear-gradient(90deg, rgba(255,255,255,.15), rgba(255,255,255,.42), rgba(255,255,255,.14)); box-shadow: -20px 17px 0 -8px rgba(255,255,255,.25), 20px 17px 0 -8px rgba(255,255,255,.25); transform:skew(-8deg); }
.vehicle-class { position:relative; z-index:2; font-size:10px; letter-spacing:.12em; text-transform:uppercase; font-weight:900; color:rgba(255,255,255,.65); }
.vehicle-monogram { position:absolute; z-index:1; right:20px; top:35px; font-size:60px; line-height:1; font-weight:950; color:rgba(255,255,255,.08); }
.vehicle-card-body { padding:18px; }
.vehicle-card h3 { margin:0 0 12px; font-size:17px; }
.stat-row { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:12px 0; border-block:1px solid var(--border); }
.stat-row div { min-width:0; }
.stat-row small { display:block; color:var(--text-faint); font-size:9px; text-transform:uppercase; letter-spacing:.07em; }
.stat-row strong { display:block; margin-top:3px; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.vehicle-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:14px; }
.price { font-size:17px; font-weight:900; }
.compare-toggle { display:inline-flex; align-items:center; gap:7px; color:var(--text-soft); font-size:11px; cursor:pointer; }
.compare-toggle input { accent-color:var(--accent); }
.empty-state { padding:60px 24px; text-align:center; background:var(--surface); border:1px dashed var(--border-strong); border-radius:var(--radius); }
.empty-state strong { display:block; font-size:18px; }
.empty-state p { color:var(--text-soft); }

.detail-hero { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px; }
.detail-visual { min-height:360px; border-radius:var(--radius); background:linear-gradient(135deg, color-mix(in srgb, var(--detail-accent) 34%, #12151a), #111318 72%); position:relative; overflow:hidden; color:#fff; padding:28px; }
.detail-visual::before { content:""; position:absolute; width:420px; height:420px; border-radius:50%; border:1px solid rgba(255,255,255,.09); right:-100px; top:-140px; box-shadow:0 0 0 60px rgba(255,255,255,.025); }
.detail-visual::after { content:""; position:absolute; left:12%; right:12%; bottom:64px; height:52px; border-radius:24px 65px 16px 14px; background:linear-gradient(90deg, rgba(255,255,255,.16), rgba(255,255,255,.56), rgba(255,255,255,.16)); box-shadow: -46px 34px 0 -17px rgba(255,255,255,.28), 48px 34px 0 -17px rgba(255,255,255,.28); transform:skew(-10deg); }
.detail-monogram { position:absolute; font-size:150px; right:30px; top:30px; color:rgba(255,255,255,.06); font-weight:950; line-height:1; }
.detail-summary { padding:30px; }
.detail-summary h1 { margin:9px 0 10px; font-size:clamp(30px,4vw,48px); line-height:1; letter-spacing:-.045em; }
.detail-summary p { color:var(--text-soft); }
.detail-price { margin-top:24px; font-size:30px; font-weight:950; letter-spacing:-.03em; }
.spec-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:22px; }
.spec { padding:17px; border:1px solid var(--border); background:var(--surface-2); border-radius:12px; }
.spec small { display:block; color:var(--text-faint); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.spec strong { display:block; margin-top:5px; font-size:16px; }

.job-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.job-card { display:grid; grid-template-columns:58px minmax(0,1fr) auto; gap:16px; align-items:start; padding:20px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); transition:.2s ease; }
.job-card:hover { transform:translateY(-2px); border-color:var(--border-strong); box-shadow:var(--shadow); }
.job-icon { width:56px; height:56px; display:grid; place-items:center; border-radius:15px 5px 15px 5px; background:var(--accent-soft); color:var(--accent); font-size:23px; font-weight:950; }
.job-card h3 { margin:0 0 4px; font-size:18px; }
.job-card p { margin:0; color:var(--text-soft); font-size:13px; }
.job-tags { display:flex; gap:6px; flex-wrap:wrap; margin-top:13px; }
.job-income { text-align:right; }
.job-income strong { display:block; font-size:17px; }
.job-income small { color:var(--text-faint); font-size:10px; }
.calculator { margin-top:16px; padding:24px; background:linear-gradient(145deg,var(--surface),var(--surface-2)); border:1px solid var(--border); border-radius:var(--radius); }
.calc-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.field label { display:block; margin-bottom:7px; color:var(--text-soft); font-size:12px; font-weight:750; }
.range-value { color:var(--accent); font-weight:900; }
input[type="range"] { width:100%; accent-color:var(--accent); }
.calc-result { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:18px; padding-top:18px; border-top:1px solid var(--border); }
.calc-result strong { font-size:28px; letter-spacing:-.03em; }
.calc-result span { color:var(--text-soft); font-size:12px; }

.faction-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.faction-card { position:relative; overflow:hidden; padding:25px; min-height:230px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); }
.faction-card::after { content:""; position:absolute; width:170px; height:170px; right:-70px; bottom:-70px; border-radius:50%; background:color-mix(in srgb, var(--faction-color) 13%, transparent); }
.faction-symbol { width:48px; height:48px; display:grid; place-items:center; border-radius:14px 5px 14px 5px; background:color-mix(in srgb, var(--faction-color) 14%, transparent); color:var(--faction-color); font-size:20px; font-weight:950; }
.faction-card h3 { margin:18px 0 7px; font-size:22px; }
.faction-card p { color:var(--text-soft); max-width:430px; }
.faction-card footer { position:absolute; left:25px; bottom:22px; right:25px; display:flex; justify-content:space-between; color:var(--text-faint); font-size:11px; }

.article-layout { display:grid; grid-template-columns:minmax(0,1fr) 250px; gap:34px; align-items:start; }
.article-head { margin-bottom:30px; }
.article-head h1 { margin:10px 0 14px; font-size:clamp(34px,5vw,60px); line-height:1; letter-spacing:-.055em; }
.article-head p { max-width:780px; color:var(--text-soft); font-size:18px; }
.article-status { display:flex; gap:8px; flex-wrap:wrap; margin-top:18px; }
.article-content { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:clamp(24px,5vw,54px); }
.article-section + .article-section { margin-top:44px; padding-top:44px; border-top:1px solid var(--border); }
.article-section h2 { margin:0 0 15px; font-size:28px; letter-spacing:-.035em; scroll-margin-top:100px; }
.article-section p { color:var(--text-soft); font-size:16px; }
.article-section ol, .article-section ul { color:var(--text-soft); }
.toc { position:sticky; top:calc(var(--topbar) + 24px); padding:20px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); }
.toc strong { display:block; margin-bottom:12px; font-size:12px; text-transform:uppercase; letter-spacing:.09em; }
.toc a { display:block; padding:8px 10px; margin:2px 0; border-radius:8px; color:var(--text-soft); font-size:13px; }
.toc a:hover, .toc a.active { color:var(--accent); background:var(--accent-soft); }
.toc a.active { font-weight:800; box-shadow:inset 3px 0 0 var(--accent); }
.notice { display:grid; grid-template-columns:90px 1fr; gap:14px; padding:18px; border-radius:12px; margin:20px 0; }
.notice strong { font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.notice.warning { background:rgba(215,139,19,.10); border:1px solid rgba(215,139,19,.25); }
.notice.warning strong { color:var(--warning); }
.steps { list-style:none; padding:0!important; margin:24px 0; }
.steps li { display:grid; grid-template-columns:38px 1fr; gap:14px; margin:16px 0; }
.steps li>span { width:36px; height:36px; display:grid; place-items:center; background:linear-gradient(135deg,var(--accent-2),var(--accent-deep)); color:#fff; border-radius:11px 4px 11px 4px; font-weight:900; }
.steps strong { display:block; color:var(--text); }
.steps p { margin:3px 0 0; font-size:14px; }
.inline-card { display:grid; grid-template-columns:44px 1fr auto; gap:14px; align-items:center; padding:15px; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); }
.inline-card:hover { border-color:var(--accent); }
.inline-card-icon { width:42px; height:42px; display:grid; place-items:center; background:var(--accent-soft); color:var(--accent); border-radius:11px; }
.inline-card small { display:block; color:var(--text-soft); }
.link-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.link-grid a { padding:17px; background:var(--surface-2); border:1px solid var(--border); border-radius:12px; }
.link-grid a:hover { border-color:var(--accent); }
.link-grid strong, .link-grid span { display:block; }
.link-grid span { margin-top:4px; color:var(--text-soft); font-size:12px; }
.check-list { list-style:none; padding:0!important; }
.check-list li { position:relative; padding:10px 0 10px 30px; border-bottom:1px solid var(--border); }
.check-list li::before { content:"✓"; position:absolute; left:0; color:var(--success); font-weight:900; }
.command-list { border:1px solid var(--border); border-radius:12px; overflow:hidden; }
.command-list div { display:grid; grid-template-columns:110px 1fr; gap:10px; padding:12px 15px; border-bottom:1px solid var(--border); }
.command-list div:last-child { border-bottom:0; }
.command-list code { color:var(--accent); font-weight:900; }
.command-list span { color:var(--text-soft); }

.tool-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.tool-card { min-height:210px; padding:23px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); }
.tool-card .tool-icon { width:45px; height:45px; display:grid; place-items:center; background:var(--accent-soft); color:var(--accent); border-radius:12px; font-weight:950; }
.tool-card h3 { margin:20px 0 8px; }
.tool-card p { color:var(--text-soft); font-size:13px; }
.tool-card.disabled { opacity:.58; }

.update-list { display:grid; gap:14px; }
.update-row { display:grid; grid-template-columns:150px 1fr auto; gap:24px; align-items:start; padding:24px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); }
.update-row-date { color:var(--text-faint); font-size:12px; }
.update-row h3 { margin:0 0 6px; font-size:21px; }
.update-row p { margin:0; color:var(--text-soft); }

.search-modal { position:fixed; z-index:100; inset:0; display:none; place-items:start center; padding:9vh 18px 20px; background:rgba(5,7,10,.58); backdrop-filter:blur(8px); }
.search-modal.open { display:grid; }
.search-dialog { width:min(760px,100%); max-height:78vh; overflow:hidden; background:var(--surface); border:1px solid var(--border); border-radius:20px; box-shadow:var(--shadow-lg); }
.search-input-wrap { display:flex; align-items:center; gap:10px; padding:15px 17px; border-bottom:1px solid var(--border); }
.search-input-wrap input { flex:1; min-width:0; border:0; background:transparent; color:var(--text); outline:0; font-size:17px; }
.key-button { cursor:pointer; }
.search-hint { padding:18px; color:var(--text-soft); font-size:13px; }
.search-results { max-height:60vh; overflow:auto; padding:8px; }
.search-group-title { padding:10px 11px 7px; color:var(--text-faint); font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.1em; }
.search-item { display:grid; grid-template-columns:40px 1fr auto; gap:12px; align-items:center; padding:11px; border-radius:11px; }
.search-item:hover { background:var(--surface-2); }
.search-item-icon { width:38px; height:38px; display:grid; place-items:center; background:var(--surface-3); border-radius:10px; color:var(--accent); font-weight:900; }
.search-item strong { display:block; font-size:14px; }
.search-item small { display:block; color:var(--text-soft); }
.search-item-type { color:var(--text-faint); font-size:10px; text-transform:uppercase; }

.compare-bar { position:fixed; z-index:60; left:calc(var(--sidebar) + 24px); right:24px; bottom:20px; display:none; align-items:center; gap:12px; padding:12px 14px; border:1px solid var(--border); background:color-mix(in srgb,var(--surface) 92%,transparent); backdrop-filter:blur(18px); border-radius:15px; box-shadow:var(--shadow-lg); }
.compare-bar.show { display:flex; }
.compare-items { display:flex; gap:8px; flex:1; min-width:0; }
.compare-chip { display:flex; align-items:center; gap:8px; min-width:0; padding:8px 10px; border-radius:9px; background:var(--surface-2); font-size:12px; }
.compare-chip span { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.compare-chip button { border:0; background:transparent; color:var(--text-faint); cursor:pointer; }
.compare-table { width:100%; border-collapse:collapse; background:var(--surface); border-radius:var(--radius); overflow:hidden; }
.compare-table th,.compare-table td { padding:15px; border-bottom:1px solid var(--border); text-align:left; }
.compare-table th { background:var(--surface-2); }
.compare-table td:first-child { color:var(--text-soft); }

.toast { position:fixed; z-index:120; right:22px; bottom:22px; transform:translateY(25px); opacity:0; pointer-events:none; padding:12px 15px; background:#111318; color:#fff; border-radius:11px; box-shadow:var(--shadow-lg); font-size:13px; transition:.25s ease; }
.toast.show { opacity:1; transform:translateY(0); }
.mobile-only { display:none; }
.sidebar-backdrop { display:none; }

@media (max-width: 1120px) {
  :root { --sidebar: 238px; }
  .topbar { grid-template-columns:var(--sidebar) minmax(220px,1fr) auto; gap:16px; }
  .card-grid, .vehicle-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tool-grid { grid-template-columns:repeat(2,1fr); }
  .hero { grid-template-columns:1fr .7fr; padding:42px; }
  .hero h1 { font-size:60px; }
  .spec-grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 860px) {
  :root { --topbar:66px; }
  .mobile-only { display:inline-flex; }
  .desktop-only { display:none!important; }
  .topbar { grid-template-columns:auto auto 1fr auto; gap:10px; padding:0 13px; }
  .brand-copy { display:none; }
  .search-trigger { min-width:0; }
  .search-trigger kbd { display:none; }
  .sidebar { transform:translateX(-102%); transition:.25s ease; width:min(290px,86vw); z-index:80; top:0; padding-top:var(--topbar); box-shadow:var(--shadow-lg); }
  .sidebar.open { transform:translateX(0); }
  .sidebar-backdrop { position:fixed; z-index:70; inset:0; background:rgba(0,0,0,.48); }
  .sidebar-backdrop.show { display:block; }
  .main { padding:calc(var(--topbar) + 26px) 18px 90px; }
  .compare-bar { left:14px; right:14px; bottom:14px; }
  .hero { grid-template-columns:1fr; min-height:auto; padding:34px 26px; }
  .hero-visual { min-height:230px; }
  .hero h1 { font-size:clamp(42px,11vw,65px); }
  .feature-layout, .detail-hero, .article-layout { grid-template-columns:1fr; }
  .toc { display:none; }
  .job-grid, .faction-grid { grid-template-columns:1fr; }
  .update-row { grid-template-columns:1fr; gap:10px; }
  .update-row .secondary-button { justify-self:start; }
}

@media (max-width: 620px) {
  .topbar { grid-template-columns:auto auto 1fr auto; }
  .search-trigger { width:44px; padding:0; justify-content:center; }
  .search-trigger span:nth-child(2) { display:none; }
  .topbar-actions .primary-button { display:none; }
  .page-header { align-items:start; flex-direction:column; }
  .hero { border-radius:20px 6px 20px 6px; }
  .hero-visual { min-height:190px; }
  .r-emblem { width:220px; }
  .floating-stat.a { left:-5px; top:4%; }
  .floating-stat.b { right:-3px; bottom:3%; }
  .card-grid, .vehicle-grid, .tool-grid { grid-template-columns:1fr; }
  .category-card { min-height:150px; }
  .section-heading { align-items:start; flex-direction:column; }
  .article-row { grid-template-columns:42px 1fr; }
  .article-row-meta { grid-column:2; text-align:left; }
  .filters { align-items:stretch; }
  .select { width:100%; }
  .job-card { grid-template-columns:52px 1fr; }
  .job-income { grid-column:2; text-align:left; margin-top:8px; }
  .calc-grid { grid-template-columns:1fr; }
  .calc-result { align-items:start; flex-direction:column; }
  .spec-grid { grid-template-columns:repeat(2,1fr); }
  .detail-visual { min-height:280px; }
  .link-grid { grid-template-columns:1fr; }
  .notice { grid-template-columns:1fr; }
  .article-content { padding:23px 18px; }
  .compare-items { overflow:auto; }
  .compare-bar .primary-button { padding-inline:12px; white-space:nowrap; }
  .compare-table { font-size:12px; }
  .compare-table th,.compare-table td { padding:10px; }
}

/* RADMIR orange identity refresh */
.brand-mark { background: linear-gradient(145deg, #ffc21c 0%, #ff9100 52%, #f06400 100%); box-shadow: 10px 8px 0 rgba(255,138,0,.14), 0 10px 26px rgba(255,138,0,.18); }
.nav-link.active { box-shadow: inset 3px 0 0 var(--accent); }
.sidebar-card { background: linear-gradient(145deg, var(--surface-2), color-mix(in srgb, var(--accent) 6%, var(--surface-3))); }
.search-trigger:focus-visible, .icon-button:focus-visible, .primary-button:focus-visible, .secondary-button:focus-visible { outline: 3px solid var(--accent-soft); outline-offset: 2px; }
.hero-kicker { border-color: rgba(255,177,0,.22); background: rgba(255,138,0,.08); }
.r-emblem { border-color: rgba(255,177,0,.20); box-shadow: inset 0 0 70px rgba(255,138,0,.05); }
.floating-stat { box-shadow: 0 18px 46px rgba(0,0,0,.24), 0 0 0 1px rgba(255,138,0,.08); }
.tool-card:hover .tool-icon, .category-card:hover .category-icon { background: linear-gradient(135deg, var(--accent-2), var(--accent-deep)); color: #fff; }

/* Akulov Wiki 0.6 — transparent PNG character integrated as a live hero element. */
.brand-wordmark strong {
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -.025em;
  text-transform: none;
}
.brand-wordmark small {
  margin-top: 5px;
  letter-spacing: .20em;
}
.hero-visual-character {
  isolation: isolate;
  justify-content: flex-end;
}
.hero-visual-character::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 380px;
  height: 380px;
  right: -34px;
  bottom: -84px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,177,0,.30) 0%, rgba(255,126,0,.15) 42%, transparent 70%);
  filter: blur(8px);
}
.character-emblem {
  position: absolute;
  z-index: 0;
  right: -2%;
  width: min(315px, 84%);
  opacity: .52;
  border-color: rgba(255,177,0,.18);
  transform: rotate(-7deg);
}
.character-emblem span {
  color: rgba(255,255,255,.14);
  text-shadow: none;
}
.hero-character {
  position: absolute;
  z-index: 2;
  right: -7%;
  bottom: -55px;
  width: auto;
  height: 124%;
  max-height: 555px;
  object-fit: contain;
  object-position: bottom right;
  opacity: .98;
  filter: saturate(.98) contrast(1.02) brightness(1) drop-shadow(-10px 18px 24px rgba(0,0,0,.30)) drop-shadow(0 0 24px rgba(255,138,0,.08));
  pointer-events: none;
  user-select: none;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 86%, rgba(0,0,0,.94) 91%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 86%, rgba(0,0,0,.94) 91%, transparent 100%);
  image-rendering: auto;
}
.hero-visual-character .floating-stat { z-index: 4; }
.hero-visual-character .floating-stat.a { left: -2%; top: 12%; }
.hero-visual-character .floating-stat.b { right: -2%; bottom: 10%; }

@media (max-width: 1120px) {
  .hero-character { right: -12%; height: 116%; }
  .character-emblem { right: -10%; }
}

@media (max-width: 860px) {
  .brand-copy { display: flex; }
  .brand-wordmark small { display: none; }
  .brand-wordmark strong { font-size: 15px; white-space: nowrap; }
  .hero-visual-character { min-height: 225px; }
  .hero-character { right: 7%; bottom: -44px; height: 138%; max-height: 365px; opacity: .92; }
  .character-emblem { right: 9%; width: 250px; opacity: .38; }
  .hero-visual-character .floating-stat.a { left: 4%; top: 10%; }
  .hero-visual-character .floating-stat.b { right: 2%; bottom: 6%; }
}

@media (max-width: 620px) {
  .topbar { grid-template-columns: auto minmax(86px,auto) 1fr auto; }
  .brand-wordmark strong { font-size: 13px; }
  .hero-visual-character { min-height: 205px; margin-top: -4px; }
  .hero-character { right: 1%; bottom: -42px; height: 134%; max-height: 320px; opacity: .88; }
  .character-emblem { right: 0; width: 220px; opacity: .30; }
  .hero-visual-character .floating-stat { padding: 9px 10px; }
  .hero-visual-character .floating-stat strong { font-size: 15px; }
  .hero-visual-character .floating-stat small { font-size: 10px; }
  .hero-visual-character .floating-stat.a { left: 0; top: 3%; }
  .hero-visual-character .floating-stat.b { right: -2%; bottom: 1%; }
}

/* Akulov Wiki 0.7 — first content migration */
.source-section { background: linear-gradient(145deg, var(--surface-2), color-mix(in srgb, var(--accent) 5%, var(--surface))); border-radius: 14px; padding: 22px; }
.source-section h2 { font-size: 22px; }
.source-section .inline-card { background: var(--surface); }
.command-list code { min-width: 110px; }
@media (max-width:620px){ .source-section { padding:16px; } .command-list code { min-width:82px; } }

/* Akulov Wiki 0.8 — content-rich article components */
.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:18px 0}
.media-card{margin:0;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--surface);box-shadow:0 12px 30px rgba(0,0,0,.06)}
.media-card>a{display:block;position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,rgba(255,138,0,.12),rgba(255,176,0,.04));overflow:hidden}
.media-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.media-card:hover img{transform:scale(1.025)}
.media-card figcaption{padding:12px 14px;font-weight:700;font-size:14px;line-height:1.35}
.media-fallback{display:none;position:absolute;inset:0;padding:18px;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:13px}
.media-card.media-error .media-fallback{display:flex}
.media-link-card{min-height:150px;border:1px dashed var(--border);border-radius:18px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,rgba(255,138,0,.12),transparent);color:var(--text)}
.media-link-card span{font-size:12px;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.media-link-card strong{font-size:18px;margin:8px 0}
.media-link-card small{color:var(--muted)}
.number-list{padding-left:22px;display:grid;gap:10px}
.number-list li{padding-left:4px;line-height:1.65}
.definition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.definition-grid>div{border:1px solid var(--border);border-radius:14px;padding:14px;background:var(--surface)}
.definition-grid strong{display:block;color:var(--accent);margin-bottom:6px;font-size:15px}
.definition-grid span{color:var(--muted);font-size:14px;line-height:1.5}
.example{border-radius:14px;padding:14px 16px;margin:12px 0;border:1px solid var(--border)}
.example.good{background:rgba(42,157,97,.09);border-color:rgba(42,157,97,.28)}
.example.bad{background:rgba(220,53,69,.08);border-color:rgba(220,53,69,.28)}
.example code{white-space:normal}
.code-sequence{display:grid;gap:8px;padding:16px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border)}
.code-sequence code{display:block;padding:10px 12px;border-radius:10px;background:var(--surface)}
.table-scroll{overflow:auto;border:1px solid var(--border);border-radius:16px;margin:16px 0}
.info-table{width:100%;border-collapse:collapse;min-width:650px;background:var(--surface)}
.info-table th,.info-table td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}
.info-table th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--surface-2)}
.info-table tbody tr:last-child td{border-bottom:0}
.price-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}
.price-cards>div{border-radius:18px;border:1px solid var(--border);padding:20px;background:linear-gradient(145deg,var(--surface),var(--surface-2));text-align:center}
.price-cards span{display:block;font-weight:800;color:var(--accent);font-size:18px}
.price-cards strong{display:block;font-size:21px;margin:9px 0}
.price-cards small{color:var(--muted)}
.article-section>p{line-height:1.75}
.article-section .notice{margin:16px 0}
.article-content img{max-width:100%}
@media(max-width:720px){
  .media-grid{grid-template-columns:1fr}
  .media-card>a{aspect-ratio:16/9}
  .price-cards{grid-template-columns:1fr}
  .definition-grid{grid-template-columns:1fr}
  .article-status{gap:6px}
}


/* Akulov Wiki 0.9 — изображения прямо внутри статей */
.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px}
.media-grid.media-grid-single{grid-template-columns:minmax(0,1fr)}
.media-grid.media-grid-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.media-card{border-radius:20px;box-shadow:0 16px 38px rgba(0,0,0,.08)}
.media-card>a{aspect-ratio:auto;min-height:170px;display:flex;align-items:center;justify-content:center;background:#101216;cursor:zoom-in}
.media-card>a::after{content:'Увеличить';position:absolute;right:12px;bottom:12px;padding:7px 10px;border-radius:999px;background:rgba(12,14,18,.72);color:#fff;font-size:11px;font-weight:800;letter-spacing:.02em;opacity:0;transform:translateY(4px);transition:.2s ease;backdrop-filter:blur(8px)}
.media-card:hover>a::after{opacity:1;transform:none}
.media-card img{width:100%;height:auto;max-height:72vh;object-fit:contain;background:#101216}
.media-card:hover img{transform:none}
.media-card figcaption{padding:14px 16px 15px;font-size:14px;background:var(--surface)}
.media-grid-single .media-card img{max-height:none}
.media-grid-single .media-card>a{min-height:220px}
.media-grid-single{justify-items:start}
.media-grid-single .media-card{width:fit-content;max-width:min(820px,100%)}
.media-grid-single .media-card>a{padding:16px}
.media-grid-single .media-card img{width:auto;max-width:100%;height:auto;object-fit:contain}
.media-card.media-error>a{cursor:pointer;min-height:190px}
.media-card.media-error>a::after{display:none}
.media-card.media-error .media-fallback{display:flex;background:linear-gradient(145deg,rgba(255,138,0,.12),rgba(255,176,0,.04));font-weight:700}

.media-modal{position:fixed;inset:0;z-index:1200;display:none;align-items:center;justify-content:center;padding:28px}
.media-modal.open{display:flex}
.media-modal-backdrop{position:absolute;inset:0;background:rgba(5,6,8,.88);backdrop-filter:blur(14px)}
.media-modal-dialog{position:relative;z-index:1;width:min(1180px,96vw);max-height:94vh;border:1px solid rgba(255,255,255,.14);border-radius:22px;overflow:hidden;background:#0c0e12;box-shadow:0 32px 100px rgba(0,0,0,.55);display:flex;flex-direction:column}
.media-modal-stage{min-height:240px;display:flex;align-items:center;justify-content:center;overflow:auto;background:#08090b}
.media-modal-stage img{display:block;max-width:100%;max-height:82vh;width:auto;height:auto;object-fit:contain}
.media-modal-close{position:absolute;z-index:2;right:12px;top:12px;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(12,14,18,.78);color:#fff;font-size:28px;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}
.media-modal-footer{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:14px 18px;color:#fff;background:#101216}
.media-modal-footer strong{font-size:14px}
.media-modal-footer a{color:#ffb000;font-size:13px;font-weight:800;white-space:nowrap}
@media(max-width:760px){
  .media-grid,.media-grid.media-grid-pair{grid-template-columns:1fr}
  .media-card>a{min-height:140px}
  .media-card img{max-height:none}
  .media-card>a::after{opacity:1;transform:none}
  .media-modal{padding:10px}
  .media-modal-dialog{width:100%;max-height:96vh;border-radius:16px}
  .media-modal-footer{align-items:flex-start;flex-direction:column;gap:8px}
}

/* Akulov Wiki 0.10 — media audit and article navigation */
.media-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px}
.media-origin{flex:none;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.media-origin.local{background:rgba(40,170,100,.12);color:#16824c}
.media-origin.external{background:rgba(255,138,0,.14);color:var(--orange-deep,#c95c00)}
[data-theme="dark"] .media-origin.local{color:#77e0a5;background:rgba(65,190,115,.16)}
[data-theme="dark"] .media-origin.external{color:#ffc168;background:rgba(255,138,0,.16)}
.media-card.local-media>a::before,.media-card.external-media>a::before{display:none!important;content:none!important}
.media-status-notice{margin:0 0 22px}
.article-neighbors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}
.article-neighbors>a{display:flex;flex-direction:column;gap:5px;padding:18px 20px;border:1px solid var(--border);border-radius:18px;background:var(--surface);text-decoration:none;color:var(--text);transition:.2s ease}
.article-neighbors>a:hover{border-color:rgba(255,138,0,.55);transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.07)}
.article-neighbors>a.next{text-align:right;align-items:flex-end}
.article-neighbors small{color:var(--muted);font-weight:800}
.article-neighbors strong{line-height:1.35}
.related-section .link-grid{margin-top:14px}
@media(max-width:680px){.article-neighbors{grid-template-columns:1fr}.article-neighbors>a.next{text-align:left;align-items:flex-start}}


/* Akulov Wiki 0.10.1 — clearly visible article navigation */
.article-neighbors--top{margin:18px 0 24px}
.article-neighbors--bottom{margin:30px 0 0}
.article-neighbors>a{min-width:0;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;background:linear-gradient(145deg,var(--surface),rgba(255,138,0,.035))}
.article-neighbors>a.next{justify-content:flex-end}
.article-neighbors>a>span:not(.article-neighbor-arrow){display:flex;min-width:0;flex-direction:column;gap:4px}
.article-neighbors>a.next>span:not(.article-neighbor-arrow){align-items:flex-end}
.article-neighbor-arrow{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,138,0,.12);color:var(--orange-deep,#d76600);font-size:21px;font-weight:900}
.article-neighbors small{font-size:12px;text-transform:uppercase;letter-spacing:.055em}
.article-neighbors strong{font-size:15px;white-space:normal}
[data-theme="dark"] .article-neighbor-arrow{background:rgba(255,138,0,.17);color:#ffb34d}
@media(max-width:680px){
  .article-neighbors--top{margin-top:14px}
  .article-neighbors>a.next{justify-content:flex-start;text-align:left;align-items:center}
  .article-neighbors>a.next>span:not(.article-neighbor-arrow){align-items:flex-start}
  .article-neighbors>a.next .article-neighbor-arrow{order:-1}
}

/* Akulov Wiki 0.11 — живой онлайн серверов */
.live-home-block{margin-top:22px}
.live-online-shell{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:26px;padding:26px;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:0 18px 48px rgba(0,0,0,.075)}
.live-online-shell::before{content:'';position:absolute;width:320px;height:320px;right:-150px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(255,138,0,.20),transparent 68%);pointer-events:none}
.live-online-shell.compact{padding:24px}
.live-online-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.live-online-top h2{margin:5px 0 7px;font-size:clamp(24px,3vw,38px);line-height:1.05}
.live-online-top p{margin:0;color:var(--muted);line-height:1.55}
.live-online-kicker{display:flex;align-items:center;gap:8px;color:#16824c;font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.live-online-shell.cached .live-online-kicker,.live-online-shell.partial .live-online-kicker{color:#b66a00}
.live-online-shell.error .live-online-kicker{color:#bf3e49}
.live-pulse,.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#28a864;box-shadow:0 0 0 0 rgba(40,168,100,.45);animation:livePulse 1.8s infinite}
.live-online-shell.cached .live-pulse,.live-online-shell.partial .live-pulse{background:#e89a20;animation:none}
.live-online-shell.error .live-pulse{background:#dc3545;animation:none}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(40,168,100,.42)}70%{box-shadow:0 0 0 9px rgba(40,168,100,0)}100%{box-shadow:0 0 0 0 rgba(40,168,100,0)}}
.live-refresh{position:relative;z-index:1;border:1px solid var(--border);border-radius:13px;padding:10px 14px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:.2s ease}
.live-refresh:hover{border-color:rgba(255,138,0,.55);transform:translateY(-1px)}
.live-refresh:disabled{opacity:.65;cursor:wait}
.live-refresh.spinning{animation:liveButtonPulse .7s ease infinite alternate}
@keyframes liveButtonPulse{to{background:rgba(255,138,0,.12)}}
.live-online-stats{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:12px;margin:22px 0}
.live-stat{min-width:0;border:1px solid var(--border);border-radius:17px;padding:15px 17px;background:color-mix(in srgb,var(--surface) 88%,transparent)}
.live-stat small{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}
.live-stat strong{display:block;margin-top:7px;font-size:clamp(19px,2.3vw,30px);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-stat.primary{border-color:rgba(255,138,0,.35);background:linear-gradient(145deg,rgba(255,138,0,.15),rgba(255,176,0,.045))}
.live-stat.primary strong{color:var(--orange-deep,#d56500);font-size:clamp(27px,4vw,46px)}
.live-stat .live-age{font-size:16px;line-height:1.25;white-space:normal}
.live-server-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:18px}
.live-server-card{display:flex;align-items:center;gap:13px;min-width:0;border:1px solid var(--border);border-radius:16px;padding:13px;background:var(--surface);transition:.2s ease}
.live-server-card:hover{border-color:rgba(255,138,0,.42);transform:translateY(-1px)}
.live-server-number{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(255,138,0,.12);color:var(--orange-deep,#d56500);font-weight:950;font-size:16px}
.live-server-main{min-width:0;flex:1}
.live-server-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}
.live-server-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-server-title .live-dot{width:7px;height:7px;animation:none;box-shadow:none}
.live-server-online{margin-top:5px;line-height:1}
.live-server-online strong{font-size:21px}
.live-server-online span{font-size:12px;color:var(--muted)}
.live-server-progress{height:4px;margin-top:9px;border-radius:999px;background:var(--surface-2);overflow:hidden}
.live-server-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8a00,#ffb000)}
.live-online-more{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;margin-top:15px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface);font-weight:800;color:var(--text)}
.live-online-note{position:relative;z-index:1;margin-top:15px;padding:12px 14px;border-radius:13px;background:rgba(255,138,0,.09);color:var(--muted);font-size:13px;line-height:1.5}
.live-online-footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border);color:var(--muted);font-size:11px;line-height:1.45}
.live-online-footer a{color:var(--accent);font-weight:800}
.live-online-loading{display:flex;align-items:center;justify-content:center;gap:15px;min-height:170px;color:var(--text)}
.live-online-loading strong,.live-online-loading small{display:block}
.live-online-loading small{margin-top:4px;color:var(--muted)}
.live-spinner{width:32px;height:32px;border:3px solid rgba(255,138,0,.18);border-top-color:#ff8a00;border-radius:50%;animation:liveSpin .8s linear infinite}
@keyframes liveSpin{to{transform:rotate(360deg)}}
.online-explain{margin-top:20px}
[data-theme="dark"] .live-online-kicker{color:#77e0a5}
[data-theme="dark"] .live-stat.primary strong,[data-theme="dark"] .live-server-number{color:#ffb14a}
@media(max-width:980px){.live-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-online-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.live-online-shell,.live-online-shell.compact{padding:19px;border-radius:20px}.live-online-top{flex-direction:column;gap:14px}.live-refresh{width:100%}.live-online-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.live-stat{padding:13px}.live-stat.primary strong{font-size:31px}.live-server-grid{grid-template-columns:1fr}.live-online-footer{flex-direction:column;gap:6px}.live-online-top h2{font-size:27px}}

/* 0.11.1 — отдельный онлайн каждого сервера */
.live-server-card.is-unavailable{opacity:.62;border-style:dashed}
.live-server-card.is-unavailable .live-server-number{background:var(--surface-2);color:var(--muted)}
.live-server-card.is-unavailable .live-dot{background:#7b828d!important;box-shadow:none!important}
.live-server-card.is-unavailable .live-server-online strong{color:var(--muted)}
.live-local-help{position:relative;z-index:1;margin-top:12px;padding:12px 14px;border:1px solid rgba(255,138,0,.32);border-radius:13px;background:rgba(255,138,0,.08);font-size:13px;line-height:1.55}
.live-local-help code{font-weight:850}

/* 0.13: general disclosure without publishing individual source links */
.notice.open-information-notice {
  background: color-mix(in srgb, var(--accent) 7%, var(--surface));
  border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--border));
  margin-top: 28px;
}
.notice.open-information-notice strong { color: var(--accent-strong, var(--accent)); }

/* Akulov Wiki 0.13.2 — do not upscale low-resolution screenshots */
.media-card>a{padding:14px}
.media-card img{margin-inline:auto;image-rendering:auto}
.media-grid-pair .media-card img,.media-grid .media-card img{max-width:100%}

/* Akulov Wiki 0.14 — content review and audit */
.review-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}
.review-stat{border:1px solid var(--border);border-radius:18px;padding:18px;background:var(--surface);display:flex;flex-direction:column;gap:8px}
.review-stat small{color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.055em;font-size:11px}
.review-stat strong{font-size:30px;line-height:1}
.review-stat.success{border-color:rgba(40,168,100,.3);background:linear-gradient(145deg,var(--surface),rgba(40,168,100,.07))}
.review-stat.warning{border-color:rgba(255,138,0,.34);background:linear-gradient(145deg,var(--surface),rgba(255,138,0,.08))}
.review-stat.danger{border-color:rgba(220,53,69,.28);background:linear-gradient(145deg,var(--surface),rgba(220,53,69,.06))}
.review-group{margin-top:34px}
.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.review-card{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:19px;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);text-decoration:none;transition:.2s ease}
.review-card:hover{border-color:rgba(255,138,0,.55);transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.07)}
.review-card h3{margin:6px 0 8px;font-size:18px}
.review-card p{margin:0;color:var(--muted);line-height:1.55;font-size:14px}
.review-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:800}
.review-card footer span:last-child{color:var(--accent)}
.review-notice{margin:0 0 22px}
.archive-notice{margin-bottom:18px!important}
.transport-plan{margin-top:22px}
.article-row-meta .badge{display:inline-flex;margin-bottom:5px}
@media(max-width:900px){.review-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.review-grid{grid-template-columns:1fr}}
@media(max-width:520px){.review-summary{grid-template-columns:1fr}.review-card footer{align-items:flex-start;flex-direction:column}}


/* Akulov Wiki 0.15 — protected content loading */
.security-loading{min-height:46vh;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--muted);font-weight:800}
.security-loading span{width:26px;height:26px;border-radius:50%;border:3px solid rgba(255,138,0,.18);border-top-color:var(--accent);animation:securitySpin .8s linear infinite}
@keyframes securitySpin{to{transform:rotate(360deg)}}


/* 0.21 — public search, popular and recently updated materials */
.search-controls { display:flex; gap:7px; overflow-x:auto; padding:10px 14px; border-bottom:1px solid var(--border); scrollbar-width:thin; }
.search-filter { flex:0 0 auto; border:1px solid var(--border); background:var(--surface-2); color:var(--text-soft); border-radius:999px; padding:7px 11px; font:inherit; font-size:12px; cursor:pointer; }
.search-filter:hover, .search-filter.active { color:var(--accent); border-color:var(--accent); background:var(--accent-soft); }
.search-hint { padding:14px 18px 8px; }
.search-suggestions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.search-suggestion { border:1px solid var(--border); background:var(--surface-2); color:var(--text); border-radius:999px; padding:8px 11px; font:inherit; font-size:12px; cursor:pointer; }
.search-suggestion:hover { border-color:var(--accent); color:var(--accent); }
.search-match { display:block; margin-top:3px; color:var(--text-faint); font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.home-discovery-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.discovery-panel { padding:22px; }
.discovery-panel .section-heading { margin-bottom:10px; }
.discovery-list { display:grid; gap:6px; }
.discovery-item { display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:11px; padding:10px; border-radius:12px; }
.discovery-item:hover { background:var(--surface-2); }
.discovery-item-icon { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; background:var(--surface-3); color:var(--accent); font-weight:900; }
.discovery-item strong { display:block; font-size:14px; }
.discovery-item small { display:block; color:var(--text-soft); }
.discovery-item-meta { color:var(--text-faint); font-size:11px; text-align:right; }
.update-kind { display:inline-flex; margin-bottom:7px; }
.public-updates-note { margin-bottom:18px; }
.not-found-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:18px; }
@media (max-width:900px) { .home-discovery-grid { grid-template-columns:1fr; } }
@media (max-width:620px) { .discovery-item { grid-template-columns:36px 1fr; } .discovery-item-meta { grid-column:2; text-align:left; } }


/* Akulov Wiki 0.22 — expressive navigation, modern section icons and ambient background */
body { position:relative; overflow-x:hidden; background:
  radial-gradient(circle at 18% 8%, rgba(255,138,0,.055), transparent 34%),
  radial-gradient(circle at 92% 72%, rgba(77,126,240,.045), transparent 32%),
  var(--bg); }
.site-atmosphere { position:fixed; z-index:0; inset:0; overflow:hidden; pointer-events:none; }
.ambient-grid { position:absolute; inset:0; opacity:.24; background-image:linear-gradient(color-mix(in srgb,var(--text) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--text) 5%,transparent) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 82%); animation:ambientGrid 36s linear infinite; }
.ambient-orb { position:absolute; border-radius:50%; filter:blur(14px); opacity:.18; will-change:transform; }
.orb-one { width:440px; height:440px; left:4%; top:8%; background:radial-gradient(circle at 35% 35%,#ffc14b,#ff7900 52%,transparent 72%); animation:orbFloatOne 22s ease-in-out infinite alternate; }
.orb-two { width:520px; height:520px; right:-12%; top:34%; background:radial-gradient(circle at 45% 45%,#5e83ff,#6944d8 48%,transparent 72%); animation:orbFloatTwo 27s ease-in-out infinite alternate; }
.orb-three { width:360px; height:360px; left:38%; bottom:-16%; background:radial-gradient(circle at 45% 45%,#28c79a,#0c8d78 48%,transparent 72%); animation:orbFloatThree 25s ease-in-out infinite alternate; }
@keyframes ambientGrid { to { background-position:64px 64px; } }
@keyframes orbFloatOne { from{transform:translate3d(-6%,-3%,0) scale(.92)} to{transform:translate3d(22%,15%,0) scale(1.12)} }
@keyframes orbFloatTwo { from{transform:translate3d(8%,-8%,0) scale(1)} to{transform:translate3d(-18%,20%,0) scale(.9)} }
@keyframes orbFloatThree { from{transform:translate3d(-10%,12%,0) scale(.9)} to{transform:translate3d(20%,-14%,0) scale(1.1)} }
.app-shell { position:relative; z-index:1; }
.topbar { background:color-mix(in srgb,var(--surface) 83%,transparent); box-shadow:0 10px 38px rgba(20,23,30,.04); }
.sidebar { background:color-mix(in srgb,var(--surface) 88%,transparent); backdrop-filter:blur(24px) saturate(1.15); }
.page { animation:pageReveal .36s ease both; }
@keyframes pageReveal { from{opacity:0;transform:translateY(7px)} to{opacity:1;transform:none} }

.ui-icon { width:20px; height:20px; display:block; flex:0 0 auto; }
.nav-section-title { display:flex; align-items:center; gap:10px; padding:4px 11px 11px; color:var(--text-soft); font-size:10px; font-weight:950; }
.nav-section-title::after { content:""; height:1px; flex:1; background:linear-gradient(90deg,var(--border-strong),transparent); }
.main-nav { gap:6px; }
.nav-link { position:relative; min-height:50px; height:auto; padding:7px 9px; gap:11px; color:var(--text); font-size:14px; font-weight:780; border:1px solid transparent; overflow:hidden; transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease; }
.nav-link::before { content:""; position:absolute; inset:0; opacity:0; background:linear-gradient(100deg,color-mix(in srgb,var(--nav-accent) 12%,transparent),transparent 72%); transition:.18s ease; }
.nav-link:hover { color:var(--text); transform:translateX(3px); border-color:color-mix(in srgb,var(--nav-accent) 20%,var(--border)); background:color-mix(in srgb,var(--surface-2) 88%,transparent); }
.nav-link:hover::before,.nav-link.active::before { opacity:1; }
.nav-link.active { color:var(--text); border-color:color-mix(in srgb,var(--nav-accent) 28%,var(--border)); background:linear-gradient(100deg,color-mix(in srgb,var(--nav-accent) 14%,var(--surface)),color-mix(in srgb,var(--surface) 88%,transparent)); box-shadow:0 9px 22px color-mix(in srgb,var(--nav-accent) 10%,transparent),inset 3px 0 0 var(--nav-accent); }
.nav-icon { position:relative; z-index:1; width:34px; height:34px; flex:0 0 34px; border-radius:11px; color:var(--nav-accent); background:color-mix(in srgb,var(--nav-accent) 11%,var(--surface-2)); border:1px solid color-mix(in srgb,var(--nav-accent) 17%,var(--border)); transition:.18s ease; }
.nav-icon .ui-icon { width:18px; height:18px; }
.nav-label { position:relative; z-index:1; flex:1; letter-spacing:-.008em; text-shadow:0 1px 0 color-mix(in srgb,var(--surface) 72%,transparent); }
.nav-active-dot { position:relative; z-index:1; width:6px; height:6px; border-radius:50%; opacity:0; background:var(--nav-accent); box-shadow:0 0 12px var(--nav-accent); }
.nav-link.active .nav-icon { color:#fff; border-color:transparent; background:linear-gradient(135deg,color-mix(in srgb,var(--nav-accent) 78%,#fff),var(--nav-accent)); box-shadow:0 7px 18px color-mix(in srgb,var(--nav-accent) 28%,transparent); transform:rotate(-3deg) scale(1.03); }
.nav-link.active .nav-active-dot { opacity:1; }
.nav-separator { margin:19px 9px; background:linear-gradient(90deg,transparent,var(--border-strong),transparent); }

.section-heading h2 { position:relative; display:inline-flex; align-items:center; gap:10px; margin-bottom:3px; color:var(--text); font-weight:920; letter-spacing:-.035em; }
.section-heading h2::before { content:""; width:5px; height:25px; border-radius:999px; background:linear-gradient(var(--accent-2),var(--accent-deep)); box-shadow:0 0 18px rgba(255,138,0,.25); }
.section-heading p { color:var(--text-soft); }
.page-title { background:linear-gradient(115deg,var(--text) 0%,color-mix(in srgb,var(--text) 72%,var(--accent)) 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.section-page-title-wrap { display:flex; align-items:flex-start; gap:18px; }
.section-page-icon { width:62px; height:62px; flex:0 0 62px; display:grid; place-items:center; border-radius:19px 7px 19px 7px; color:#fff; background:linear-gradient(135deg,color-mix(in srgb,var(--section-accent) 75%,#fff),var(--section-accent)); box-shadow:0 17px 38px color-mix(in srgb,var(--section-accent) 24%,transparent); transform:rotate(-2deg); }
.section-page-icon .ui-icon { width:29px; height:29px; }

.category-card { backdrop-filter:blur(12px); background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface-2) 86%,transparent)); }
.category-icon,.tool-card .tool-icon { border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border)); box-shadow:0 10px 22px rgba(255,138,0,.08); }
.category-icon .ui-icon,.tool-icon .ui-icon { width:21px; height:21px; }
.category-card:hover .category-icon,.tool-card:hover .tool-icon { transform:translateY(-2px) rotate(-3deg); box-shadow:0 14px 28px rgba(255,138,0,.22); }

.radmir-news-banner { position:relative; overflow:hidden; display:grid; grid-template-columns:auto 1fr auto; gap:18px; align-items:center; padding:24px 26px; color:#fff; border-radius:22px 7px 22px 7px; background:linear-gradient(120deg,#23130f,#451b12 55%,#752419); border:1px solid rgba(255,132,87,.24); box-shadow:0 24px 60px rgba(95,35,22,.22); }
.radmir-news-banner::before { content:""; position:absolute; width:340px; height:340px; right:-90px; top:-170px; border-radius:50%; background:radial-gradient(circle,#ff9b67,rgba(241,91,62,.24) 45%,transparent 70%); }
.radmir-news-banner::after { content:""; position:absolute; inset:0; background:repeating-linear-gradient(120deg,transparent 0 54px,rgba(255,255,255,.025) 55px 56px); }
.radmir-news-icon,.radmir-news-copy,.radmir-news-arrow { position:relative; z-index:1; }
.radmir-news-icon { width:60px; height:60px; display:grid; place-items:center; border-radius:18px 6px 18px 6px; color:#fff; background:linear-gradient(135deg,#ff9b67,#e6412f); box-shadow:0 14px 30px rgba(241,91,62,.32); }
.radmir-news-icon .ui-icon { width:29px; height:29px; }
.radmir-news-copy { display:flex; flex-direction:column; }
.radmir-news-copy small { color:#ffbda3; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.14em; }
.radmir-news-copy strong { margin-top:2px; font-size:22px; letter-spacing:-.025em; }
.radmir-news-copy span { margin-top:3px; color:rgba(255,255,255,.67); font-size:13px; }
.radmir-news-arrow { font-size:13px; font-weight:850; white-space:nowrap; }
.radmir-news-banner:hover { transform:translateY(-2px); box-shadow:0 30px 70px rgba(95,35,22,.32); }

.radmir-page-hero { position:relative; display:grid; grid-template-columns:auto 1fr auto; gap:22px; align-items:center; padding:32px; overflow:hidden; border:1px solid color-mix(in srgb,var(--radmir-accent) 28%,var(--border)); border-radius:26px 8px 26px 8px; background:linear-gradient(135deg,color-mix(in srgb,var(--radmir-accent) 11%,var(--surface)),color-mix(in srgb,var(--surface) 90%,transparent)); box-shadow:var(--shadow); }
.radmir-page-hero::after { content:""; position:absolute; width:420px; height:420px; right:-200px; top:-230px; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--radmir-accent) 27%,transparent),transparent 70%); }
.radmir-page-icon { width:78px; height:78px; display:grid; place-items:center; color:#fff; border-radius:23px 8px 23px 8px; background:linear-gradient(135deg,#ff9b67,var(--radmir-accent)); box-shadow:0 20px 42px color-mix(in srgb,var(--radmir-accent) 28%,transparent); }
.radmir-page-icon .ui-icon { width:36px; height:36px; }
.radmir-page-hero h1 { margin:4px 0 7px; font-size:clamp(38px,5vw,64px); line-height:.98; letter-spacing:-.055em; }
.radmir-page-hero p { max-width:790px; margin:0; color:var(--text-soft); }
.radmir-page-hero .secondary-button { position:relative; z-index:1; }
.radmir-trust-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:18px 0; }
.radmir-trust-row>div { display:grid; grid-template-columns:42px 1fr; gap:12px; padding:16px; border:1px solid var(--border); border-radius:15px; background:color-mix(in srgb,var(--surface) 90%,transparent); backdrop-filter:blur(12px); }
.radmir-trust-row>div>span { grid-row:1/3; width:40px; height:40px; display:grid; place-items:center; border-radius:12px; color:#f15b3e; background:rgba(241,91,62,.11); }
.radmir-trust-row .ui-icon { width:20px; height:20px; }
.radmir-trust-row strong { font-size:14px; }
.radmir-trust-row small { color:var(--text-soft); font-size:11px; }
.radmir-news-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.radmir-news-card { display:flex; flex-direction:column; min-height:240px; padding:23px; border:1px solid var(--border); border-radius:20px 7px 20px 7px; background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 95%,transparent),color-mix(in srgb,#f15b3e 4%,var(--surface-2))); transition:.2s ease; }
.radmir-news-card:hover { transform:translateY(-3px); border-color:rgba(241,91,62,.38); box-shadow:0 22px 50px rgba(75,29,22,.12); }
.radmir-card-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.radmir-card-icon { width:43px; height:43px; display:grid; place-items:center; border-radius:13px; color:#f15b3e; background:rgba(241,91,62,.1); font-size:20px; }
.radmir-news-card h2 { margin:22px 0 8px; font-size:24px; line-height:1.08; letter-spacing:-.035em; }
.radmir-news-card p { margin:0; color:var(--text-soft); }
.radmir-news-card footer { display:flex; justify-content:space-between; gap:12px; margin-top:auto; padding-top:22px; color:var(--text-faint); font-size:12px; }
.radmir-news-card footer strong { color:#f15b3e; }
.radmir-news-empty { display:flex; align-items:center; gap:18px; padding:34px; border:1px dashed rgba(241,91,62,.35); border-radius:20px; background:rgba(241,91,62,.055); }
.radmir-news-empty>span { width:64px; height:64px; flex:0 0 64px; display:grid; place-items:center; border-radius:18px; color:#f15b3e; background:rgba(241,91,62,.11); }
.radmir-news-empty .ui-icon { width:29px; height:29px; }
.radmir-news-empty strong { display:block; font-size:18px; }
.radmir-news-empty p { margin:5px 0 0; color:var(--text-soft); }

@media (max-width:860px) {
  .ambient-orb { opacity:.12; }
  .radmir-page-hero { grid-template-columns:auto 1fr; padding:25px; }
  .radmir-page-hero .secondary-button { grid-column:2; justify-self:start; }
  .radmir-trust-row { grid-template-columns:1fr; }
}
@media (max-width:620px) {
  .site-atmosphere .orb-two,.site-atmosphere .orb-three { display:none; }
  .ambient-grid { background-size:48px 48px; }
  .section-page-title-wrap { align-items:center; }
  .section-page-icon { width:52px; height:52px; flex-basis:52px; border-radius:16px 6px 16px 6px; }
  .section-page-icon .ui-icon { width:24px; height:24px; }
  .radmir-news-banner { grid-template-columns:auto 1fr; padding:20px; }
  .radmir-news-arrow { grid-column:2; }
  .radmir-news-copy strong { font-size:18px; }
  .radmir-page-hero { grid-template-columns:1fr; }
  .radmir-page-icon { width:62px; height:62px; }
  .radmir-page-hero .secondary-button { grid-column:1; }
  .radmir-news-grid { grid-template-columns:1fr; }
  .radmir-news-empty { align-items:flex-start; padding:24px; }
}
@media (prefers-reduced-motion: reduce) {
  .ambient-grid,.ambient-orb,.page { animation:none!important; }
  .nav-link,.category-card,.tool-card,.radmir-news-banner,.radmir-news-card { transition:none!important; }
}


/* Akulov Wiki 0.22.1 — live official RADMIR news feeds */
.radmir-page-hero .secondary-button .ui-icon{width:17px;height:17px}
.radmir-source-section{margin-top:30px;padding:26px;border:1px solid var(--border);border-radius:24px 8px 24px 8px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,#f15b3e 3%,var(--surface-2)));box-shadow:var(--shadow)}
.radmir-source-section.vk-section{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,#2787f5 4%,var(--surface-2)))}
.radmir-source-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}
.radmir-source-head>div:first-child{display:flex;align-items:center;gap:16px;min-width:0}
.radmir-source-head>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:0 0 auto}
.radmir-source-head h2{margin:2px 0 4px;font-size:28px;letter-spacing:-.035em}
.radmir-source-head p{margin:0;color:var(--text-soft)}
.radmir-source-head a{color:var(--text);font-size:13px;font-weight:850;text-decoration:none}
.radmir-source-head a:hover{color:var(--orange)}
.source-logo{width:54px;height:54px;display:grid;place-items:center;flex:0 0 54px;border-radius:17px 6px 17px 6px;color:#fff;box-shadow:0 14px 30px rgba(0,0,0,.14)}
.source-logo.site{background:linear-gradient(135deg,#ff9b67,#e6412f)}
.source-logo.vk{background:linear-gradient(135deg,#5da8ff,#1674df)}
.source-logo .ui-icon{width:25px;height:25px}
.source-state{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:850;white-space:nowrap}
.source-state .ui-icon{width:14px;height:14px}
.source-state.ok{color:#19855d;background:rgba(35,181,124,.11)}
.source-state.warning{color:#b36c00;background:rgba(255,162,0,.12)}
[data-theme="dark"] .source-state.ok{color:#6be0ad}[data-theme="dark"] .source-state.warning{color:#ffc15d}
.radmir-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.radmir-live-card{display:flex;flex-direction:column;min-height:245px;padding:22px;border:1px solid var(--border);border-radius:20px 7px 20px 7px;background:color-mix(in srgb,var(--surface) 96%,transparent);color:var(--text);text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.radmir-live-card.site:hover{transform:translateY(-3px);border-color:rgba(241,91,62,.42);box-shadow:0 22px 50px rgba(88,31,20,.13)}
.radmir-live-card.vk:hover{transform:translateY(-3px);border-color:rgba(39,135,245,.42);box-shadow:0 22px 50px rgba(20,69,126,.14)}
.radmir-live-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.radmir-source-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.02em}
.radmir-source-badge .ui-icon{width:14px;height:14px}
.radmir-source-badge.site{color:#d94b31;background:rgba(241,91,62,.1)}
.radmir-source-badge.vk{color:#1f78dc;background:rgba(39,135,245,.11)}
[data-theme="dark"] .radmir-source-badge.site{color:#ff9c84}[data-theme="dark"] .radmir-source-badge.vk{color:#79baff}
.radmir-live-date{color:var(--text-faint);font-size:11px;font-weight:750;text-align:right}
.radmir-live-card h3{margin:20px 0 9px;font-size:23px;line-height:1.08;letter-spacing:-.035em}
.radmir-live-card p{display:-webkit-box;overflow:hidden;margin:0;color:var(--text-soft);line-height:1.55;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.radmir-live-card footer{display:flex;justify-content:space-between;gap:14px;margin-top:auto;padding-top:22px;color:var(--text-faint);font-size:11px}
.radmir-live-card footer strong{color:var(--orange);white-space:nowrap}
.radmir-live-card.vk footer strong{color:#2787f5}
.radmir-news-empty.vk{border-color:rgba(39,135,245,.35);background:rgba(39,135,245,.055)}
.radmir-news-empty.vk>span{color:#2787f5;background:rgba(39,135,245,.11)}
.radmir-news-empty .secondary-button{display:inline-flex;margin-top:12px}
.radmir-generated-at{margin:18px 0 0;color:var(--text-faint);font-size:12px;text-align:right}
@media(max-width:820px){.radmir-source-head{flex-direction:column}.radmir-source-head>div:last-child{align-items:flex-start}.radmir-live-grid{grid-template-columns:1fr}}
@media(max-width:560px){.radmir-source-section{padding:19px 15px}.radmir-source-head>div:first-child{align-items:flex-start}.source-logo{width:45px;height:45px;flex-basis:45px}.radmir-source-head h2{font-size:23px}.radmir-live-card{padding:18px}.radmir-live-card-top,.radmir-live-card footer{align-items:flex-start;flex-direction:column}.radmir-live-date{text-align:left}}
@media(prefers-reduced-motion:reduce){.radmir-live-card{transition:none!important}}

/* --- 0.22.2 article refresh + site-only RADMIR news --- */
.article-page-shell { position: relative; }
.article-hero-card {
  position: relative;
  overflow: hidden;
  margin-bottom: 22px;
  padding: clamp(24px, 4vw, 34px);
  border-radius: 28px;
  border: 1px solid color-mix(in srgb, var(--article-accent) 18%, var(--border));
  background:
    radial-gradient(circle at 95% 15%, color-mix(in srgb, var(--article-accent) 16%, transparent) 0, transparent 33%),
    linear-gradient(160deg, color-mix(in srgb, var(--surface) 96%, transparent), color-mix(in srgb, var(--article-accent) 4%, var(--surface-2)));
  box-shadow: var(--shadow);
}
.article-hero-card::after {
  content: "";
  position: absolute;
  right: -52px;
  top: -52px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--article-accent) 12%, transparent);
  filter: blur(18px);
  pointer-events: none;
}
.article-heading-top { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
.article-status { gap: 12px; margin-top: 24px; }
.article-meta-pill {
  display:grid;
  grid-template-columns: 20px auto;
  grid-template-areas: 'icon label' 'icon value';
  align-items:center;
  column-gap:10px;
  row-gap:1px;
  min-width: 180px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--surface-2) 84%, transparent);
}
.article-meta-pill .ui-icon { grid-area: icon; color: var(--accent); width: 18px; height: 18px; }
.article-meta-pill small { grid-area: label; font-size: 11px; color: var(--text-faint); text-transform: uppercase; letter-spacing: .08em; }
.article-meta-pill strong { grid-area: value; font-size: 14px; color: var(--text); }
.article-hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:22px; }
.article-hero-actions .secondary-button { background: color-mix(in srgb, var(--surface-2) 86%, transparent); }
.modern-article-content {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, transparent), color-mix(in srgb, var(--surface-2) 62%, transparent));
  box-shadow: var(--shadow);
}
.article-section h2 { display:flex; align-items:center; gap:12px; }
.section-title-icon {
  width: 38px;
  height: 38px;
  display:grid;
  place-items:center;
  flex: 0 0 38px;
  border-radius: 12px 6px 12px 6px;
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  color: var(--accent);
  border: 1px solid color-mix(in srgb, var(--accent) 18%, transparent);
}
.section-title-icon .ui-icon { width: 18px; height: 18px; }
.article-content h3 {
  margin: 26px 0 10px;
  font-size: 20px;
  letter-spacing: -.03em;
}
.article-content p + ul,
.article-content p + ol,
.article-content p + .media-grid { margin-top: 14px; }
.article-content ul li,
.article-content ol li { margin: 8px 0; }
.article-content code {
  padding: 3px 7px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--surface-3) 86%, transparent);
  border: 1px solid var(--border);
  color: var(--accent);
}
.article-content blockquote {
  margin: 22px 0;
  padding: 16px 18px;
  border-left: 3px solid var(--accent);
  border-radius: 0 14px 14px 0;
  background: color-mix(in srgb, var(--accent) 8%, transparent);
  color: var(--text-soft);
}
.notice {
  grid-template-columns: 64px 1fr;
  align-items: start;
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--surface-2) 88%, transparent);
}
.notice::before {
  content: "i";
  width: 44px;
  height: 44px;
  display:grid;
  place-items:center;
  border-radius: 14px 6px 14px 6px;
  font-weight: 900;
  font-size: 19px;
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 18%, transparent);
}
.notice strong { display:block; margin-bottom:6px; font-size:11px; }
.notice.warning { background: rgba(215,139,19,.10); border-color: rgba(215,139,19,.25); }
.notice.warning::before { content:"!"; color: var(--warning); background: rgba(215,139,19,.15); border-color: rgba(215,139,19,.25); }
.notice.success { background: rgba(47,191,143,.10); border-color: rgba(47,191,143,.26); }
.notice.success strong { color: var(--success); }
.notice.success::before { content:"✓"; color: var(--success); background: rgba(47,191,143,.16); border-color: rgba(47,191,143,.22); }
.notice.review-notice { margin: 0 0 24px; }
.related-grid a { position:relative; padding-bottom: 32px; }
.tiny-new-badge {
  position:absolute;
  right:12px;
  bottom:10px;
  padding: 4px 8px;
  border-radius: 999px;
  font-style: normal;
  font-size: 10px;
  font-weight: 800;
  color: #1f1300;
  background: linear-gradient(135deg, #ffcc6d, #ff9d2f);
}
.toc strong { display:flex; align-items:center; gap:8px; }
.toc strong .ui-icon { width: 14px; height: 14px; color: var(--accent); }
.toc a { display:flex; align-items:flex-start; gap:10px; }
.toc-link-icon { flex:0 0 15px; color: var(--accent); opacity: .95; }
.toc-link-icon .ui-icon { width:15px; height:15px; }
.radmir-live-featured { display:grid; gap:18px; }
.radmir-featured-card {
  display:block;
  padding: 24px;
  border-radius: 22px;
  border: 1px solid color-mix(in srgb, #f15b3e 18%, var(--border));
  background:
    radial-gradient(circle at 100% 10%, rgba(241,91,62,.12), transparent 28%),
    linear-gradient(145deg, color-mix(in srgb, var(--surface) 95%, transparent), color-mix(in srgb, #f15b3e 6%, var(--surface-2)));
}
.radmir-featured-card h2 { margin: 14px 0 10px; font-size: clamp(24px, 4vw, 34px); letter-spacing: -.04em; }
.radmir-featured-card p { margin: 0; color: var(--text-soft); max-width: 860px; }
.radmir-featured-meta { display:flex; gap:14px; justify-content:space-between; align-items:center; margin-top: 18px; color: var(--text-faint); font-size: 13px; }
.radmir-featured-meta strong { color: var(--text); }
@media (max-width: 900px) {
  .article-status { flex-direction: column; }
  .article-meta-pill { min-width: auto; width: 100%; }
  .article-hero-actions { flex-direction: column; }
}
@media (max-width: 640px) {
  .article-hero-card { border-radius: 22px; padding: 20px 18px; }
  .section-title-icon { width: 34px; height: 34px; flex-basis: 34px; }
  .notice { grid-template-columns: 1fr; }
  .notice::before { width: 38px; height: 38px; }
  .radmir-featured-meta { flex-direction: column; align-items: flex-start; }
}


/* --- 0.22.4 UI polish fixes --- */
.notice {
  grid-template-columns: 64px minmax(0, 1fr);
}
.notice::before {
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: start;
}
.notice > strong,
.notice > span,
.notice > div {
  grid-column: 2;
  min-width: 0;
}
.notice > span,
.notice > div {
  color: var(--text-soft);
  line-height: 1.72;
}
.notice.public-updates-note,
.notice.open-information-notice,
.notice.review-notice {
  border-radius: 18px;
}
.article-content .link-grid a,
.article-content .related-grid a,
.article-content .article-neighbors a {
  color: var(--text);
  text-decoration: none;
  border-bottom: none;
}
.article-content .link-grid a strong,
.article-content .related-grid a strong,
.article-content .article-neighbors a strong {
  color: var(--text);
  text-decoration: none;
}
.article-content .link-grid a span,
.article-content .related-grid a span,
.article-content .article-neighbors a span {
  color: var(--text-soft);
  text-decoration: none;
}
.article-content .link-grid a:hover strong,
.article-content .related-grid a:hover strong,
.article-content .article-neighbors a:hover strong {
  color: var(--accent);
}
.article-content a:not(.secondary-button):not(.primary-button):not(.link-grid a):not(.related-grid a):not(.article-neighbors a) {
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid color-mix(in srgb, var(--accent) 32%, transparent);
  transition: color .18s ease, border-color .18s ease;
}
.article-content a:not(.secondary-button):not(.primary-button):not(.link-grid a):not(.related-grid a):not(.article-neighbors a):hover {
  color: var(--accent);
  border-bottom-color: color-mix(in srgb, var(--accent) 68%, transparent);
}
.related-grid a,
.link-grid a,
.article-neighbors a {
  border-radius: 18px;
}
.related-grid a {
  padding-bottom: 28px;
}
.update-card .notice,
.public-updates-note {
  align-items: start;
}
@media (max-width: 640px) {
  .notice {
    grid-template-columns: 1fr;
  }
  .notice::before,
  .notice > strong,
  .notice > span,
  .notice > div {
    grid-column: auto;
    grid-row: auto;
  }
}

/* --- 0.22.5 robust notice layout and calmer article links --- */
.notice {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  grid-template-columns: none !important;
}
.notice::before {
  position: static !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  grid-column: auto !important;
  grid-row: auto !important;
}
.notice > .notice-copy {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  color: var(--text-soft);
  line-height: 1.72;
}
.notice > .notice-copy > strong {
  display: block !important;
  margin: 0 0 7px !important;
  color: var(--text) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.notice.warning > .notice-copy > strong { color: var(--warning) !important; }
.notice.success > .notice-copy > strong { color: var(--success) !important; }
.notice > .notice-copy > span,
.notice > .notice-copy > p,
.notice > .notice-copy > div {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  color: var(--text-soft) !important;
  line-height: 1.72 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

/* Cards and article navigation: neutral by default, accent only on hover. */
.article-content .link-grid a,
.article-content .related-grid a,
.article-content .article-neighbors a,
.article-content .inline-card {
  color: var(--text) !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--border) !important;
}
.article-content .link-grid a strong,
.article-content .related-grid a strong,
.article-content .article-neighbors a strong,
.article-content .inline-card strong {
  color: var(--text) !important;
  text-decoration: none !important;
  border: 0 !important;
}
.article-content .link-grid a span,
.article-content .related-grid a span,
.article-content .article-neighbors a span,
.article-content .inline-card span,
.article-content .inline-card small {
  color: var(--text-soft) !important;
  text-decoration: none !important;
  border: 0 !important;
}
.article-content .link-grid a:hover,
.article-content .related-grid a:hover,
.article-content .article-neighbors a:hover,
.article-content .inline-card:hover {
  border-color: color-mix(in srgb, var(--accent) 48%, var(--border)) !important;
  background: color-mix(in srgb, var(--accent) 5%, var(--surface-2)) !important;
}
.article-content .link-grid a:hover strong,
.article-content .related-grid a:hover strong,
.article-content .article-neighbors a:hover strong,
.article-content .inline-card:hover strong {
  color: var(--accent) !important;
}

/* Ordinary inline links: no loud orange underline. */
.article-content p a,
.article-content li a,
.article-content figcaption a,
.article-content td a {
  color: var(--text) !important;
  text-decoration: none !important;
  border-bottom: 1px dashed color-mix(in srgb, var(--text-faint) 70%, transparent) !important;
  font-weight: 700;
}
.article-content p a:hover,
.article-content li a:hover,
.article-content figcaption a:hover,
.article-content td a:hover {
  color: var(--accent) !important;
  border-bottom-color: var(--accent) !important;
}

.article-neighbors small {
  color: var(--text-faint) !important;
}
.article-neighbors .article-neighbor-arrow {
  color: var(--accent) !important;
}

@media (max-width: 640px) {
  .notice {
    gap: 12px !important;
  }
  .notice::before {
    flex-basis: 38px !important;
    width: 38px !important;
    height: 38px !important;
  }
}

/* --- 0.22.6 unread badges, unified icons and report dialog --- */
.article-row-icon .ui-icon,
.discovery-item-icon .ui-icon,
.radmir-card-icon .ui-icon,
.search-item-icon .ui-icon {
  width: 20px;
  height: 20px;
}
.related-grid a {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "copy badge";
  align-items: center;
  gap: 14px;
  min-height: 106px;
  padding: 17px;
}
.related-card-copy {
  grid-area: copy;
  min-width: 0;
  align-self: center;
}
.related-card-copy strong {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  line-height: 1.35;
}
.related-card-copy strong > span:last-child {
  min-width: 0;
  overflow-wrap: anywhere;
}
.related-card-title-icon {
  width: 28px;
  height: 28px;
  display: grid !important;
  place-items: center;
  flex: 0 0 28px;
  line-height: 0;
  color: var(--accent) !important;
  border-radius: 9px;
  background: color-mix(in srgb, var(--accent) 10%, var(--surface-3));
  border: 1px solid color-mix(in srgb, var(--accent) 16%, var(--border));
}
.related-card-title-icon .ui-icon {
  width: 15px;
  height: 15px;
  display: block;
  color: inherit !important;
}
.related-card-description {
  display: block;
  margin-top: 6px;
  padding-left: 37px;
  line-height: 1.5;
  font-size: 14px;
  color: var(--text-soft) !important;
}
.article-content .related-grid .related-card-title-icon,
.article-content .related-grid .related-card-title-icon .ui-icon {
  color: var(--accent) !important;
}
.tiny-new-badge {
  position: static;
  grid-area: badge;
  align-self: start;
  justify-self: end;
  white-space: nowrap;
  margin: 0;
}
.report-dialog {
  width: min(620px, calc(100% - 28px));
  padding: 0;
  border: 1px solid var(--border);
  border-radius: 24px;
  background: var(--surface);
  color: var(--text);
  box-shadow: var(--shadow-lg);
}
.report-dialog::backdrop { background: rgba(5, 7, 10, .68); backdrop-filter: blur(8px); }
.report-dialog-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 24px 24px 18px;
  border-bottom: 1px solid var(--border);
}
.report-dialog-head strong { display: block; font-size: 22px; }
.report-dialog-head span { display: block; margin-top: 5px; color: var(--text-soft); font-size: 13px; }
.report-dialog-close {
  width: 38px;
  height: 38px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface-2);
  color: var(--text);
  cursor: pointer;
  font-size: 22px;
}
.report-form { display: grid; gap: 17px; padding: 22px 24px 24px; }
.report-form label > span { display: block; margin-bottom: 7px; color: var(--text-soft); font-size: 12px; font-weight: 800; }
.report-form input,
.report-form select,
.report-form textarea {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 13px;
  background: var(--surface-2);
  color: var(--text);
  padding: 12px 13px;
  font: inherit;
  outline: none;
}
.report-form textarea { min-height: 145px; resize: vertical; }
.report-form input:focus,
.report-form select:focus,
.report-form textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.report-article-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface-2);
}
.report-article-card span:first-child {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: var(--accent);
  background: var(--accent-soft);
}
.report-article-card strong { display: block; }
.report-article-card small { display: block; margin-top: 3px; color: var(--text-soft); }
.report-form-actions { display: flex; justify-content: flex-end; gap: 10px; padding-top: 4px; }
.report-privacy { color: var(--text-faint); font-size: 11px; line-height: 1.5; }
.report-honeypot { position: absolute !important; left: -9999px !important; opacity: 0 !important; pointer-events: none !important; }
@media (max-width: 620px) {
  .related-grid a {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "copy" "badge";
    gap: 10px;
    padding: 15px;
  }
  .related-card-title-icon { width: 26px; height: 26px; flex-basis: 26px; }
  .related-card-title-icon .ui-icon { width: 14px; height: 14px; }
  .related-card-description { padding-left: 35px; }
  .tiny-new-badge { justify-self: start; }
  .report-dialog-head, .report-form { padding-left: 18px; padding-right: 18px; }
  .report-form-actions { flex-direction: column-reverse; }
  .report-form-actions .primary-button,
  .report-form-actions .secondary-button { width: 100%; }
}

/* --- Akulov Wiki 0.23 --- */
.home-v23 .section-block { margin-top: 28px; }
.hero-v23 { min-height: 430px; }
.hero-v23 .hero-actions .ui-icon { width: 17px; height: 17px; }
.home-priority-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr); gap:16px; }
.home-news-slot { min-width:0; }
.home-news-card,
.home-update-card {
  min-height: 148px;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  padding:22px;
  border:1px solid var(--border);
  border-radius:22px;
  background:linear-gradient(145deg,var(--surface),var(--surface-2));
  box-shadow:var(--shadow);
  color:var(--text);
}
.home-news-card { border-color:color-mix(in srgb,#f15b3e 24%,var(--border)); background:radial-gradient(circle at 100% 0,rgba(241,91,62,.12),transparent 34%),linear-gradient(145deg,var(--surface),var(--surface-2)); }
.home-news-icon,.home-update-card>span { width:52px;height:52px;display:grid;place-items:center;border-radius:16px 7px 16px 7px;background:rgba(241,91,62,.12);color:#f15b3e; }
.home-news-icon .ui-icon,.home-update-card>span .ui-icon { width:23px;height:23px; }
.home-news-card small,.home-update-card small { display:block;margin-bottom:5px;color:var(--text-faint);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em; }
.home-news-card strong,.home-update-card strong { display:block;font-size:19px;line-height:1.25; }
.home-news-card em { display:block;margin-top:6px;color:var(--text-soft);font-style:normal;font-size:12px; }
.home-news-card b,.home-update-card b { color:var(--text-soft);font-size:12px;white-space:nowrap; }
.home-update-card { grid-template-columns:46px minmax(0,1fr) auto; }
.home-update-card>span { width:46px;height:46px;background:var(--accent-soft);color:var(--accent); }
.home-update-card p { margin:7px 0 0;color:var(--text-soft);font-size:13px; }
.home-quick-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }
.home-quick-grid a { min-height:145px;padding:20px;border:1px solid var(--border);border-radius:20px;background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--text);transition:.2s ease; }
.home-quick-grid a:hover { transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow); }
.home-quick-grid a>span { width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--accent-soft);color:var(--accent); }
.home-quick-grid .ui-icon { width:19px;height:19px; }
.home-quick-grid strong,.home-quick-grid small { display:block; }
.home-quick-grid strong { margin-top:16px;font-size:16px; }
.home-quick-grid small { margin-top:5px;color:var(--text-soft);line-height:1.45; }
.compact-article-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.compact-article-card { position:relative;min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 16px;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text); }
.compact-article-card:hover { border-color:color-mix(in srgb,var(--accent) 55%,var(--border));transform:translateY(-1px); }
.compact-article-icon { width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--accent-soft);color:var(--accent); }
.compact-article-icon .ui-icon { width:19px;height:19px; }
.compact-article-copy { min-width:0; }
.compact-article-copy strong,.compact-article-copy small { display:block; }
.compact-article-copy strong { font-size:15px;line-height:1.3; }
.compact-article-copy small { margin-top:4px;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.compact-new-badge { align-self:end;justify-self:end;padding:5px 8px;border-radius:999px;background:linear-gradient(135deg,#ffd27a,#ffad3d);color:#291700;font-size:9px;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.05em; }
.home-personal-grid { display:grid;grid-template-columns:1fr 1fr;gap:18px; }
.home-personal-grid h2 { display:flex;align-items:center;gap:9px; }
.home-personal-grid h2 .ui-icon { width:19px;height:19px;color:var(--accent); }
.personal-empty { min-height:126px;display:grid;place-items:center;text-align:center;padding:24px;border:1px dashed var(--border-strong);border-radius:16px;color:var(--text-soft); }
.saved-tabs { display:grid;gap:20px; }
.saved-panel { padding:24px; }
.saved-panel h2 { display:flex;align-items:center;gap:10px; }
.saved-panel h2 .ui-icon { width:20px;height:20px;color:var(--accent); }
.saved-card-wrap { position:relative; }
.saved-card-wrap .compact-article-card { height:100%;padding-right:48px; }
.saved-remove { position:absolute;right:10px;top:10px;width:28px;height:28px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--text-soft);cursor:pointer; }
.saved-remove:hover { color:#e1535d;border-color:#e1535d; }
.text-action { border:0;background:transparent;color:var(--text-soft);font:inherit;font-size:12px;cursor:pointer; }
.text-action:hover { color:var(--accent); }
.favorite-button.active { border-color:color-mix(in srgb,#e1535d 45%,var(--border));color:#e1535d; }
.favorite-button .ui-icon { width:17px;height:17px; }
.mobile-article-toc { display:none;margin-bottom:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface); }
.mobile-article-toc summary { list-style:none;display:flex;align-items:center;gap:10px;padding:15px 16px;font-weight:850;cursor:pointer; }
.mobile-article-toc summary::-webkit-details-marker { display:none; }
.mobile-article-toc summary .ui-icon { width:18px;height:18px;color:var(--accent); }
.mobile-article-toc nav { display:grid;gap:4px;padding:0 10px 12px; }
.mobile-article-toc nav a { display:flex;align-items:center;gap:9px;padding:10px;border-radius:10px;color:var(--text-soft); }
.mobile-article-toc nav a:hover { background:var(--accent-soft);color:var(--accent); }
.mobile-article-toc nav .ui-icon { width:16px;height:16px; }
.home-category-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
@media(max-width:1180px){.home-quick-grid,.home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-priority-grid{grid-template-columns:1fr}.home-news-card,.home-update-card{min-height:auto}}
@media(max-width:980px){
  .mobile-article-toc{display:block}.article-layout>.toc{display:none}
  .home-personal-grid,.home-discovery-grid{grid-template-columns:1fr}
  .sidebar-scroll{padding-bottom:90px}
  .nav-link{min-height:50px;padding:10px 12px}
  .main{padding-top:calc(var(--topbar) + 24px)}
}
@media(max-width:700px){
  .hero-v23{min-height:auto;padding:24px 18px}.hero-v23 .hero-visual{display:none}
  .home-quick-grid,.home-category-grid,.compact-article-grid{grid-template-columns:1fr}
  .home-news-card,.home-update-card{grid-template-columns:44px minmax(0,1fr);padding:18px}.home-news-card b,.home-update-card b{grid-column:2;justify-self:start}
  .compact-article-card{grid-template-columns:40px minmax(0,1fr)}.compact-new-badge{grid-column:2;justify-self:start;margin-top:2px}
  .topbar-actions .primary-button{display:none}.search-trigger span:nth-child(2){display:none}.search-trigger{justify-content:center;min-width:44px;padding:0}.search-trigger kbd{display:none}
  .article-hero-actions .secondary-button{width:100%;justify-content:center}
  .saved-panel{padding:17px}
}

/* --- Akulov Wiki 0.24: online command center and review deadlines --- */
.online-page .page-header{margin-bottom:22px}
.live-online-shell{isolation:isolate;padding:30px;border-radius:30px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,#111827),color-mix(in srgb,var(--surface-2) 92%,#111827));box-shadow:0 24px 70px rgba(8,12,20,.11)}
.live-online-shell::before{width:420px;height:420px;right:-180px;top:-250px;background:radial-gradient(circle,rgba(255,138,0,.24),transparent 66%)}
.live-online-glow{position:absolute;z-index:-1;border-radius:999px;filter:blur(2px);pointer-events:none}
.live-online-glow.one{width:210px;height:210px;left:-100px;bottom:-120px;background:radial-gradient(circle,rgba(47,191,143,.14),transparent 68%)}
.live-online-glow.two{width:160px;height:160px;right:18%;top:8%;background:radial-gradient(circle,rgba(75,130,240,.10),transparent 70%)}
.live-refresh{display:inline-flex;align-items:center;gap:8px;padding:11px 15px;border-radius:14px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(12px)}
.live-refresh.spinning .live-refresh-icon{display:inline-block;animation:liveSpin .7s linear infinite}
.live-online-overview{position:relative;z-index:1;display:grid;grid-template-columns:minmax(240px,1.25fr) minmax(360px,1fr);gap:14px;margin:24px 0 20px}
.live-total-card{position:relative;overflow:hidden;min-height:160px;padding:22px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border));border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 15%,var(--surface)),color-mix(in srgb,var(--surface) 96%,transparent))}
.live-total-card::after{content:"";position:absolute;right:-45px;bottom:-70px;width:190px;height:190px;border-radius:50%;border:28px solid color-mix(in srgb,var(--accent) 10%,transparent)}
.live-total-label{display:block;color:var(--text-soft);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.live-total-card>strong{position:relative;z-index:1;display:block;margin:9px 0 8px;font-size:clamp(42px,6vw,70px);line-height:.92;letter-spacing:-.06em;color:var(--accent)}
.live-total-card>small{position:relative;z-index:1;color:var(--text-soft)}
.live-total-wave{position:absolute;right:19px;top:22px;display:flex;align-items:flex-end;gap:4px;height:50px;opacity:.7}
.live-total-wave i{width:5px;border-radius:999px;background:var(--accent);animation:liveWave 1.6s ease-in-out infinite alternate}
.live-total-wave i:nth-child(1){height:14px}.live-total-wave i:nth-child(2){height:32px;animation-delay:.2s}.live-total-wave i:nth-child(3){height:23px;animation-delay:.4s}.live-total-wave i:nth-child(4){height:45px;animation-delay:.1s}.live-total-wave i:nth-child(5){height:28px;animation-delay:.3s}.live-total-wave i:nth-child(6){height:18px;animation-delay:.5s}
@keyframes liveWave{to{transform:scaleY(.55);opacity:.45}}
.live-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.live-overview-card{min-width:0;padding:18px;border:1px solid var(--border);border-radius:20px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(12px)}
.live-overview-card>span{display:block;color:var(--text-faint);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.live-overview-card>strong{display:block;margin:12px 0 7px;font-size:clamp(17px,2vw,25px);line-height:1.1;overflow-wrap:anywhere}
.live-overview-card>small{color:var(--text-soft);font-size:11px;line-height:1.4}
.live-overview-card .live-age{font-size:16px}
.live-server-toolbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 0 16px;padding:10px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface) 86%,transparent)}
.live-filter-group{display:flex;gap:7px;flex-wrap:wrap}
.live-filter-group button{border:1px solid transparent;border-radius:999px;padding:8px 11px;background:transparent;color:var(--text-soft);font:inherit;font-size:11px;font-weight:850;cursor:pointer}
.live-filter-group button:hover,.live-filter-group button.active{border-color:color-mix(in srgb,var(--accent) 36%,var(--border));background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text)}
.live-filter-group b{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;border-radius:999px;background:var(--surface-3);font-size:10px}
.live-sort{display:flex;align-items:center;gap:8px;color:var(--text-faint);font-size:11px;font-weight:850;white-space:nowrap}
.live-sort select{border:1px solid var(--border);border-radius:10px;padding:8px 28px 8px 10px;background:var(--surface);color:var(--text);font:inherit;font-size:11px}
.live-server-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:0}
.live-server-card{display:block;padding:16px;border-radius:20px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2) 86%,transparent));box-shadow:0 8px 24px rgba(8,12,20,.04)}
.live-server-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(8,12,20,.09)}
.live-server-card-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px}
.live-server-name{min-width:0}.live-server-name strong{display:block;font-size:14px}.live-server-state{display:flex;align-items:center;gap:6px;margin-top:4px;color:var(--text-faint);font-size:10px;font-weight:800}.live-server-state i{width:7px;height:7px;border-radius:50%;background:#2fbf8f;box-shadow:0 0 0 4px rgba(47,191,143,.1)}
.live-server-rank{padding:5px 7px;border-radius:9px;background:var(--surface-3);color:var(--text-soft);font-size:10px;font-weight:900}
.live-server-online-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:16px 0 10px}.live-server-online-row small{color:var(--text-faint);font-size:10px;text-align:right}.live-server-online{display:flex;align-items:baseline;gap:6px;margin:0}.live-server-online strong{font-size:28px;letter-spacing:-.04em}.live-server-online span{font-size:11px}
.live-server-progress{height:7px;margin-top:0;background:var(--surface-3)}
.live-server-card.load-busy .live-server-progress i{background:linear-gradient(90deg,#e8a329,#ff8a00)}
.live-server-card.load-full{border-color:rgba(225,83,93,.36)}.live-server-card.load-full .live-server-state i{background:#e1535d;box-shadow:0 0 0 4px rgba(225,83,93,.12)}.live-server-card.load-full .live-server-progress i{background:linear-gradient(90deg,#ff8a00,#e1535d)}
.live-server-card.load-quiet .live-server-state i{background:#4b82f0;box-shadow:0 0 0 4px rgba(75,130,240,.1)}
.live-server-empty{grid-column:1/-1;padding:36px;text-align:center;border:1px dashed var(--border-strong);border-radius:18px;color:var(--text-soft)}
.live-online-shell.compact .live-online-overview{grid-template-columns:1fr 1.25fr}.live-online-shell.compact .live-overview-card:nth-child(3){display:none}.live-online-shell.compact .live-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-online-shell.compact .live-server-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.live-online-shell.compact .live-server-card{padding:13px}.live-online-shell.compact .live-server-online strong{font-size:22px}.live-online-shell.compact .live-server-rank{display:none}
.review-page-024 .review-stat.danger{border-color:rgba(225,83,93,.3)}
.review-priority-panel{margin:22px 0;padding:22px;border:1px solid rgba(225,83,93,.25);border-radius:22px;background:linear-gradient(145deg,rgba(225,83,93,.07),var(--surface));box-shadow:var(--shadow)}
.review-priority-head{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start}.review-priority-head>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:rgba(225,83,93,.12);color:#e1535d}.review-priority-head svg{width:22px}.review-priority-head h2{margin:3px 0 5px}.review-priority-head p{margin:0;color:var(--text-soft)}
.review-priority-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px}.review-priority-list a{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text)}.review-priority-list a>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--surface-3);color:var(--accent)}.review-priority-list svg{width:18px}.review-priority-list strong,.review-priority-list small{display:block}.review-priority-list small{margin-top:3px;color:#e1535d}.review-priority-list b{font-size:11px;color:var(--accent)}
.review-card{position:relative}.review-card.is-due{border-color:rgba(225,83,93,.32)}.review-card-top{display:flex;align-items:center;gap:10px}.review-card-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--surface-3);color:var(--accent)}.review-card-icon svg{width:17px}.review-card.is-due::after{content:"Срок истёк";position:absolute;right:12px;top:12px;padding:4px 7px;border-radius:999px;background:rgba(225,83,93,.12);color:#e1535d;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
@media(max-width:980px){.live-online-overview,.live-online-shell.compact .live-online-overview{grid-template-columns:1fr}.live-server-toolbar{align-items:flex-start;flex-direction:column}.live-sort{width:100%;justify-content:space-between}.live-server-grid,.live-online-shell.compact .live-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-priority-list{grid-template-columns:1fr}}
@media(max-width:620px){.live-online-shell{padding:18px}.live-overview-grid,.live-online-shell.compact .live-overview-grid{grid-template-columns:1fr}.live-overview-card{padding:14px}.live-server-grid,.live-online-shell.compact .live-server-grid{grid-template-columns:1fr}.live-filter-group{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:3px}.live-filter-group button{flex:0 0 auto}.live-total-card>strong{font-size:48px}.review-priority-list a{grid-template-columns:38px minmax(0,1fr)}.review-priority-list b{grid-column:2}}

/* --- Akulov Wiki 0.24.1: full visual rebuild of online dashboard --- */
.online-page .page-header{align-items:end}
.live-online-shell.v241{position:relative;overflow:hidden;padding:0;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-radius:32px;background:linear-gradient(145deg,#111822 0%,#0c121a 55%,#111821 100%);color:#f5f7fb;box-shadow:0 30px 90px rgba(4,9,16,.24)}
.live-online-shell.v241::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 4%,rgba(255,138,0,.16),transparent 34%),radial-gradient(circle at 92% 12%,rgba(47,191,143,.13),transparent 32%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,auto,36px 36px,36px 36px;pointer-events:none}
.live-online-shell.v241>.live-online-glow{display:none}
.live-command-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px 22px;border-bottom:1px solid rgba(255,255,255,.07)}
.live-command-header h2{margin:8px 0 7px;font-size:clamp(28px,3.4vw,46px);letter-spacing:-.055em;color:#fff}
.live-command-header p{max-width:760px;margin:0;color:#99a8b9;line-height:1.6}
.live-online-shell.v241 .live-online-kicker{display:flex;align-items:center;gap:9px;color:#55d99d;font-weight:850;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.live-online-shell.v241 .live-refresh{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.16)}
.live-online-shell.v241 .live-refresh:hover{border-color:rgba(255,153,47,.55);background:rgba(255,138,0,.13)}
.live-command-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(360px,1.2fr) minmax(420px,1fr);gap:16px;padding:18px 24px 0}
.live-total-stage{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 164px;align-items:center;min-height:240px;padding:30px;border:1px solid rgba(255,162,69,.25);border-radius:26px;background:linear-gradient(135deg,rgba(255,138,0,.18),rgba(255,138,0,.045) 48%,rgba(255,255,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.06)}
.live-total-copy{position:relative;z-index:2}
.live-total-copy>span{display:block;color:#ffbd76;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.live-total-copy>strong{display:block;margin:11px 0 12px;font-size:clamp(68px,8vw,112px);line-height:.82;letter-spacing:-.075em;color:#fff;text-shadow:0 18px 50px rgba(255,138,0,.2)}
.live-total-copy>small{color:#b2becc;font-size:13px}
.live-availability-ring{position:relative;z-index:2;width:148px;height:148px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#4de09e var(--availability),rgba(255,255,255,.075) 0);box-shadow:0 20px 50px rgba(0,0,0,.22)}
.live-availability-ring::before{content:"";position:absolute;inset:11px;border-radius:50%;background:#111821;border:1px solid rgba(255,255,255,.08)}
.live-availability-ring>div{position:relative;z-index:1;text-align:center}
.live-availability-ring strong{display:block;font-size:28px;letter-spacing:-.04em;color:#fff}
.live-availability-ring span{display:block;margin-top:4px;color:#8fa0b2;font-size:10px;font-weight:800;line-height:1.25;text-transform:uppercase;letter-spacing:.06em}
.live-stage-orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.055)}
.live-stage-orbit.one{width:260px;height:260px;right:-80px;top:-72px}
.live-stage-orbit.two{width:380px;height:380px;right:-150px;top:-132px}
.live-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.live-kpi-grid article{position:relative;overflow:hidden;min-height:114px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(255,255,255,.045);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.live-kpi-grid article::after{content:"";position:absolute;width:90px;height:90px;right:-38px;bottom:-48px;border-radius:50%;background:radial-gradient(circle,rgba(255,138,0,.14),transparent 70%)}
.live-kpi-grid span{display:block;color:#78899c;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.live-kpi-grid strong{display:block;margin:13px 0 6px;color:#fff;font-size:clamp(19px,2vw,28px);line-height:1.05;letter-spacing:-.035em}
.live-kpi-grid small{color:#9dadbd;font-size:11px}
.live-activity-board{position:relative;z-index:1;margin:16px 24px 0;padding:19px 20px 15px;border:1px solid rgba(255,255,255,.075);border-radius:24px;background:rgba(255,255,255,.03)}
.live-board-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:17px}
.live-board-head span,.live-podium-title span{display:block;color:#ffad59;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.live-board-head strong,.live-podium-title strong{display:block;margin-top:5px;color:#fff;font-size:18px}
.live-board-head>small{color:#75869a;font-size:11px}
.live-heatmap{display:grid;grid-template-columns:repeat(21,minmax(8px,1fr));align-items:end;gap:7px;height:118px}
.live-heat-item{display:grid;grid-template-rows:1fr auto;align-items:end;height:100%;min-width:0;gap:7px}
.live-heat-item i{display:block;width:100%;min-height:7px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#5ce3a7,#27986d);box-shadow:0 0 18px rgba(47,191,143,.14);transition:.2s}
.live-heat-item:hover i{filter:brightness(1.2);transform:translateY(-2px)}
.live-heat-item.load-busy i{background:linear-gradient(180deg,#ffc066,#ee851c);box-shadow:0 0 18px rgba(255,138,0,.18)}
.live-heat-item.load-full i{background:linear-gradient(180deg,#ff8f78,#d94e5a)}
.live-heat-item.load-quiet i{background:linear-gradient(180deg,#76a9ff,#477de2)}
.live-heat-item.is-offline i{background:#303a47;box-shadow:none}
.live-heat-item span{color:#65778a;font-size:9px;font-weight:800;text-align:center}
.live-podium{position:relative;z-index:1;display:grid;grid-template-columns:190px 1fr;align-items:center;gap:18px;margin:16px 24px;padding:18px 20px;border:1px solid rgba(255,255,255,.075);border-radius:24px;background:linear-gradient(90deg,rgba(255,138,0,.07),rgba(255,255,255,.025))}
.live-podium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.live-podium-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 13px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.045)}
.live-medal{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#2a3440;color:#d9e1eb;font-weight:950}
.live-podium-card.place-1 .live-medal{background:linear-gradient(135deg,#ffd77a,#f09523);color:#291b06;box-shadow:0 8px 24px rgba(240,149,35,.22)}
.live-podium-card.place-2 .live-medal{background:linear-gradient(135deg,#eef2f7,#9ba9b7);color:#202833}
.live-podium-card.place-3 .live-medal{background:linear-gradient(135deg,#e8a472,#9d5d34);color:#28170d}
.live-podium-card small{display:block;color:#718398;font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.07em}
.live-podium-card strong{display:block;margin-top:3px;color:#fff;font-size:13px}
.live-podium-card>b{color:#ffb05f;font-size:18px;letter-spacing:-.03em}
.live-online-shell.v241 .live-server-toolbar{position:relative;z-index:1;margin:0 24px 16px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}
.live-online-shell.v241 .live-filter-group button{color:#8fa0b3}
.live-online-shell.v241 .live-filter-group button:hover,.live-online-shell.v241 .live-filter-group button.active{color:#fff;border-color:rgba(255,155,51,.42);background:rgba(255,138,0,.13)}
.live-online-shell.v241 .live-filter-group b{background:#26313d;color:#d7e0e9}
.live-online-shell.v241 .live-sort{color:#77899c}
.live-online-shell.v241 .live-sort select{border-color:rgba(255,255,255,.1);background:#151e28;color:#fff}
.live-server-grid.v241-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0 24px 24px}
.live-server-card.v241{position:relative;overflow:hidden;display:block;min-width:0;padding:17px;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.025));color:#fff;box-shadow:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.live-server-card.v241:hover{transform:translateY(-4px);border-color:rgba(255,153,47,.38);background:linear-gradient(145deg,rgba(255,138,0,.09),rgba(255,255,255,.035));box-shadow:0 18px 40px rgba(0,0,0,.17)}
.live-card-accent{position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:#38c88e}
.live-server-card.v241.load-busy .live-card-accent{background:#ff9b32}.live-server-card.v241.load-full .live-card-accent{background:#e65d68}.live-server-card.v241.load-quiet .live-card-accent{background:#5d8fe8}.live-server-card.v241.is-unavailable .live-card-accent{background:#4a5664}
.live-server-card.v241 .live-server-card-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center}
.live-server-card.v241 .live-server-number{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.07);color:#ffb15f;font-size:15px;font-weight:950}
.live-server-card.v241 .live-server-name small{display:block;color:#66788b;font-size:8px;font-weight:900;letter-spacing:.1em}
.live-server-card.v241 .live-server-name strong{display:block;margin-top:3px;color:#fff;font-size:13px}
.live-server-card.v241 .live-server-rank{background:rgba(255,138,0,.12);color:#ffb05f}
.live-server-main-value{margin:22px 0 17px}
.live-server-main-value strong{display:block;color:#fff;font-size:42px;line-height:.9;letter-spacing:-.06em}
.live-server-main-value span{display:block;margin-top:7px;color:#7f91a4;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.live-server-progress-row{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;color:#8294a7;font-size:10px}
.live-server-progress-row b{color:#aebaca}
.live-server-card.v241 .live-server-progress{height:6px;margin:0;border-radius:999px;background:#25303b;overflow:hidden}
.live-server-card.v241 .live-server-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#43d79a,#2aa878)}
.live-server-card.v241.load-busy .live-server-progress i{background:linear-gradient(90deg,#ffc45f,#f08a1b)}
.live-server-card.v241.load-full .live-server-progress i{background:linear-gradient(90deg,#ff946f,#dc5260)}
.live-server-card.v241.load-quiet .live-server-progress i{background:linear-gradient(90deg,#75aaff,#477de1)}
.live-server-card.v241 footer{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:14px;color:#697b8e;font-size:9px}
.live-server-card.v241 .live-server-state{display:flex;align-items:center;gap:6px;color:#8495a7;font-size:9px;font-weight:850}
.live-server-card.v241 .live-server-state i{width:7px;height:7px;border-radius:50%;background:#43d79a;box-shadow:0 0 0 4px rgba(67,215,154,.1)}
.live-server-card.v241.is-unavailable .live-server-state i{background:#566473;box-shadow:none}
.live-online-shell.v241 .live-online-footer{position:relative;z-index:1;margin:0;padding:16px 24px;border-top:1px solid rgba(255,255,255,.07);color:#68798c}
.live-online-shell.compact.v241{padding:22px;background:linear-gradient(145deg,#111822,#0d141c)}
.live-compact-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.live-compact-head h2{margin:7px 0 0;color:#fff;font-size:26px}
.live-online-shell.compact.v241 .live-online-more{margin:0;color:#ffae59}
.live-compact-total{position:relative;z-index:1;margin:18px 0;padding:20px;border:1px solid rgba(255,153,47,.22);border-radius:20px;background:linear-gradient(120deg,rgba(255,138,0,.14),rgba(255,255,255,.03))}
.live-compact-total span,.live-compact-total small{display:block;color:#8495a8}.live-compact-total strong{display:block;margin:5px 0;color:#fff;font-size:48px;letter-spacing:-.06em}
.live-compact-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.live-compact-grid .live-server-card.v241{padding:13px}.live-compact-grid .live-server-main-value{margin:16px 0 12px}.live-compact-grid .live-server-main-value strong{font-size:30px}.live-compact-grid .live-server-card.v241 footer{display:none}
[data-theme="light"] .live-online-shell.v241{background:linear-gradient(145deg,#131c27,#0d151f);color:#f5f7fb}
@media(max-width:1180px){.live-command-grid{grid-template-columns:1fr}.live-server-grid.v241-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.live-podium{grid-template-columns:1fr}.live-podium-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.live-server-grid.v241-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-command-header{align-items:flex-start;flex-direction:column}.live-command-header .live-refresh{width:100%;justify-content:center}.live-heatmap{gap:4px}.live-heat-item span{font-size:8px}.live-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.live-online-shell.v241{border-radius:22px}.live-command-header{padding:22px 18px 18px}.live-command-grid{padding:14px 14px 0}.live-total-stage{grid-template-columns:1fr;gap:20px;padding:22px}.live-availability-ring{width:118px;height:118px}.live-total-copy>strong{font-size:66px}.live-kpi-grid{grid-template-columns:1fr 1fr}.live-activity-board,.live-podium{margin:12px 14px;padding:15px}.live-board-head{align-items:flex-start;flex-direction:column}.live-heatmap{grid-template-columns:repeat(11,1fr);height:auto;align-items:end}.live-heat-item{height:74px}.live-heat-item:nth-child(n+12){margin-top:8px}.live-podium-grid{grid-template-columns:1fr}.live-online-shell.v241 .live-server-toolbar{margin:0 14px 12px}.live-server-grid.v241-grid{grid-template-columns:1fr;padding:0 14px 16px}.live-online-shell.v241 .live-online-footer{padding:14px}.live-compact-grid{grid-template-columns:1fr}.live-kpi-grid article{min-height:104px}.live-podium-card{grid-template-columns:36px minmax(0,1fr) auto}}


/* 0.24.2 — защита публичной формы */
.report-turnstile{min-height:68px;display:flex;align-items:center;justify-content:center;padding:10px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}
.report-turnstile[hidden]{display:none}
.turnstile-loading{color:var(--text-soft);font-size:13px;font-weight:700}
@media(max-width:520px){.report-turnstile{padding:6px;overflow:hidden}}

/* Akulov Wiki 0.25 — демонстрационный каталог транспорта */
.transport-catalog-page{--transport-glow:rgba(42,167,220,.18)}
.transport-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:30px;align-items:center;overflow:hidden;margin-bottom:18px;padding:clamp(26px,4vw,48px);border:1px solid var(--border);border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,#15354a 36%,var(--surface)));box-shadow:var(--shadow)}
.transport-hero::before{content:"";position:absolute;inset:-35%;pointer-events:none;background:radial-gradient(circle at 75% 48%,rgba(42,167,220,.18),transparent 29%),radial-gradient(circle at 10% 110%,rgba(255,138,0,.13),transparent 34%);animation:transportGlow 9s ease-in-out infinite alternate}
.transport-hero>div{position:relative;z-index:1}
.transport-hero .page-title{margin:9px 0 14px;font-size:clamp(42px,6vw,76px)}
.transport-hero p{max-width:670px;margin:0;color:var(--text-soft);font-size:clamp(15px,1.7vw,19px);line-height:1.65}
.transport-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.transport-hero-showcase{min-height:330px;display:grid;place-items:center;isolation:isolate}
.transport-hero-showcase img{position:relative;z-index:2;width:min(100%,620px);aspect-ratio:16/9;object-fit:cover;border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.34);transform:perspective(1000px) rotateY(-7deg) rotateX(2deg);animation:vehicleFloat 5.5s ease-in-out infinite}
.transport-hero-showcase>span{position:absolute;z-index:3;right:8px;bottom:2px;padding:12px 16px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(12,17,24,.82);backdrop-filter:blur(14px);color:#fff;font-size:12px;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.transport-hero-showcase>span strong{display:block;font-size:24px;color:#65c9f0}
.transport-orbit{position:absolute;width:310px;height:310px;border:1px solid rgba(87,199,240,.2);border-radius:50%;box-shadow:0 0 0 44px rgba(87,199,240,.045),0 0 0 88px rgba(87,199,240,.02);animation:orbitSpin 18s linear infinite}
.transport-orbit::before,.transport-orbit::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#65c9f0;box-shadow:0 0 24px #65c9f0}
.transport-orbit::before{left:22px;top:54px}.transport-orbit::after{right:28px;bottom:46px}
.transport-demo-notice{margin-bottom:20px}
.transport-catalog-shell{padding:clamp(18px,3vw,30px);border:1px solid var(--border);border-radius:24px;background:color-mix(in srgb,var(--surface) 96%,transparent)}
.transport-catalog-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.transport-catalog-top h2{margin:5px 0 7px;font-size:clamp(27px,3.4vw,40px)}
.transport-catalog-top p{margin:0;color:var(--text-soft)}
.transport-count{flex:0 0 auto;padding:9px 12px;border-radius:999px;background:var(--surface-3);color:var(--text-soft);font-size:12px;font-weight:800}
.transport-filters{padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}
.transport-search-wrap{position:relative;display:flex;align-items:center;flex:1 1 300px}
.transport-search-wrap .ui-icon{position:absolute;left:14px;width:17px;height:17px;color:var(--text-faint);pointer-events:none}
.transport-search-wrap input{padding-left:42px}
.vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.demo-vehicle-card{display:flex;flex-direction:column;min-width:0;border-radius:20px;background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface-2) 82%,transparent));animation:catalogCardIn .45s ease both}
.demo-vehicle-card:nth-child(2n){animation-delay:.04s}.demo-vehicle-card:nth-child(3n){animation-delay:.08s}
.demo-vehicle-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--vehicle-accent) 50%,var(--border));box-shadow:0 22px 52px rgba(0,0,0,.14)}
.vehicle-card-link{display:block;flex:1;color:inherit;text-decoration:none}
.vehicle-visual.has-photo{height:210px;padding:0;background:#11151b}
.vehicle-visual.has-photo::before,.vehicle-visual.has-photo::after{display:none}
.vehicle-visual.has-photo img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .3s ease}
.demo-vehicle-card:hover .vehicle-visual.has-photo img{transform:scale(1.045);filter:saturate(1.08)}
.vehicle-visual.has-photo::selection{background:transparent}
.vehicle-visual.has-photo .vehicle-class,.vehicle-demo-label{position:absolute;z-index:3;top:14px;padding:7px 10px;border-radius:999px;background:rgba(11,15,21,.72);backdrop-filter:blur(10px);color:#fff;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;border:1px solid rgba(255,255,255,.11)}
.vehicle-visual.has-photo .vehicle-class{left:14px}.vehicle-demo-label{right:14px;color:#1f1300;background:linear-gradient(135deg,#ffd27a,#ff9f2f);border-color:transparent}
.vehicle-card-body{padding:18px 18px 15px}
.vehicle-card-title{display:flex;align-items:start;justify-content:space-between;gap:12px}
.vehicle-card-title small{display:block;margin-bottom:3px;color:var(--text-faint);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.vehicle-card-title h3{margin:0;font-size:19px;line-height:1.2}
.vehicle-drive{padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--vehicle-accent) 12%,transparent);color:color-mix(in srgb,var(--vehicle-accent) 80%,var(--text));font-size:10px;font-weight:850;white-space:nowrap}
.vehicle-card-description{min-height:42px;margin:10px 0 12px;color:var(--text-soft);font-size:12px;line-height:1.55}
.vehicle-source-chip{padding:5px 8px;border:1px solid var(--border);border-radius:999px;color:var(--text-faint);font-size:10px;font-weight:800}
.vehicle-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 74%,transparent)}
.vehicle-card-actions>a{display:inline-flex;align-items:center;gap:6px;color:var(--text-soft);font-size:11px;font-weight:800;text-decoration:none}
.vehicle-card-actions>a:hover{color:var(--accent)}
.vehicle-card-actions .ui-icon{width:14px;height:14px}
.transport-guides{margin-top:26px}

.vehicle-detail-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:18px;margin-bottom:18px}
.vehicle-detail-photo{position:relative;overflow:hidden;margin:0;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}
.vehicle-detail-photo>a{display:block;position:relative;height:100%;min-height:440px;padding:0}
.vehicle-detail-photo img{width:100%;height:100%;min-height:440px;object-fit:cover;transition:transform .6s ease}
.vehicle-detail-photo:hover img{transform:scale(1.025)}
.vehicle-detail-photo figcaption{position:absolute;left:14px;bottom:14px;z-index:3;padding:8px 11px;border-radius:11px;background:rgba(9,13,18,.75);backdrop-filter:blur(10px);color:#fff;font-size:11px;border:1px solid rgba(255,255,255,.1)}
.vehicle-detail-badge{position:absolute;z-index:3;top:16px;left:16px;padding:7px 10px;border-radius:999px;background:linear-gradient(135deg,#ffd27a,#ff9f2f);color:#201300;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.vehicle-detail-summary{display:flex;flex-direction:column;justify-content:center;padding:clamp(25px,4vw,44px);border:1px solid var(--border);border-radius:24px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--detail-accent) 18%,transparent),transparent 38%),linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--shadow)}
.vehicle-detail-kicker{display:flex;gap:8px;flex-wrap:wrap}
.vehicle-detail-kicker span{padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--detail-accent) 12%,transparent);color:color-mix(in srgb,var(--detail-accent) 78%,var(--text));font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.vehicle-detail-summary h1{margin:15px 0 12px;font-size:clamp(38px,5vw,64px);line-height:.95;letter-spacing:-.055em}
.vehicle-detail-summary>p{margin:0;color:var(--text-soft);font-size:16px;line-height:1.65}
.vehicle-detail-price{display:grid;gap:4px;margin-top:28px;padding-top:22px;border-top:1px solid var(--border)}
.vehicle-detail-price small{color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}
.vehicle-detail-price strong{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em}
.vehicle-detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.vehicle-data-warning{margin-top:18px;padding:12px 14px;border-radius:13px;background:rgba(215,139,19,.09);border:1px solid rgba(215,139,19,.22);color:var(--text-soft);font-size:12px;line-height:1.55}
.vehicle-spec-section{border-radius:22px}
.vehicle-spec-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.vehicle-spec-grid .spec{position:relative;overflow:hidden;padding:18px}
.vehicle-spec-grid .spec>.ui-icon{width:20px;height:20px;margin-bottom:17px;color:var(--detail-accent,var(--accent))}
.vehicle-pros-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}
.vehicle-pros-grid h2{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:20px}
.vehicle-pros-grid h2 .ui-icon{width:20px;height:20px}
.vehicle-pros-grid ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.vehicle-pros-grid li{position:relative;padding-left:24px;color:var(--text-soft)}
.vehicle-pros li::before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:900}
.vehicle-cons li::before{content:"•";position:absolute;left:5px;color:var(--warning);font-weight:900}
.vehicle-similar{margin-top:26px}
.vehicle-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}
.vehicle-photo-credit{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:18px;padding:13px 16px;border:1px solid var(--border);border-radius:14px;color:var(--text-faint);font-size:11px}
.vehicle-photo-credit span{display:flex;align-items:center;gap:7px}.vehicle-photo-credit .ui-icon{width:15px;height:15px}.vehicle-photo-credit a{color:var(--text-soft)}
.compare-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}
.vehicle-compare-table{width:100%;min-width:760px;border-collapse:collapse}
.vehicle-compare-table th,.vehicle-compare-table td{padding:16px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center}
.vehicle-compare-table th:first-child{position:sticky;left:0;z-index:2;min-width:150px;text-align:left;background:var(--surface-2)}
.vehicle-compare-table thead th{vertical-align:top;background:var(--surface-2)}
.vehicle-compare-table thead th:not(:first-child){min-width:220px}
.vehicle-compare-table thead img{display:block;width:100%;height:120px;object-fit:cover;border-radius:13px;margin-bottom:11px}
.vehicle-compare-table thead strong{display:block;font-size:15px}
.vehicle-compare-table thead button{margin-top:8px;border:0;background:transparent;color:var(--text-faint);font:inherit;font-size:10px;cursor:pointer}
.vehicle-compare-table thead button:hover{color:var(--danger,#e1535d)}
.vehicle-compare-table tr:last-child th,.vehicle-compare-table tr:last-child td{border-bottom:0}

@keyframes transportGlow{to{transform:translate3d(2%,1%,0) scale(1.03)}}
@keyframes vehicleFloat{0%,100%{transform:perspective(1000px) rotateY(-7deg) rotateX(2deg) translateY(0)}50%{transform:perspective(1000px) rotateY(-4deg) rotateX(1deg) translateY(-8px)}}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@keyframes catalogCardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:1120px){.transport-hero{grid-template-columns:1fr}.transport-hero-showcase{min-height:300px}.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-detail-hero{grid-template-columns:1fr}.vehicle-detail-photo>a,.vehicle-detail-photo img{min-height:380px}.vehicle-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.transport-hero{padding:24px 18px}.transport-hero-showcase{min-height:220px}.transport-hero-showcase img{border-radius:18px;transform:none;animation:vehicleFloatMobile 5.5s ease-in-out infinite}.transport-orbit{width:210px;height:210px}.transport-catalog-top{align-items:flex-start;flex-direction:column}.transport-count{align-self:flex-start}.transport-filters{display:grid;grid-template-columns:1fr}.transport-filters .select{width:100%}.vehicle-grid,.vehicle-grid.compact{grid-template-columns:1fr}.vehicle-visual.has-photo{height:210px}.vehicle-detail-photo>a,.vehicle-detail-photo img{min-height:280px}.vehicle-detail-summary{padding:25px 20px}.vehicle-detail-actions>*{width:100%;justify-content:center}.vehicle-spec-grid{grid-template-columns:1fr 1fr}.vehicle-pros-grid{grid-template-columns:1fr}.vehicle-photo-credit{flex-direction:column}.vehicle-card-description{min-height:0}}
@media(max-width:460px){.vehicle-spec-grid{grid-template-columns:1fr}.transport-hero .page-title{font-size:42px}.transport-hero-showcase>span{right:0}}
@keyframes vehicleFloatMobile{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.transport-hero::before,.transport-orbit,.transport-hero-showcase img,.demo-vehicle-card{animation:none!important}.demo-vehicle-card,.vehicle-visual.has-photo img,.vehicle-detail-photo img{transition:none!important}}

/* Akulov Wiki 0.25.1 — transport showroom concept implemented in the real site */
.transport-showroom-v2{--showroom-bg:#0a0f15;--showroom-panel:#111821;--showroom-border:#27313d;--showroom-muted:#8e9aa8}
.transport-showroom-header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:18px;padding:12px 2px 4px}
.transport-showroom-header .page-title{margin:7px 0 8px;font-size:clamp(42px,5.4vw,70px);letter-spacing:-.055em}
.transport-showroom-header p{max-width:760px;margin:0;color:var(--text-soft);font-size:16px;line-height:1.65}
.transport-header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:11px}
.transport-demo-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--border);border-radius:999px;color:var(--text-soft);font-size:11px;font-weight:800;background:var(--surface)}
.transport-demo-pill i{width:7px;height:7px;border-radius:50%;background:#28c781;box-shadow:0 0 0 5px rgba(40,199,129,.1),0 0 18px rgba(40,199,129,.5)}
.transport-demo-strip{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px 15px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--accent) 6%,var(--surface));color:var(--text-soft);font-size:12px;line-height:1.5}
.transport-demo-strip .ui-icon{flex:0 0 18px;width:18px;height:18px;color:var(--accent)}
.transport-demo-strip strong{color:var(--text)}
.showroom-catalog-shell{overflow:hidden;padding:0;border-radius:26px;background:linear-gradient(145deg,#0c1219,#080d12);border-color:#222c37;box-shadow:0 28px 80px rgba(0,0,0,.24)}
.showroom-catalog-top{margin:0;padding:27px 28px 20px;border-bottom:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 84% -60%,rgba(255,138,0,.15),transparent 38%)}
.showroom-catalog-top h2{color:#f6f8fb}
.showroom-catalog-top p,.showroom-catalog-top .eyebrow{color:#8c98a7}
.showroom-catalog-top .eyebrow{color:#f59a29}
.showroom-catalog-top .transport-count{background:#151d27;color:#96a4b5;border:1px solid #26313e}
.showroom-catalog-top .transport-count b{color:#fff}
.showroom-filterbar{margin:16px 18px;padding:10px;border-color:#25303c;background:#0d141c}
.showroom-filterbar .input,.showroom-filterbar .select{border-color:#26313d;background:#111923;color:#e9edf3}
.showroom-filterbar .input::placeholder{color:#657285}
.showroom-filterbar .transport-reset{min-height:43px;background:#141c25;color:#9eabba;border-color:#2b3744}
.transport-catalog-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:16px;padding:0 18px 22px}
.showroom-vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:13px}
.showroom-vehicle-card{--tilt-x:0deg;--tilt-y:0deg;--glow-x:50%;--glow-y:20%;position:relative;overflow:hidden;border-radius:17px;border:1px solid #26313d;background:linear-gradient(180deg,#121a24,#0e151d);box-shadow:0 16px 36px rgba(0,0,0,.18);transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(0);transform-style:preserve-3d;transition:transform .18s ease,border-color .22s ease,box-shadow .22s ease;animation:showroomCardReveal .5s ease both;will-change:transform}
.showroom-vehicle-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--glow-x) var(--glow-y),rgba(255,255,255,.08),transparent 27%);opacity:.7;transition:opacity .2s ease}
.showroom-vehicle-card:hover{transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-5px);border-color:color-mix(in srgb,var(--vehicle-accent) 52%,#394451);box-shadow:0 25px 58px rgba(0,0,0,.32),0 0 0 1px color-mix(in srgb,var(--vehicle-accent) 12%,transparent)}
.showroom-vehicle-card:nth-child(2){animation-delay:.035s}.showroom-vehicle-card:nth-child(3){animation-delay:.07s}.showroom-vehicle-card:nth-child(4){animation-delay:.105s}.showroom-vehicle-card:nth-child(5){animation-delay:.14s}.showroom-vehicle-card:nth-child(6){animation-delay:.175s}
.showroom-photo{position:relative;height:190px;overflow:hidden;background:linear-gradient(150deg,#17212c,#080d12)}
.showroom-photo::before{content:"";display:block!important;position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 52%,#111923 100%),radial-gradient(circle at 55% 58%,color-mix(in srgb,var(--vehicle-accent) 23%,transparent),transparent 43%)}
.showroom-photo::after{content:"";display:block!important;position:absolute;z-index:2;left:12%;right:12%;bottom:15px;height:12px;border-radius:50%;background:rgba(0,0,0,.62);filter:blur(8px);transform:perspective(180px) rotateX(66deg)}
.showroom-photo img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.06) brightness(.9);transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .3s ease;transform:scale(1.02)}
.showroom-vehicle-card:hover .showroom-photo img{transform:scale(1.075) translateY(-2px);filter:saturate(1.06) contrast(1.07) brightness(.98)}
.vehicle-ambient-glow{position:absolute;z-index:0;width:150px;height:150px;right:-25px;top:-32px;border-radius:50%;background:var(--vehicle-accent);filter:blur(65px);opacity:.22}
.vehicle-floor-reflection{position:absolute;z-index:2;left:26%;right:26%;bottom:4px;height:20px;border-radius:50%;background:var(--vehicle-accent);filter:blur(18px);opacity:.16}
.showroom-photo .vehicle-class{position:absolute;z-index:4;left:12px;top:12px;display:grid;place-items:center;min-width:31px;height:31px;padding:0 7px;border-radius:8px;background:rgba(11,15,21,.84);border:1px solid color-mix(in srgb,var(--vehicle-accent) 58%,rgba(255,255,255,.14));color:color-mix(in srgb,var(--vehicle-accent) 78%,#fff);font-size:12px;font-weight:950;box-shadow:0 8px 20px rgba(0,0,0,.22)}
.vehicle-card-star{position:absolute;z-index:4;right:13px;top:9px;color:#7f8b9a;font-size:24px;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.showroom-card-body{padding:15px 15px 13px;color:#edf1f6}
.vehicle-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}
.vehicle-card-heading small{display:block;margin-bottom:3px;color:#7d8997;font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.vehicle-card-heading h3{margin:0;color:#f4f6f9;font-size:17px;letter-spacing:-.025em}
.vehicle-demo-label.compact{position:static;display:inline-flex;flex:0 0 auto;padding:5px 7px;border-radius:999px;background:rgba(255,153,37,.12);border:1px solid rgba(255,153,37,.22);color:#ffa02f;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.showroom-price{display:block;margin:9px 0 12px;color:#ff941f;font-size:17px;letter-spacing:.015em}
.showroom-card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-top:10px;border-top:1px solid rgba(255,255,255,.065)}
.showroom-card-stats span{display:grid;grid-template-columns:15px minmax(0,1fr);column-gap:5px;align-items:center;min-width:0}
.showroom-card-stats .ui-icon{grid-row:1/3;width:14px;height:14px;color:#8391a1}
.showroom-card-stats b{overflow:hidden;color:#eef2f6;font-size:10px;white-space:nowrap;text-overflow:ellipsis}
.showroom-card-stats small{color:#657284;font-size:8px}
.showroom-card-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:11px}
.showroom-card-tags span{padding:5px 7px;border:1px solid #293542;border-radius:7px;background:#111923;color:#8290a1;font-size:8px;font-weight:750}
.showroom-actions{position:relative;z-index:4;padding:10px 14px;border-color:#25303b;background:#0c1219}
.showroom-actions,.showroom-actions a{color:#8e9aaa}
.showroom-actions a:hover{color:#ff9b28}
.showroom-actions .compare-toggle{color:#8e9aaa;font-size:10px}
.showroom-actions input{accent-color:#ff941f}
.transport-aside{display:grid;align-content:start;gap:13px}
.transport-aside-panel,.transport-aside-tip{border:1px solid #25303c;border-radius:16px;background:linear-gradient(180deg,#111923,#0d141c);box-shadow:0 14px 30px rgba(0,0,0,.13)}
.transport-aside-panel{padding:15px}
.transport-aside-title{display:flex;align-items:center;gap:8px;padding-bottom:12px;color:#f0f3f7;text-transform:uppercase;font-size:11px;letter-spacing:.055em}
.transport-aside-title .ui-icon{width:16px;height:16px;color:#ff941f}
.transport-ranking{display:grid;gap:6px}
.transport-ranking a{display:grid;grid-template-columns:24px 54px minmax(0,1fr);align-items:center;gap:8px;padding:7px;border-radius:10px;color:#fff;text-decoration:none;transition:background .18s ease,transform .18s ease}
.transport-ranking a:hover{background:#171f29;transform:translateX(2px)}
.transport-ranking em{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#202a35;color:#9ca8b7;font-style:normal;font-size:10px;font-weight:900}
.transport-ranking a:first-child em{background:#ff941f;color:#201100}
.transport-ranking img,.transport-new-list img{width:54px;height:34px;object-fit:cover;border-radius:7px;filter:saturate(.9) brightness(.88)}
.transport-ranking span,.transport-new-list span{min-width:0}.transport-ranking strong,.transport-new-list strong{display:block;overflow:hidden;color:#eef2f7;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.transport-ranking small,.transport-new-list small{display:block;margin-top:2px;color:#6f7c8c;font-size:9px}
.transport-new-list{display:grid;gap:5px}
.transport-new-list a{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:9px;padding:7px;color:#fff;text-decoration:none;border-radius:10px}
.transport-new-list a:hover{background:#171f29}
.transport-aside-tip{display:flex;gap:10px;padding:14px;color:#8592a2}
.transport-aside-tip>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:rgba(255,148,31,.1);color:#ff941f}
.transport-aside-tip .ui-icon{width:17px;height:17px}.transport-aside-tip strong{display:block;color:#e9edf3;font-size:11px}.transport-aside-tip p{margin:5px 0 0;font-size:10px;line-height:1.55}

/* vehicle detail showroom */
.vehicle-showroom-page{--hero-x:0px;--hero-y:0px}
.vehicle-showroom-hero{position:relative;display:grid;grid-template-columns:minmax(260px,.78fr) minmax(420px,1.45fr) minmax(220px,.62fr);min-height:530px;overflow:hidden;margin-bottom:14px;border:1px solid #27313c;border-radius:25px;background:radial-gradient(circle at 54% 44%,color-mix(in srgb,var(--detail-accent) 19%,transparent),transparent 29%),linear-gradient(135deg,#0b1118,#080d12 58%,#10161e);box-shadow:0 30px 85px rgba(0,0,0,.29);color:#f4f6f9}
.vehicle-showroom-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(4,8,12,.94) 0%,rgba(4,8,12,.62) 30%,transparent 54%,rgba(4,8,12,.2) 68%,rgba(4,8,12,.78) 100%)}
.vehicle-showroom-hero::after{content:"";position:absolute;left:34%;right:19%;bottom:-36px;height:100px;border-radius:50%;background:color-mix(in srgb,var(--detail-accent) 18%,transparent);filter:blur(44px);opacity:.72}
.vehicle-showroom-copy{position:relative;z-index:4;align-self:center;padding:42px 0 42px 38px}
.vehicle-premium-tag{display:inline-flex;padding:7px 10px;border:1px solid rgba(255,148,31,.34);border-radius:7px;background:rgba(255,148,31,.07);color:#ff9b28;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.vehicle-showroom-copy h1{margin:17px 0 13px;font-size:clamp(42px,4.8vw,72px);line-height:.93;letter-spacing:-.06em;text-transform:uppercase}
.vehicle-showroom-copy p{max-width:410px;margin:0;color:#a4afbc;font-size:13px;line-height:1.7}
.vehicle-showroom-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}
.vehicle-showroom-buttons .primary-button,.vehicle-showroom-buttons .secondary-button{min-height:44px}
.vehicle-showroom-buttons .ui-icon{width:16px;height:16px}
.vehicle-showroom-stage{position:relative;z-index:2;display:grid;place-items:center;min-width:0;transform:translate(var(--hero-x),var(--hero-y));transition:transform .16s ease;will-change:transform}
.vehicle-showroom-stage img{position:relative;z-index:3;width:113%;height:100%;max-height:530px;object-fit:cover;filter:saturate(.88) contrast(1.1) brightness(.88);mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 87%,transparent 100%);animation:showroomVehicleFloat 6s ease-in-out infinite}
.vehicle-stage-glow{position:absolute;z-index:1;width:65%;height:55%;border-radius:50%;background:var(--detail-accent);filter:blur(100px);opacity:.16}
.vehicle-stage-floor{position:absolute;z-index:2;left:17%;right:12%;bottom:45px;height:28px;border-radius:50%;background:#000;filter:blur(12px);opacity:.72;transform:perspective(220px) rotateX(68deg)}
.vehicle-stage-label{position:absolute;z-index:4;left:8%;bottom:26px;padding:8px 11px;border-radius:9px;background:rgba(8,12,17,.74);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);color:#d7dde5;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.vehicle-showroom-rail{position:relative;z-index:5;align-self:center;margin:24px 23px 24px 0;padding:8px 17px;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:rgba(10,15,21,.78);backdrop-filter:blur(18px);box-shadow:0 22px 50px rgba(0,0,0,.26)}
.vehicle-showroom-rail>div{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.vehicle-showroom-rail>div:last-child{border-bottom:0}.vehicle-showroom-rail .ui-icon{width:19px;height:19px;color:#ff941f}.vehicle-showroom-rail small,.vehicle-showroom-rail strong{display:block}.vehicle-showroom-rail small{color:#778494;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.vehicle-showroom-rail strong{margin-top:3px;color:#f4f6f8;font-size:12px;line-height:1.25}
.vehicle-demo-inline{display:flex;align-items:center;gap:9px;margin-bottom:14px;padding:10px 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text-soft);font-size:11px}.vehicle-demo-inline .ui-icon{width:15px;height:15px;color:var(--accent)}
.vehicle-showroom-dashboard{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.45fr;gap:12px;margin-bottom:25px}
.vehicle-dashboard-panel{min-width:0;padding:20px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(155deg,var(--surface),color-mix(in srgb,var(--surface-2) 75%,transparent));box-shadow:0 15px 36px rgba(0,0,0,.08)}
.showroom-panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.showroom-panel-title h2{margin:0;font-size:17px}.showroom-panel-title span{color:var(--text-faint);font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.vehicle-score-row{display:grid;grid-template-columns:minmax(96px,.9fr) minmax(80px,1fr) 28px;align-items:center;gap:8px;margin:11px 0;font-size:10px}.vehicle-score-row>span{display:flex;align-items:center;gap:6px;color:var(--text-soft)}.vehicle-score-row .ui-icon{width:14px;height:14px;color:var(--text-faint)}.vehicle-score-row i{height:4px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.vehicle-score-row i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8a00,#ffb24c);box-shadow:0 0 12px rgba(255,138,0,.32)}.vehicle-score-row>strong{font-size:10px;text-align:right}
.vehicle-dashboard-panel ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.vehicle-dashboard-panel li{position:relative;padding-left:20px;color:var(--text-soft);font-size:11px;line-height:1.5}.vehicle-pros li::before{content:"+";position:absolute;left:0;color:#4bc889;font-size:15px;font-weight:900}.vehicle-features li::before{content:"◆";position:absolute;left:1px;top:2px;color:#ff941f;font-size:9px}
.vehicle-gallery-main{display:block;height:122px;overflow:hidden;border-radius:11px}.vehicle-gallery-main img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.04)}.vehicle-gallery-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}.vehicle-gallery-thumbs a{height:50px;overflow:hidden;border:1px solid var(--border);border-radius:8px}.vehicle-gallery-thumbs img{width:100%;height:100%;object-fit:cover}.vehicle-gallery-thumbs a:nth-child(2) img{transform:scale(1.55);object-position:28% 58%}.vehicle-gallery-thumbs a:nth-child(3) img{transform:scale(1.7);object-position:78% 50%}
.showroom-similar{margin-top:0}.showroom-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.showroom-related-grid .showroom-photo{height:140px}.showroom-related-grid .vehicle-card-description{display:none}
.vehicle-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px}.vehicle-detail-footer .vehicle-photo-credit{flex:1;margin:0}
@keyframes showroomCardReveal{from{opacity:0;transform:perspective(1100px) translateY(16px) scale(.985)}to{opacity:1;transform:perspective(1100px) translateY(0) scale(1)}}
@keyframes showroomVehicleFloat{0%,100%{transform:translateY(0) scale(1.02)}50%{transform:translateY(-5px) scale(1.025)}}
@media(max-width:1420px){.transport-catalog-layout{grid-template-columns:minmax(0,1fr) 245px}.showroom-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-showroom-hero{grid-template-columns:minmax(240px,.78fr) minmax(390px,1.35fr) 220px}.vehicle-showroom-dashboard{grid-template-columns:1fr 1fr}.showroom-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1080px){.transport-showroom-header{align-items:flex-start;flex-direction:column}.transport-header-actions{justify-content:flex-start}.transport-catalog-layout{grid-template-columns:1fr}.transport-aside{grid-template-columns:1fr 1fr}.transport-aside-tip{grid-column:1/-1}.vehicle-showroom-hero{grid-template-columns:minmax(230px,.72fr) minmax(360px,1.28fr)}.vehicle-showroom-rail{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin:0 22px 22px}.vehicle-showroom-rail>div{border-bottom:0;border-right:1px solid rgba(255,255,255,.08)}.vehicle-showroom-rail>div:nth-child(3n){border-right:0}.vehicle-showroom-stage img{max-height:430px}.vehicle-showroom-copy{padding-left:28px}}
@media(max-width:760px){.showroom-catalog-top{align-items:flex-start;flex-direction:column;padding:22px 17px 16px}.showroom-filterbar{display:grid;grid-template-columns:1fr;margin:12px}.showroom-filterbar>*{width:100%}.transport-catalog-layout{padding:0 12px 15px}.showroom-vehicle-grid{grid-template-columns:1fr}.transport-aside{grid-template-columns:1fr}.transport-aside-tip{grid-column:auto}.showroom-photo{height:220px}.vehicle-showroom-hero{display:flex;flex-direction:column;min-height:0}.vehicle-showroom-copy{order:2;padding:24px 20px 16px}.vehicle-showroom-copy h1{font-size:44px}.vehicle-showroom-stage{order:1;height:310px}.vehicle-showroom-stage img{width:100%;height:310px;mask-image:linear-gradient(180deg,#000 0%,#000 78%,transparent 100%)}.vehicle-showroom-rail{order:3;grid-template-columns:1fr 1fr;margin:0 14px 14px;padding:5px 13px}.vehicle-showroom-rail>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.vehicle-showroom-rail>div:nth-last-child(-n+2){border-bottom:0}.vehicle-showroom-dashboard{grid-template-columns:1fr}.showroom-related-grid{grid-template-columns:1fr}.vehicle-detail-footer{align-items:stretch;flex-direction:column}.vehicle-detail-footer .secondary-button{justify-content:center}.transport-demo-strip{align-items:flex-start}}
@media(max-width:480px){.transport-showroom-header .page-title{font-size:42px}.showroom-photo{height:205px}.showroom-card-stats{grid-template-columns:1fr 1fr}.showroom-card-stats span:last-child{display:none}.vehicle-showroom-stage{height:260px}.vehicle-showroom-stage img{height:260px}.vehicle-showroom-copy h1{font-size:37px}.vehicle-showroom-buttons>*{width:100%;justify-content:center}.vehicle-showroom-rail{grid-template-columns:1fr}.vehicle-showroom-rail>div{border-bottom:1px solid rgba(255,255,255,.08)!important}.vehicle-showroom-rail>div:last-child{border-bottom:0!important}}
@media(prefers-reduced-motion:reduce){.showroom-vehicle-card,.vehicle-showroom-stage,.vehicle-showroom-stage img{animation:none!important;transition:none!important}.showroom-vehicle-card,.showroom-vehicle-card:hover{transform:none!important}}

/* Akulov Wiki 0.25.2 — factual vehicle cards */
.verified-vehicle-card .vehicle-card-heading small{color:#7e8a99;text-transform:uppercase;letter-spacing:.08em}
.factual-card-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}
.factual-card-stats span{padding:8px 9px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(255,255,255,.025)}
.factual-card-stats b{font-size:11px}.factual-card-stats small{font-size:8px}
.factual-vehicle-rail{padding-block:10px}
.factual-note{border-color:color-mix(in srgb,var(--detail-accent) 28%,var(--border));background:color-mix(in srgb,var(--detail-accent) 7%,var(--surface));color:var(--text-soft)}
.vehicle-angle-showcase{margin:0 0 28px;padding:24px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2) 82%,transparent));box-shadow:0 18px 42px rgba(0,0,0,.08)}
.vehicle-angle-showcase .section-heading{margin-bottom:17px}
.vehicle-angle-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vehicle-angle-card{position:relative;min-height:300px;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--detail-accent) 14%,transparent),transparent 55%),#0d131b;color:var(--text);text-decoration:none;box-shadow:0 16px 34px rgba(0,0,0,.13);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.vehicle-angle-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--detail-accent) 48%,var(--border));box-shadow:0 24px 44px rgba(0,0,0,.19)}
.vehicle-angle-card>span{position:absolute;z-index:2;left:14px;top:14px;padding:7px 10px;border-radius:999px;background:rgba(9,13,18,.72);backdrop-filter:blur(12px);color:#f2f5f8;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.vehicle-angle-card img{width:100%;height:100%;min-height:300px;object-fit:cover;display:block;transition:transform .45s ease,filter .35s ease;filter:saturate(.96) contrast(1.04)}
.vehicle-angle-card:hover img{transform:scale(1.025)}
.vehicle-angle-placeholder{display:grid;place-items:center;cursor:default}
.vehicle-angle-placeholder:hover{transform:none}
.vehicle-angle-placeholder>div{display:flex;max-width:320px;align-items:center;flex-direction:column;gap:10px;padding:34px;text-align:center;color:var(--text-soft)}
.vehicle-angle-placeholder .ui-icon{width:48px;height:48px;color:color-mix(in srgb,var(--detail-accent) 75%,#fff);opacity:.9}
.vehicle-angle-placeholder strong{font-size:16px;color:var(--text)}
.vehicle-angle-placeholder small{line-height:1.55}
@media(max-width:900px){.vehicle-angle-grid{grid-template-columns:1fr}.vehicle-angle-card,.vehicle-angle-card img{min-height:240px}}
@media(max-width:520px){.vehicle-angle-showcase{padding:16px;border-radius:18px}.vehicle-angle-card,.vehicle-angle-card img{min-height:200px}.factual-card-stats{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.factual-card-stats span:last-child{display:grid}}

/* Akulov Wiki 0.25.3 — interactive 2.5D economy showroom */
.economy-showroom-header {
  position: relative;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--border));
  background:
    radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 32%),
    linear-gradient(145deg, color-mix(in srgb, var(--surface) 94%, transparent), color-mix(in srgb, var(--surface-2) 78%, transparent));
}
.economy-showroom-header::after {
  content:"";
  position:absolute;
  inset:auto -8% -65% 42%;
  height:250px;
  background:radial-gradient(ellipse, color-mix(in srgb, var(--accent) 16%, transparent), transparent 67%);
  filter:blur(18px);
  pointer-events:none;
}
.economy-filterbar { grid-template-columns:minmax(260px,1fr) 230px auto; }
.economy-vehicle-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.economy-vehicle-card {
  min-width:0;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:22px;
  background:linear-gradient(160deg,var(--surface),color-mix(in srgb,var(--surface-2) 78%,transparent));
  transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));
  transform-style:preserve-3d;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.economy-vehicle-card:hover {
  border-color:color-mix(in srgb,var(--vehicle-accent) 48%,var(--border));
  box-shadow:0 24px 48px rgba(0,0,0,.18),0 0 0 1px color-mix(in srgb,var(--vehicle-accent) 12%,transparent);
}
.economy-vehicle-card .vehicle-card-link { display:block;color:inherit;text-decoration:none; }
.economy-vehicle-visual {
  position:relative;
  min-height:235px;
  overflow:hidden;
  background:
    radial-gradient(circle at var(--glow-x,50%) var(--glow-y,45%),color-mix(in srgb,var(--vehicle-accent) 18%,transparent),transparent 35%),
    linear-gradient(180deg,#10151c,#0b0f14);
}
.economy-vehicle-visual::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.08) 44%,transparent 64%);
  transform:translateX(-120%);
  transition:transform .7s ease;
}
.economy-vehicle-card:hover .economy-vehicle-visual::before { transform:translateX(120%); }
.economy-vehicle-visual img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:translateZ(22px) scale(1.025);
  transition:transform .32s ease,filter .32s ease;
}
.economy-vehicle-card:hover .economy-vehicle-visual img { transform:translateZ(36px) scale(1.055);filter:saturate(1.04) contrast(1.02); }
.economy-vehicle-visual::after {
  content:"";
  position:absolute;
  inset:auto 12% 8px;
  height:20px;
  border-radius:50%;
  background:rgba(0,0,0,.52);
  filter:blur(13px);
}
.economy-view-badge {
  position:absolute;
  z-index:3;
  right:12px;
  top:12px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(8,11,15,.72);
  color:#fff;
  backdrop-filter:blur(12px);
  font-size:11px;
  font-weight:800;
}
.economy-card-body { padding:18px 19px 20px; }
.economy-card-body small { color:var(--text-faint);font-size:11px;text-transform:uppercase;letter-spacing:.08em; }
.economy-card-body h3 { margin:7px 0 8px;font-size:20px;letter-spacing:-.025em; }
.economy-card-body p { min-height:42px;margin:0;color:var(--text-soft);font-size:13px;line-height:1.55; }
.economy-open-link { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;padding-top:13px;border-top:1px solid var(--border);color:var(--text);font-size:13px;font-weight:800; }
.economy-open-link .ui-icon { width:16px;height:16px;color:var(--vehicle-accent); }
.economy-transport-aside p { margin:10px 0 0;color:var(--text-soft);line-height:1.6;font-size:13px; }

.economy-vehicle-page { --viewer-x:0px;--viewer-y:0px;--viewer-rx:0deg;--viewer-ry:0deg; }
.economy-vehicle-hero {
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(520px,1.5fr);
  gap:22px;
  align-items:stretch;
  margin-bottom:18px;
}
.economy-vehicle-copy {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:34px;
  border:1px solid var(--border);
  border-radius:26px;
  background:linear-gradient(155deg,var(--surface),color-mix(in srgb,var(--surface-2) 76%,transparent));
  box-shadow:var(--shadow);
}
.economy-vehicle-copy h1 { margin:12px 0 14px;font-size:clamp(38px,5vw,66px);line-height:.96;letter-spacing:-.055em; }
.economy-vehicle-copy p { margin:0;color:var(--text-soft);line-height:1.7; }
.vehicle-2d-viewer {
  position:relative;
  isolation:isolate;
  min-height:600px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--detail-accent) 32%,var(--border));
  border-radius:28px;
  background:
    radial-gradient(circle at var(--viewer-light-x,72%) var(--viewer-light-y,24%),color-mix(in srgb,var(--detail-accent) 22%,transparent),transparent 30%),
    linear-gradient(155deg,#111820 0%,#090d12 65%,#06080b 100%);
  box-shadow:0 28px 70px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.04);
  cursor:grab;
  touch-action:pan-y;
  user-select:none;
}
.vehicle-2d-viewer.dragging { cursor:grabbing; }
.vehicle-2d-viewer:focus-visible { outline:2px solid var(--detail-accent);outline-offset:3px; }
.vehicle-2d-viewer::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 76%);
}
.viewer-ambient { position:absolute;z-index:-1;border-radius:50%;filter:blur(55px);pointer-events:none;transition:transform .18s ease-out; }
.viewer-ambient-one { width:310px;height:310px;right:-70px;top:-90px;background:color-mix(in srgb,var(--detail-accent) 23%,transparent);transform:translate(calc(var(--viewer-x) * -.55),calc(var(--viewer-y) * -.45)); }
.viewer-ambient-two { width:240px;height:240px;left:-90px;bottom:-80px;background:rgba(62,112,255,.13);transform:translate(calc(var(--viewer-x) * .35),calc(var(--viewer-y) * .35)); }
.viewer-grid-floor {
  position:absolute;
  left:-8%;right:-8%;bottom:-9%;height:43%;
  background:
    linear-gradient(to top,rgba(255,255,255,.025),transparent),
    repeating-linear-gradient(90deg,transparent 0 72px,rgba(255,255,255,.04) 73px),
    repeating-linear-gradient(0deg,transparent 0 56px,rgba(255,255,255,.035) 57px);
  transform:perspective(420px) rotateX(64deg) translateY(calc(var(--viewer-y) * .25));
  transform-origin:bottom;
  opacity:.72;
}
.viewer-model-stack { position:absolute;inset:0;display:grid;place-items:center;perspective:1000px; }
.viewer-model {
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transform:translate3d(var(--viewer-x),var(--viewer-y),0) rotateX(var(--viewer-rx)) rotateY(var(--viewer-ry)) scale(.985);
  transform-origin:center 62%;
  filter:saturate(1.02) contrast(1.03);
  transition:opacity .42s ease,transform .18s ease-out,filter .3s ease;
  pointer-events:none;
}
.viewer-model.active { opacity:1;transform:translate3d(var(--viewer-x),var(--viewer-y),0) rotateX(var(--viewer-rx)) rotateY(var(--viewer-ry)) scale(1.018); }
.viewer-model-shadow {
  position:absolute;
  left:17%;right:17%;bottom:7%;height:44px;
  border-radius:50%;
  background:rgba(0,0,0,.58);
  filter:blur(22px);
  transform:translateX(calc(var(--viewer-x) * -.25));
  opacity:.68;
  pointer-events:none;
}
.viewer-hud {
  position:absolute;
  left:18px;
  top:18px;
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  background:rgba(6,9,13,.63);
  color:#fff;
  backdrop-filter:blur(12px);
}
.viewer-hud span { display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.09em; }
.viewer-hud .ui-icon { width:15px;height:15px;color:var(--detail-accent); }
.viewer-hud small { color:rgba(255,255,255,.62);font-size:10px; }
.viewer-view-buttons {
  position:absolute;
  left:50%;
  bottom:18px;
  display:flex;
  gap:8px;
  transform:translateX(-50%);
  padding:7px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(7,10,14,.66);
  backdrop-filter:blur(14px);
}
.viewer-view-buttons button {
  border:0;
  border-radius:999px;
  padding:9px 13px;
  background:transparent;
  color:rgba(255,255,255,.68);
  font:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.viewer-view-buttons button.active { background:var(--detail-accent);color:#111;box-shadow:0 5px 18px color-mix(in srgb,var(--detail-accent) 26%,transparent); }
.vehicle-2d-viewer:fullscreen { width:100vw;height:100vh;min-height:100vh;border:0;border-radius:0; }
.economy-viewer-help {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:18px 0 34px;
}
.economy-viewer-help>div { display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--border);border-radius:17px;background:var(--surface); }
.economy-viewer-help .ui-icon { width:22px;height:22px;color:var(--detail-accent); }
.economy-viewer-help span { display:flex;flex-direction:column;gap:3px; }
.economy-viewer-help small { color:var(--text-soft); }
.economy-related-grid .economy-card-body p { display:none; }

@media(max-width:1180px){
  .economy-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .economy-vehicle-hero{grid-template-columns:1fr}
  .vehicle-2d-viewer{min-height:560px}
}
@media(max-width:760px){
  .economy-filterbar{grid-template-columns:1fr}
  .economy-vehicle-grid{grid-template-columns:1fr}
  .economy-vehicle-copy{padding:24px}
  .vehicle-2d-viewer{min-height:430px;border-radius:22px}
  .viewer-model{object-position:center}
  .economy-viewer-help{grid-template-columns:1fr}
  .viewer-hud{left:12px;top:12px}
  .viewer-view-buttons{bottom:12px}
}
@media(prefers-reduced-motion:reduce){
  .economy-vehicle-card,.economy-vehicle-visual img,.viewer-model,.viewer-ambient{transition:none!important;transform:none!important}
}

/* Akulov Wiki 0.25.4 — motion 3D transport prototype */
.motion-catalog-page{--motion-panel:#0d131b;--motion-panel-2:#111923;--motion-border:rgba(255,255,255,.08)}
.motion-showroom-header{position:relative;overflow:hidden;padding:28px 30px;margin-bottom:16px;border:1px solid var(--motion-border);border-radius:24px;background:
 radial-gradient(circle at 83% 20%,color-mix(in srgb,var(--accent) 17%,transparent),transparent 32%),
 linear-gradient(145deg,#111821,#090e14 70%);box-shadow:0 30px 70px rgba(0,0,0,.2)}
.motion-showroom-header::after{content:"";position:absolute;inset:auto -10% -55% 35%;height:260px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 12%,transparent),transparent 68%);filter:blur(24px);pointer-events:none}
.motion-showroom-header>*{position:relative;z-index:1}
.motion-catalog-shell{overflow:visible;background:linear-gradient(180deg,rgba(14,20,28,.96),rgba(8,13,19,.98));border-color:rgba(255,255,255,.07)}
.motion-vehicle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-content:start}
.motion-vehicle-card{--motion-rx:0deg;--motion-ry:0deg;--motion-x:0px;--motion-y:0px;--motion-light-x:50%;--motion-light-y:45%;position:relative;min-width:0;perspective:1100px;isolation:isolate;animation:motionCardIn .65s cubic-bezier(.2,.75,.2,1) both}
.motion-vehicle-card:nth-child(2){animation-delay:.07s}.motion-vehicle-card:nth-child(3){animation-delay:.14s}
@keyframes motionCardIn{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}
.motion-card-link{display:block;overflow:hidden;min-height:410px;color:inherit;text-decoration:none;border:1px solid var(--motion-border);border-radius:24px;background:linear-gradient(160deg,#131b25,#0a1017 72%);box-shadow:0 25px 60px rgba(0,0,0,.18);transform-style:preserve-3d;transform:rotateX(var(--motion-rx)) rotateY(var(--motion-ry));transition:transform .18s ease,border-color .25s ease,box-shadow .25s ease}
.motion-vehicle-card:hover .motion-card-link{border-color:color-mix(in srgb,var(--vehicle-accent) 42%,rgba(255,255,255,.08));box-shadow:0 34px 80px rgba(0,0,0,.32),0 0 42px color-mix(in srgb,var(--vehicle-accent) 13%,transparent)}
.motion-card-stage{position:relative;height:280px;overflow:hidden;background:
 radial-gradient(circle at var(--motion-light-x) var(--motion-light-y),color-mix(in srgb,var(--vehicle-accent) 23%,transparent),transparent 33%),
 linear-gradient(180deg,#101822 0%,#0a1118 65%,#070b10 100%);transform-style:preserve-3d}
.motion-card-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.035) 45%,transparent 70%);transform:translateX(calc(var(--motion-x) * 1.8));transition:transform .2s ease}
.motion-card-grid{position:absolute;left:-15%;right:-15%;bottom:-52%;height:75%;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;transform:perspective(300px) rotateX(66deg) translateY(calc(var(--motion-y) * .8));transform-origin:center top;mask-image:linear-gradient(180deg,#000,transparent 78%);opacity:.52}
.motion-card-orbit{position:absolute;left:50%;top:48%;border:1px solid color-mix(in srgb,var(--vehicle-accent) 28%,transparent);border-radius:50%;transform:translate(-50%,-50%) rotateX(66deg);box-shadow:0 0 24px color-mix(in srgb,var(--vehicle-accent) 8%,transparent)}
.motion-card-orbit-one{width:330px;height:145px}.motion-card-orbit-two{width:245px;height:105px;opacity:.55}
.motion-card-shadow{position:absolute;left:50%;bottom:32px;width:58%;height:34px;border-radius:50%;background:rgba(0,0,0,.72);filter:blur(16px);transform:translateX(calc(-50% + var(--motion-x) * -.45)) scaleX(calc(1 + var(--motion-y) * .003));opacity:.9}
.motion-card-car{position:absolute;inset:22px 20px 6px;display:grid;place-items:center;transform-style:preserve-3d;transform:translate3d(var(--motion-x),var(--motion-y),56px) rotateX(calc(var(--motion-rx) * -.28)) rotateY(calc(var(--motion-ry) * -.32));transition:transform .18s ease}
.motion-car-main,.motion-car-glow,.motion-car-reflection{position:absolute;max-width:94%;max-height:82%;object-fit:contain;user-select:none;pointer-events:none}
.motion-car-main{z-index:3;filter:contrast(1.05) saturate(.92) drop-shadow(0 22px 18px rgba(0,0,0,.48)) drop-shadow(0 0 18px color-mix(in srgb,var(--vehicle-accent) 12%,transparent));mask-image:radial-gradient(ellipse 82% 72% at 50% 54%,#000 50%,rgba(0,0,0,.94) 68%,transparent 90%)}
.motion-car-glow{z-index:1;opacity:.36;filter:blur(20px) saturate(1.3);transform:scale(1.04);mix-blend-mode:screen}
.motion-car-reflection{z-index:0;top:66%;opacity:.12;transform:scaleY(-.42);filter:blur(2px) saturate(.55);mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 78%)}
.motion-car-shine{position:absolute;z-index:4;width:62%;height:58%;left:19%;top:12%;border-radius:50%;background:radial-gradient(circle at var(--motion-light-x) var(--motion-light-y),rgba(255,255,255,.35),rgba(255,255,255,.07) 18%,transparent 50%);mix-blend-mode:screen;filter:blur(3px);opacity:.55;pointer-events:none}
.motion-card-view-count{position:absolute;z-index:6;right:14px;top:14px;padding:7px 10px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(6,10,15,.72);backdrop-filter:blur(12px);color:#dce4ed;font-size:10px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.motion-card-body{position:relative;z-index:5;padding:20px 22px 22px;border-top:1px solid rgba(255,255,255,.065);background:linear-gradient(180deg,rgba(15,22,31,.96),rgba(9,14,20,.98));transform:translateZ(24px)}
.motion-card-body small{display:block;color:var(--vehicle-accent);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.motion-card-body h3{margin:7px 0 6px;color:#f3f6fa;font-size:23px;letter-spacing:-.035em}
.motion-card-body p{min-height:42px;margin:0;color:#8f9bab;font-size:12px;line-height:1.6}
.motion-card-open{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.065);color:#d7dee8;font-size:12px;font-weight:800}
.motion-card-open .ui-icon{width:16px;height:16px;color:var(--vehicle-accent);transition:transform .2s ease}.motion-vehicle-card:hover .motion-card-open .ui-icon{transform:translateX(4px)}
.motion-transport-aside{position:sticky;top:88px}

.motion-vehicle-page{--viewer-x:0px;--viewer-y:0px;--viewer-rx:0deg;--viewer-ry:0deg;--viewer-light-x:50%;--viewer-light-y:42%}
.motion-detail-hero{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(520px,1.28fr);gap:18px;align-items:stretch;margin-bottom:16px}
.motion-detail-copy{display:flex;flex-direction:column;justify-content:center;padding:34px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(150deg,#121a24,#0a1017);box-shadow:0 28px 68px rgba(0,0,0,.22)}
.motion-detail-copy h1{margin:10px 0 12px;font-size:clamp(44px,5.8vw,76px);letter-spacing:-.06em;line-height:.94;color:#f5f7fa}
.motion-detail-copy p{margin:0;color:#98a4b2;line-height:1.75}
.motion-detail-copy .vehicle-showroom-buttons{margin-top:24px}
.motion-model-viewer{position:relative;min-height:570px;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:26px;background:
 radial-gradient(circle at var(--viewer-light-x) var(--viewer-light-y),color-mix(in srgb,var(--detail-accent) 24%,transparent),transparent 30%),
 linear-gradient(180deg,#111a25,#080d13 68%,#05080c);box-shadow:0 35px 90px rgba(0,0,0,.32);perspective:1500px;isolation:isolate;cursor:grab;touch-action:pan-y}
.motion-model-viewer.dragging{cursor:grabbing}
.motion-model-viewer::after{content:"";position:absolute;inset:0;z-index:7;background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.04) 42%,transparent 63%);transform:translateX(calc(var(--viewer-x) * 1.5));pointer-events:none}
.motion-viewer-atmosphere{position:absolute;border-radius:50%;filter:blur(55px);pointer-events:none}.motion-viewer-atmosphere-one{width:330px;height:330px;right:-100px;top:-80px;background:color-mix(in srgb,var(--detail-accent) 18%,transparent)}.motion-viewer-atmosphere-two{width:260px;height:260px;left:-80px;bottom:-90px;background:rgba(55,104,170,.12)}
.motion-viewer-grid{position:absolute;left:-20%;right:-20%;bottom:-40%;height:64%;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:42px 42px;transform:perspective(420px) rotateX(66deg) translateY(calc(var(--viewer-y) * .65));transform-origin:center top;mask-image:linear-gradient(180deg,#000,transparent 82%);opacity:.55}
.motion-viewer-platform{position:absolute;left:50%;bottom:72px;width:68%;height:130px;border:1px solid color-mix(in srgb,var(--detail-accent) 32%,transparent);border-radius:50%;transform:translateX(-50%) rotateX(69deg);box-shadow:inset 0 0 40px color-mix(in srgb,var(--detail-accent) 8%,transparent),0 0 60px color-mix(in srgb,var(--detail-accent) 12%,transparent)}
.motion-viewer-platform i{position:absolute;inset:18px;border:1px solid color-mix(in srgb,var(--detail-accent) 18%,transparent);border-radius:inherit}
.motion-viewer-shadow{position:absolute;z-index:2;left:50%;bottom:87px;width:52%;height:58px;border-radius:50%;background:rgba(0,0,0,.78);filter:blur(20px);transform:translateX(calc(-50% + var(--viewer-x) * -.25))}
.motion-viewer-models{position:absolute;z-index:4;inset:42px 36px 72px;transform-style:preserve-3d;transform:translate3d(var(--viewer-x),var(--viewer-y),80px) rotateX(var(--viewer-rx)) rotateY(var(--viewer-ry));transition:transform .16s ease}
.motion-view-layer{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(.96) rotateY(-6deg);transition:opacity .42s ease,transform .42s cubic-bezier(.2,.75,.2,1);pointer-events:none}
.motion-view-layer.active{opacity:1;transform:scale(1) rotateY(0)}
.motion-view-main,.motion-view-glow,.motion-view-reflection{position:absolute;max-width:96%;max-height:84%;object-fit:contain;user-select:none;pointer-events:none}
.motion-view-main{z-index:4;filter:contrast(1.06) saturate(.94) drop-shadow(0 28px 24px rgba(0,0,0,.58)) drop-shadow(0 0 28px color-mix(in srgb,var(--detail-accent) 16%,transparent));mask-image:radial-gradient(ellipse 86% 78% at 50% 53%,#000 52%,rgba(0,0,0,.96) 70%,transparent 92%)}
.motion-view-glow{z-index:1;opacity:.36;filter:blur(32px) saturate(1.25);transform:scale(1.035);mix-blend-mode:screen}
.motion-view-reflection{z-index:0;top:69%;opacity:.12;transform:scaleY(-.38);filter:blur(3px) saturate(.55);mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 78%)}
.motion-view-specular{position:absolute;z-index:6;width:68%;height:60%;left:16%;top:12%;border-radius:50%;background:radial-gradient(circle at var(--viewer-light-x) var(--viewer-light-y),rgba(255,255,255,.38),rgba(255,255,255,.08) 17%,transparent 48%);mix-blend-mode:screen;filter:blur(4px);opacity:.62}
.motion-viewer-hud{position:absolute;z-index:10;left:18px;top:18px;display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(5,9,14,.66);backdrop-filter:blur(14px);color:#edf2f7;font-size:10px;font-weight:900;letter-spacing:.08em}
.motion-viewer-hud .ui-icon{width:16px;height:16px;color:var(--detail-accent)}.motion-viewer-hud small{color:#7f8b9a;font-size:9px;font-weight:700;letter-spacing:0}
.motion-view-buttons{z-index:12;bottom:18px}
.motion-feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:28px}
.motion-feature-row>div{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid rgba(255,255,255,.075);border-radius:17px;background:linear-gradient(145deg,#111923,#0b1118)}
.motion-feature-row .ui-icon{width:21px;height:21px;color:var(--detail-accent)}.motion-feature-row strong,.motion-feature-row small{display:block}.motion-feature-row strong{color:#eef2f7;font-size:13px}.motion-feature-row small{margin-top:3px;color:#7f8a99;font-size:10px}
.motion-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

@media(max-width:1180px){.motion-vehicle-grid{grid-template-columns:1fr}.motion-detail-hero{grid-template-columns:1fr}.motion-model-viewer{min-height:520px}.motion-transport-aside{position:static}}
@media(max-width:720px){.motion-showroom-header{padding:23px 20px}.motion-showroom-header .page-title{font-size:42px}.motion-card-stage{height:245px}.motion-card-link{min-height:380px}.motion-detail-copy{padding:26px 20px}.motion-detail-copy h1{font-size:46px}.motion-model-viewer{min-height:420px}.motion-viewer-models{inset:52px 16px 64px}.motion-feature-row{grid-template-columns:1fr}.motion-related-grid{grid-template-columns:1fr}.motion-viewer-hud small{display:none}}
@media(prefers-reduced-motion:reduce){.motion-vehicle-card{animation:none}.motion-card-link,.motion-card-car,.motion-viewer-models,.motion-view-layer,.motion-card-open .ui-icon{transition:none!important}.motion-card-orbit,.motion-viewer-platform{animation:none!important}}

/* Akulov Wiki 0.25.5 — corrected transparent vehicle cutout */
.motion-car-main,.motion-view-main{mask-image:none!important;-webkit-mask-image:none!important}
.motion-car-glow,.motion-view-glow,.motion-car-reflection,.motion-view-reflection{mask-image:none!important;-webkit-mask-image:none!important}
.motion-card-car{inset:16px 10px 0}
.motion-car-main,.motion-car-glow,.motion-car-reflection{max-width:98%;max-height:88%}
.motion-viewer-models{inset:24px 20px 72px}
.motion-view-main,.motion-view-glow,.motion-view-reflection{max-width:98%;max-height:90%}
.motion-asset-cover{position:absolute;z-index:8;left:50%;top:66%;min-width:210px;max-width:72%;padding:10px 20px;border:1px solid color-mix(in srgb,var(--vehicle-accent) 42%,rgba(255,255,255,.12));border-radius:14px;background:linear-gradient(145deg,rgba(7,11,16,.96),rgba(16,22,30,.94));box-shadow:0 16px 30px rgba(0,0,0,.4),0 0 22px color-mix(in srgb,var(--vehicle-accent) 12%,transparent);transform:translate(-50%,-50%) translateZ(70px);text-align:center;backdrop-filter:blur(14px);pointer-events:none}
.motion-asset-cover::before{content:"";position:absolute;left:12%;right:12%;top:-1px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--vehicle-accent),transparent)}
.motion-asset-cover b,.motion-asset-cover small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.motion-asset-cover b{color:#f4f7fa;font-size:13px;letter-spacing:.02em}.motion-asset-cover small{margin-top:3px;color:#8793a1;font-size:8px;font-weight:800;letter-spacing:.14em}
.motion-viewer-model-cover{position:absolute;z-index:9;left:50%;top:66%;min-width:300px;padding:13px 28px;border:1px solid color-mix(in srgb,var(--detail-accent) 42%,rgba(255,255,255,.12));border-radius:16px;background:linear-gradient(145deg,rgba(6,10,15,.97),rgba(16,23,31,.94));box-shadow:0 22px 48px rgba(0,0,0,.45),0 0 34px color-mix(in srgb,var(--detail-accent) 13%,transparent);transform:translate(-50%,-50%);text-align:center;backdrop-filter:blur(16px);pointer-events:none}
.motion-viewer-model-cover::before{content:"";position:absolute;left:14%;right:14%;top:-1px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--detail-accent),transparent)}
.motion-viewer-model-cover b,.motion-viewer-model-cover span{display:block}.motion-viewer-model-cover b{color:#f4f7fa;font-size:17px;letter-spacing:.015em}.motion-viewer-model-cover span{margin-top:4px;color:#8793a1;font-size:9px;font-weight:850;letter-spacing:.16em}
.motion-view-layer{filter:none}
.motion-view-main{filter:contrast(1.05) saturate(.94) drop-shadow(0 28px 24px rgba(0,0,0,.62)) drop-shadow(0 0 24px color-mix(in srgb,var(--detail-accent) 13%,transparent))}
.motion-car-main{filter:contrast(1.04) saturate(.94) drop-shadow(0 22px 18px rgba(0,0,0,.5)) drop-shadow(0 0 16px color-mix(in srgb,var(--vehicle-accent) 10%,transparent))}
@media(max-width:720px){.motion-asset-cover{top:67%;min-width:170px;padding:8px 14px}.motion-viewer-model-cover{top:67%;min-width:230px;padding:10px 18px}.motion-viewer-model-cover b{font-size:14px}}


/* Akulov Wiki 0.25.6 — premium motion cards using user-supplied transparent PNGs */
.motion-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.motion-vehicle-card{min-width:0;border:1px solid rgba(255,255,255,.09);border-radius:25px;background:linear-gradient(155deg,rgba(18,26,36,.98),rgba(7,11,17,.99));box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden;isolation:isolate}
.motion-vehicle-card::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:radial-gradient(circle at var(--card-light-x,50%) var(--card-light-y,35%),color-mix(in srgb,var(--vehicle-accent) 24%,transparent),transparent 35%);opacity:.72;pointer-events:none}
.motion-card-link{min-height:440px;transform-style:preserve-3d;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s ease}
.motion-card-stage{height:310px;background:radial-gradient(circle at 52% 42%,color-mix(in srgb,var(--vehicle-accent) 15%,transparent),transparent 38%),linear-gradient(180deg,#121b27,#090e15 74%)}
.motion-card-stage::after{content:"";position:absolute;left:10%;right:10%;bottom:22px;height:56px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.72),rgba(0,0,0,0) 68%);filter:blur(8px);transform:translateZ(4px)}
.motion-card-grid{opacity:.32;mask-image:linear-gradient(180deg,transparent 12%,#000 55%,transparent 96%)}
.motion-card-orbit{opacity:.55}
.motion-card-car{inset:2px 6px 0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),70px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));transition:transform .18s ease;filter:none}
.motion-car-main{z-index:4;max-width:98%;max-height:96%;object-fit:contain;filter:drop-shadow(0 28px 22px rgba(0,0,0,.56)) drop-shadow(0 0 24px color-mix(in srgb,var(--vehicle-accent) 15%,transparent));transform:translateZ(56px) scale(1.02)}
.motion-car-glow{z-index:1;max-width:98%;max-height:96%;opacity:.22;filter:blur(30px) saturate(1.25);transform:scale(1.05)}
.motion-car-reflection{display:none}
.motion-car-shine{z-index:6;inset:9% 12% 19%;opacity:.38;background:radial-gradient(circle at var(--card-light-x,50%) var(--card-light-y,35%),rgba(255,255,255,.43),rgba(255,255,255,.08) 15%,transparent 43%);mix-blend-mode:screen;filter:blur(4px)}
.motion-card-view-count{top:16px;right:16px;border-color:rgba(255,255,255,.11);background:rgba(5,9,14,.6);backdrop-filter:blur(14px)}
.motion-card-body{padding:21px 22px 23px;background:linear-gradient(180deg,rgba(7,11,17,.35),rgba(7,11,17,.96))}
.motion-card-body h3{font-size:24px;letter-spacing:-.035em}
.motion-card-body p{min-height:40px}
.motion-card-open{margin-top:16px}
.motion-asset-cover,.motion-viewer-model-cover{display:none!important}
.motion-model-viewer{min-height:600px;background:radial-gradient(circle at var(--viewer-light-x) var(--viewer-light-y),color-mix(in srgb,var(--detail-accent) 23%,transparent),transparent 32%),linear-gradient(180deg,#121c28,#070b11 72%)}
.motion-viewer-models{inset:12px 18px 62px;transform:translate3d(var(--viewer-x),var(--viewer-y),100px) rotateX(var(--viewer-rx)) rotateY(var(--viewer-ry));}
.motion-view-main{max-width:99%;max-height:96%;object-fit:contain;filter:drop-shadow(0 36px 28px rgba(0,0,0,.64)) drop-shadow(0 0 34px color-mix(in srgb,var(--detail-accent) 18%,transparent));transform:translateZ(90px) scale(1.03)}
.motion-view-glow{max-width:99%;max-height:96%;opacity:.22;filter:blur(34px) saturate(1.2);transform:scale(1.055)}
.motion-view-reflection{display:none}
.motion-view-specular{width:76%;height:67%;left:12%;top:8%;opacity:.5}
.motion-viewer-shadow{bottom:68px;width:58%;height:68px;filter:blur(24px)}
.motion-viewer-platform{bottom:50px;width:72%;height:120px;opacity:.8}
.motion-detail-copy{background:radial-gradient(circle at 20% 15%,color-mix(in srgb,var(--detail-accent) 12%,transparent),transparent 34%),linear-gradient(150deg,#131c27,#080d14)}
@media(max-width:1050px){.motion-vehicle-grid{grid-template-columns:1fr}.motion-card-stage{height:340px}}
@media(max-width:720px){.motion-card-link{min-height:390px}.motion-card-stage{height:265px}.motion-model-viewer{min-height:430px}.motion-viewer-models{inset:20px 6px 58px}}

/* Akulov Wiki 0.25.7 — larger grounded vehicle presentation */
.motion-card-stage{height:330px}
.motion-card-orbit{top:auto;bottom:28px;left:50%;transform:translateX(-50%) rotateX(69deg)}
.motion-card-orbit-one{width:74%;height:82px}
.motion-card-orbit-two{width:56%;height:58px}
.motion-card-shadow{bottom:32px;width:50%;height:28px;filter:blur(12px);opacity:.82}
.motion-card-car{inset:0;transform:translate3d(var(--card-x,0px),var(--card-y,0px),70px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg))}
.motion-car-main,.motion-car-glow{left:50%;bottom:34px;width:auto;height:auto;max-width:91%;max-height:78%;object-fit:contain}
.motion-car-main{transform:translateX(-50%) translateZ(56px) scale(1.06)}
.motion-car-glow{transform:translateX(-50%) scale(1.09);opacity:.18;filter:blur(26px) saturate(1.18)}
.motion-car-shine{inset:6% 8% 12%;opacity:.32}

.motion-model-viewer{min-height:590px}
.motion-viewer-grid{bottom:-34%;height:60%}
.motion-viewer-platform{bottom:52px;width:68%;height:116px;opacity:.88}
.motion-viewer-shadow{bottom:84px;width:48%;height:34px;filter:blur(13px);opacity:.9}
.motion-viewer-models{inset:0;transform:translate3d(var(--viewer-x),var(--viewer-y),100px) rotateX(var(--viewer-rx)) rotateY(var(--viewer-ry))}
.motion-view-layer{inset:0}
.motion-view-main,.motion-view-glow{left:50%;bottom:82px;width:auto;height:auto;max-width:88%;max-height:75%;object-fit:contain}
.motion-view-main{transform:translateX(-50%) translateZ(90px) scale(1.08);filter:drop-shadow(0 22px 16px rgba(0,0,0,.72)) drop-shadow(0 0 28px color-mix(in srgb,var(--detail-accent) 14%,transparent))}
.motion-view-glow{transform:translateX(-50%) scale(1.1);opacity:.17;filter:blur(30px) saturate(1.16)}
.motion-view-specular{width:70%;height:54%;left:15%;top:10%;opacity:.4}

@media(max-width:1050px){
  .motion-card-stage{height:350px}
  .motion-model-viewer{min-height:560px}
  .motion-view-main,.motion-view-glow{max-width:90%;max-height:74%;bottom:80px}
}
@media(max-width:720px){
  .motion-card-stage{height:280px}
  .motion-car-main,.motion-car-glow{max-width:94%;max-height:76%;bottom:30px}
  .motion-model-viewer{min-height:440px}
  .motion-viewer-platform{bottom:42px;width:78%;height:92px}
  .motion-viewer-shadow{bottom:67px;width:56%;height:28px}
  .motion-view-main,.motion-view-glow{max-width:94%;max-height:70%;bottom:66px}
}


/* Akulov Wiki 0.25.8 — luminous HQ vehicle presentation */
.motion-vehicle-card{
  --vehicle-halo-alpha:.34;
  --vehicle-floor-alpha:.24;
}
.motion-card-link{
  border-color:rgba(255,255,255,.105);
  box-shadow:0 28px 72px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);
}
.motion-card-stage{
  height:342px;
  background:
    radial-gradient(circle at var(--motion-light-x) var(--motion-light-y),rgba(255,255,255,.13),transparent 17%),
    radial-gradient(ellipse 64% 48% at 50% 68%,color-mix(in srgb,var(--vehicle-accent) 25%,transparent),transparent 68%),
    radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--vehicle-accent) 18%,transparent),transparent 40%),
    linear-gradient(180deg,#141f2c 0%,#0b121b 64%,#070b11 100%);
}
.motion-card-stage::before{
  z-index:2;
  background:
    linear-gradient(108deg,transparent 22%,rgba(255,255,255,.075) 43%,rgba(255,255,255,.02) 51%,transparent 68%),
    radial-gradient(circle at var(--motion-light-x) var(--motion-light-y),rgba(255,255,255,.105),transparent 27%);
  mix-blend-mode:screen;
  opacity:.9;
}
.motion-card-stage::after{
  left:14%;right:14%;bottom:21px;height:75px;
  border:1px solid color-mix(in srgb,var(--vehicle-accent) 18%,rgba(255,255,255,.045));
  background:
    radial-gradient(ellipse at center,rgba(255,255,255,.115) 0%,color-mix(in srgb,var(--vehicle-accent) 14%,transparent) 31%,rgba(0,0,0,.18) 56%,transparent 73%);
  box-shadow:0 0 38px color-mix(in srgb,var(--vehicle-accent) 11%,transparent),inset 0 1px 0 rgba(255,255,255,.08);
  filter:blur(.25px);
  transform:perspective(360px) rotateX(67deg) translateZ(4px);
}
.motion-card-grid{opacity:.25}
.motion-card-orbit{border-color:color-mix(in srgb,var(--vehicle-accent) 38%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--vehicle-accent) 13%,transparent),inset 0 0 20px color-mix(in srgb,var(--vehicle-accent) 6%,transparent);animation:vehicleOrbitBreath 5.8s ease-in-out infinite}
.motion-card-orbit-two{animation-delay:-2.6s}
.motion-card-shadow{
  bottom:36px;width:52%;height:30px;opacity:.95;filter:blur(11px);
  background:radial-gradient(ellipse,rgba(0,0,0,.88),rgba(0,0,0,.36) 48%,transparent 74%);
  box-shadow:0 4px 18px rgba(0,0,0,.48),0 0 20px color-mix(in srgb,var(--vehicle-accent) 8%,transparent);
}
.motion-card-car::before{
  content:"";position:absolute;z-index:0;left:12%;right:12%;top:12%;bottom:16%;border-radius:50%;
  background:radial-gradient(ellipse at center,color-mix(in srgb,var(--vehicle-accent) var(--vehicle-halo-alpha),transparent),transparent 66%);
  filter:blur(25px);opacity:.9;transform:translateZ(5px) scale(.96);pointer-events:none;
}
.motion-card-car::after{
  content:"";position:absolute;z-index:2;left:18%;right:18%;bottom:30px;height:30px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(255,255,255,.11),color-mix(in srgb,var(--vehicle-accent) var(--vehicle-floor-alpha),transparent) 30%,transparent 72%);
  filter:blur(11px);opacity:.85;pointer-events:none;
}
.motion-car-main,.motion-car-glow{bottom:37px;max-width:93%;max-height:80%}
.motion-car-main{
  z-index:5;
  transform:translateX(-50%) translateZ(62px) scale(1.065);
  filter:contrast(1.075) saturate(1.01) brightness(1.025)
    drop-shadow(0 3px 2px rgba(255,255,255,.08))
    drop-shadow(0 13px 9px rgba(0,0,0,.42))
    drop-shadow(0 27px 21px rgba(0,0,0,.58))
    drop-shadow(0 0 16px color-mix(in srgb,var(--vehicle-accent) 20%,transparent))
    drop-shadow(0 0 34px color-mix(in srgb,var(--vehicle-accent) 10%,transparent));
}
.motion-car-glow{
  z-index:1;opacity:.34;transform:translateX(-50%) scale(1.105);
  filter:blur(23px) brightness(1.28) saturate(1.42);mix-blend-mode:screen;
}
.motion-car-reflection{display:none!important}
.motion-car-shine{
  z-index:7;inset:5% 7% 11%;opacity:.55;
  background:
    radial-gradient(circle at var(--motion-light-x) var(--motion-light-y),rgba(255,255,255,.52),rgba(255,255,255,.12) 12%,transparent 38%),
    linear-gradient(112deg,transparent 27%,rgba(255,255,255,.08) 46%,transparent 61%);
  filter:blur(3px);mix-blend-mode:screen;
}
.motion-vehicle-card:hover .motion-card-link{border-color:color-mix(in srgb,var(--vehicle-accent) 52%,rgba(255,255,255,.12));box-shadow:0 38px 92px rgba(0,0,0,.42),0 0 48px color-mix(in srgb,var(--vehicle-accent) 17%,transparent),inset 0 1px 0 rgba(255,255,255,.065)}
.motion-vehicle-card:hover .motion-car-glow{opacity:.44;filter:blur(25px) brightness(1.38) saturate(1.5)}
.motion-vehicle-card:hover .motion-car-main{filter:contrast(1.085) saturate(1.025) brightness(1.035) drop-shadow(0 3px 2px rgba(255,255,255,.1)) drop-shadow(0 14px 10px rgba(0,0,0,.43)) drop-shadow(0 29px 23px rgba(0,0,0,.61)) drop-shadow(0 0 18px color-mix(in srgb,var(--vehicle-accent) 25%,transparent)) drop-shadow(0 0 40px color-mix(in srgb,var(--vehicle-accent) 12%,transparent))}

.motion-model-viewer{
  min-height:610px;
  background:
    radial-gradient(circle at var(--viewer-light-x) var(--viewer-light-y),rgba(255,255,255,.14),transparent 16%),
    radial-gradient(ellipse 68% 45% at 50% 66%,color-mix(in srgb,var(--detail-accent) 24%,transparent),transparent 68%),
    radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--detail-accent) 19%,transparent),transparent 39%),
    linear-gradient(180deg,#14202d,#0a111a 69%,#05080d);
  box-shadow:0 42px 105px rgba(0,0,0,.4),0 0 55px color-mix(in srgb,var(--detail-accent) 9%,transparent),inset 0 1px 0 rgba(255,255,255,.055);
}
.motion-model-viewer::before{
  content:"";position:absolute;z-index:1;left:9%;right:9%;top:12%;bottom:20%;border-radius:50%;
  background:radial-gradient(ellipse at center,color-mix(in srgb,var(--detail-accent) 30%,transparent),transparent 69%);
  filter:blur(42px);opacity:.78;pointer-events:none;
}
.motion-viewer-atmosphere-one{background:color-mix(in srgb,var(--detail-accent) 28%,transparent);filter:blur(62px);opacity:.82}
.motion-viewer-atmosphere-two{background:color-mix(in srgb,#5da8ff 18%,transparent);filter:blur(62px);opacity:.72}
.motion-viewer-platform{
  bottom:54px;width:70%;height:120px;opacity:.96;
  border-color:color-mix(in srgb,var(--detail-accent) 42%,transparent);
  background:radial-gradient(ellipse at center,rgba(255,255,255,.085),color-mix(in srgb,var(--detail-accent) 11%,transparent) 33%,transparent 71%);
  box-shadow:inset 0 0 48px color-mix(in srgb,var(--detail-accent) 11%,transparent),0 0 72px color-mix(in srgb,var(--detail-accent) 17%,transparent);
  animation:vehiclePlatformBreath 6.8s ease-in-out infinite;
}
.motion-viewer-platform i{border-color:color-mix(in srgb,var(--detail-accent) 29%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--detail-accent) 9%,transparent)}
.motion-viewer-shadow{
  bottom:87px;width:50%;height:38px;opacity:.96;filter:blur(13px);
  background:radial-gradient(ellipse,rgba(0,0,0,.92),rgba(0,0,0,.4) 48%,transparent 74%);
  box-shadow:0 6px 24px rgba(0,0,0,.52),0 0 24px color-mix(in srgb,var(--detail-accent) 9%,transparent);
}
.motion-view-layer::before{
  content:"";position:absolute;z-index:0;left:10%;right:10%;top:11%;bottom:18%;border-radius:50%;
  background:radial-gradient(ellipse at center,color-mix(in srgb,var(--detail-accent) 28%,transparent),transparent 66%);
  filter:blur(34px);opacity:.9;pointer-events:none;
}
.motion-view-layer::after{
  content:"";position:absolute;z-index:2;left:19%;right:19%;bottom:74px;height:38px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(255,255,255,.12),color-mix(in srgb,var(--detail-accent) 20%,transparent) 29%,transparent 72%);
  filter:blur(13px);opacity:.82;pointer-events:none;
}
.motion-view-main,.motion-view-glow{bottom:84px;max-width:90%;max-height:76%}
.motion-view-main{
  z-index:5;transform:translateX(-50%) translateZ(96px) scale(1.085);
  filter:contrast(1.085) saturate(1.015) brightness(1.03)
    drop-shadow(0 4px 3px rgba(255,255,255,.075))
    drop-shadow(0 16px 12px rgba(0,0,0,.46))
    drop-shadow(0 31px 25px rgba(0,0,0,.66))
    drop-shadow(0 0 22px color-mix(in srgb,var(--detail-accent) 24%,transparent))
    drop-shadow(0 0 46px color-mix(in srgb,var(--detail-accent) 12%,transparent));
}
.motion-view-glow{
  z-index:1;opacity:.36;transform:translateX(-50%) scale(1.125);
  filter:blur(31px) brightness(1.32) saturate(1.45);mix-blend-mode:screen;
}
.motion-view-reflection{display:none!important}
.motion-view-specular{
  z-index:7;width:74%;height:58%;left:13%;top:8%;opacity:.62;
  background:
    radial-gradient(circle at var(--viewer-light-x) var(--viewer-light-y),rgba(255,255,255,.54),rgba(255,255,255,.12) 13%,transparent 39%),
    linear-gradient(113deg,transparent 27%,rgba(255,255,255,.075) 46%,transparent 61%);
  filter:blur(4px);
}
.motion-model-viewer:hover .motion-view-glow{opacity:.45;filter:blur(34px) brightness(1.42) saturate(1.52)}

@keyframes vehicleOrbitBreath{0%,100%{opacity:.45;filter:brightness(.9)}50%{opacity:.82;filter:brightness(1.18)}}
@keyframes vehiclePlatformBreath{0%,100%{filter:brightness(.92)}50%{filter:brightness(1.12)}}
@media(max-width:1050px){.motion-card-stage{height:360px}.motion-model-viewer{min-height:575px}}
@media(max-width:720px){
  .motion-card-stage{height:290px}
  .motion-car-main,.motion-car-glow{bottom:31px;max-width:95%;max-height:77%}
  .motion-model-viewer{min-height:455px}
  .motion-viewer-platform{bottom:43px;width:80%;height:94px}
  .motion-viewer-shadow{bottom:68px;width:58%;height:29px}
  .motion-view-main,.motion-view-glow{bottom:67px;max-width:95%;max-height:71%}
  .motion-view-layer::after{bottom:57px}
}
@media(prefers-reduced-motion:reduce){.motion-card-orbit,.motion-viewer-platform{animation:none!important}}


/* Akulov Wiki 0.25.9 — studio grounded transport scene */
.motion-vehicle-card{
  --vehicle-halo-alpha:.17;
  --vehicle-floor-alpha:.11;
  --vehicle-scale:1;
  --vehicle-offset-x:0px;
  --vehicle-offset-y:0px;
  --vehicle-bottom-gap:36px;
  --vehicle-wheel-left:29%;
  --vehicle-wheel-right:71%;
  --vehicle-shadow-width:46%;
}
.motion-card-link{
  border-color:rgba(255,255,255,.09);
  box-shadow:0 24px 58px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.03);
}
.motion-card-stage{
  height:344px;
  background:
    radial-gradient(circle at 50% 8%,rgba(175,210,255,.11),transparent 28%),
    radial-gradient(circle at var(--motion-light-x) var(--motion-light-y),rgba(255,255,255,.08),transparent 14%),
    radial-gradient(ellipse 70% 44% at 50% 78%,color-mix(in srgb,var(--vehicle-accent) 12%,transparent),transparent 67%),
    radial-gradient(ellipse 100% 80% at 50% 115%,rgba(0,0,0,.32),transparent 62%),
    linear-gradient(180deg,#121923 0%,#0b1017 56%,#090d13 100%);
}
.motion-card-stage::before{
  z-index:2;
  background:
    linear-gradient(108deg,transparent 24%,rgba(255,255,255,.05) 43%,rgba(255,255,255,.014) 51%,transparent 67%),
    linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%),
    radial-gradient(circle at var(--motion-light-x) calc(var(--motion-light-y) - 6%),rgba(255,255,255,.08),transparent 22%);
  opacity:.72;
  mix-blend-mode:screen;
}
.motion-card-stage::after{
  left:17%;right:17%;bottom:22px;height:67px;
  border:1px solid rgba(255,255,255,.05);
  background:
    radial-gradient(ellipse at center,rgba(255,255,255,.065) 0%,color-mix(in srgb,var(--vehicle-accent) 9%,transparent) 26%,rgba(0,0,0,.16) 54%,transparent 72%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
  transform:perspective(360px) rotateX(69deg) translateZ(4px);
}
.motion-card-grid{opacity:.08;transform:perspective(320px) rotateX(69deg) translateY(calc(var(--motion-y) * .55));}
.motion-card-orbit{opacity:.12;border-color:color-mix(in srgb,var(--vehicle-accent) 15%,transparent);box-shadow:none;animation:none!important}
.motion-card-orbit-two{opacity:.08}
.motion-card-shadow{
  bottom:34px;width:var(--vehicle-shadow-width);height:24px;opacity:.78;filter:blur(10px);
  background:radial-gradient(ellipse,rgba(0,0,0,.78),rgba(0,0,0,.28) 55%,transparent 76%);
  box-shadow:none;
}
.motion-card-car{
  inset:0;
  transform:translate3d(calc(var(--motion-x) + var(--vehicle-offset-x)),calc(var(--motion-y) + var(--vehicle-offset-y)),72px) rotateX(calc(var(--motion-rx) * -.22)) rotateY(calc(var(--motion-ry) * -.28));
}
.motion-card-car::before{
  left:16%;right:16%;top:18%;bottom:24%;
  background:radial-gradient(ellipse at center,color-mix(in srgb,var(--vehicle-accent) var(--vehicle-halo-alpha),transparent),transparent 68%);
  filter:blur(21px);opacity:.62;transform:translateZ(5px) scale(.94);
}
.motion-card-car::after{
  left:12%;right:12%;bottom:26px;height:46px;border-radius:50%;opacity:.94;
  background:
    radial-gradient(ellipse 16% 48% at var(--vehicle-wheel-left) 68%,rgba(0,0,0,.72),transparent 72%),
    radial-gradient(ellipse 16% 48% at var(--vehicle-wheel-right) 68%,rgba(0,0,0,.72),transparent 72%),
    radial-gradient(ellipse 28% 56% at 50% 52%,rgba(0,0,0,.46),transparent 72%),
    radial-gradient(ellipse at 50% 92%,rgba(255,255,255,.05),color-mix(in srgb,var(--vehicle-accent) var(--vehicle-floor-alpha),transparent) 28%,transparent 68%);
  filter:blur(8px);
}
.motion-car-main,.motion-car-glow{bottom:var(--vehicle-bottom-gap);max-width:93%;max-height:80%}
.motion-car-main{
  transform:translateX(-50%) translateZ(64px) scale(calc(1.045 * var(--vehicle-scale)));
  filter:contrast(1.07) saturate(.99) brightness(1.02)
    drop-shadow(0 1px 0 rgba(255,255,255,.14))
    drop-shadow(0 10px 7px rgba(0,0,0,.34))
    drop-shadow(0 24px 18px rgba(0,0,0,.54))
    drop-shadow(0 0 10px rgba(173,214,255,.07))
    drop-shadow(0 0 18px color-mix(in srgb,var(--vehicle-accent) 8%,transparent));
}
.motion-car-glow{
  opacity:.18;
  transform:translateX(-50%) scale(calc(1.06 * var(--vehicle-scale)));
  filter:blur(17px) brightness(1.12) saturate(1.16);
}
.motion-car-shine{
  inset:7% 9% 12%;opacity:.42;
  background:
    radial-gradient(circle at var(--motion-light-x) calc(var(--motion-light-y) - 2%),rgba(255,255,255,.36),rgba(255,255,255,.09) 12%,transparent 35%),
    linear-gradient(112deg,transparent 31%,rgba(255,255,255,.055) 47%,transparent 61%);
  filter:blur(2px);
}
.motion-vehicle-card:hover .motion-card-link{
  border-color:color-mix(in srgb,var(--vehicle-accent) 28%,rgba(255,255,255,.11));
  box-shadow:0 30px 74px rgba(0,0,0,.42),0 0 26px color-mix(in srgb,var(--vehicle-accent) 8%,transparent),inset 0 1px 0 rgba(255,255,255,.05);
}
.motion-vehicle-card:hover .motion-car-glow{opacity:.24;filter:blur(18px) brightness(1.17) saturate(1.2)}
.motion-vehicle-card:hover .motion-car-main{filter:contrast(1.075) saturate(1.005) brightness(1.03) drop-shadow(0 1px 0 rgba(255,255,255,.15)) drop-shadow(0 11px 8px rgba(0,0,0,.35)) drop-shadow(0 25px 19px rgba(0,0,0,.56)) drop-shadow(0 0 12px rgba(173,214,255,.08)) drop-shadow(0 0 22px color-mix(in srgb,var(--vehicle-accent) 10%,transparent))}

.motion-model-viewer{
  min-height:610px;
  background:
    radial-gradient(circle at 50% 10%,rgba(176,212,255,.12),transparent 26%),
    radial-gradient(circle at var(--viewer-light-x) var(--viewer-light-y),rgba(255,255,255,.085),transparent 13%),
    radial-gradient(ellipse 72% 44% at 50% 78%,color-mix(in srgb,var(--detail-accent) 11%,transparent),transparent 67%),
    radial-gradient(ellipse 100% 80% at 50% 118%,rgba(0,0,0,.3),transparent 62%),
    linear-gradient(180deg,#131b26,#0a1017 63%,#080c11 100%);
  box-shadow:0 36px 88px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.045);
}
.motion-model-viewer::before{
  left:14%;right:14%;top:18%;bottom:24%;
  background:radial-gradient(ellipse at center,color-mix(in srgb,var(--detail-accent) 16%,transparent),transparent 70%);
  filter:blur(34px);opacity:.55;
}
.motion-viewer-atmosphere-one{opacity:.45;filter:blur(56px)}
.motion-viewer-atmosphere-two{opacity:.34;filter:blur(56px)}
.motion-viewer-grid{opacity:.1;mask-image:linear-gradient(180deg,transparent 8%,#000 58%,transparent 100%)}
.motion-viewer-platform{
  bottom:54px;width:70%;height:112px;opacity:.82;
  border-color:rgba(255,255,255,.08);
  background:radial-gradient(ellipse at center,rgba(255,255,255,.055),color-mix(in srgb,var(--detail-accent) 7%,transparent) 32%,transparent 71%);
  box-shadow:inset 0 0 32px color-mix(in srgb,var(--detail-accent) 7%,transparent);
  animation:none!important;
}
.motion-viewer-platform i{border-color:rgba(255,255,255,.07);box-shadow:none}
.motion-viewer-shadow{
  bottom:84px;width:48%;height:28px;opacity:.82;filter:blur(10px);
  background:radial-gradient(ellipse,rgba(0,0,0,.8),rgba(0,0,0,.3) 56%,transparent 76%);
  box-shadow:none;
}
.motion-view-layer::before{
  left:14%;right:14%;top:18%;bottom:23%;
  background:radial-gradient(ellipse at center,color-mix(in srgb,var(--detail-accent) 15%,transparent),transparent 69%);
  filter:blur(26px);opacity:.58;
}
.motion-view-layer::after{
  left:14%;right:14%;bottom:70px;height:48px;border-radius:50%;opacity:.92;
  background:
    radial-gradient(ellipse 16% 48% at var(--detail-wheel-left,29%) 68%,rgba(0,0,0,.74),transparent 72%),
    radial-gradient(ellipse 16% 48% at var(--detail-wheel-right,71%) 68%,rgba(0,0,0,.74),transparent 72%),
    radial-gradient(ellipse 30% 56% at 50% 52%,rgba(0,0,0,.46),transparent 72%),
    radial-gradient(ellipse at 50% 92%,rgba(255,255,255,.05),color-mix(in srgb,var(--detail-accent) 10%,transparent) 26%,transparent 68%);
  filter:blur(8px);
}
.motion-view-main,.motion-view-glow{bottom:var(--detail-vehicle-bottom-gap,84px);max-width:90%;max-height:76%}
.motion-view-main{
  transform:translateX(-50%) translateZ(96px) scale(calc(1.055 * var(--detail-vehicle-scale,1)));
  filter:contrast(1.075) saturate(.99) brightness(1.02)
    drop-shadow(0 1px 0 rgba(255,255,255,.12))
    drop-shadow(0 13px 10px rgba(0,0,0,.36))
    drop-shadow(0 28px 20px rgba(0,0,0,.6))
    drop-shadow(0 0 12px rgba(173,214,255,.08))
    drop-shadow(0 0 20px color-mix(in srgb,var(--detail-accent) 9%,transparent));
}
.motion-view-glow{
  opacity:.19;
  transform:translateX(-50%) scale(calc(1.07 * var(--detail-vehicle-scale,1)));
  filter:blur(20px) brightness(1.15) saturate(1.18);
}
.motion-view-specular{
  width:72%;height:55%;left:14%;top:9%;opacity:.45;
  background:
    radial-gradient(circle at var(--viewer-light-x) calc(var(--viewer-light-y) - 2%),rgba(255,255,255,.36),rgba(255,255,255,.09) 13%,transparent 36%),
    linear-gradient(113deg,transparent 31%,rgba(255,255,255,.06) 47%,transparent 60%);
  filter:blur(2px);
}
.motion-model-viewer:hover .motion-view-glow{opacity:.23;filter:blur(21px) brightness(1.18) saturate(1.22)}

.motion-vehicle-card[data-vehicle-id="zaz-968m"]{
  --vehicle-scale:1.04;
  --vehicle-offset-y:7px;
  --vehicle-wheel-left:18%;
  --vehicle-wheel-right:85%;
  --vehicle-shadow-width:58%;
}
.motion-vehicle-card[data-vehicle-id="jeep-cherokee-xj"]{
  --vehicle-scale:1.02;
  --vehicle-offset-y:9px;
  --vehicle-wheel-left:19%;
  --vehicle-wheel-right:79%;
  --vehicle-shadow-width:54%;
}
.motion-model-viewer[data-vehicle-id="zaz-968m"]{
  --detail-vehicle-scale:1.035;
  --detail-wheel-left:19%;
  --detail-wheel-right:85%;
  --detail-vehicle-bottom-gap:82px;
}
.motion-model-viewer[data-vehicle-id="jeep-cherokee-xj"]{
  --detail-vehicle-scale:1.015;
  --detail-wheel-left:20%;
  --detail-wheel-right:79%;
  --detail-vehicle-bottom-gap:84px;
}

@media(max-width:1050px){
  .motion-card-stage{height:358px}
  .motion-model-viewer{min-height:575px}
}
@media(max-width:720px){
  .motion-card-stage{height:286px}
  .motion-card-car::after{bottom:22px;height:36px}
  .motion-car-main,.motion-car-glow{bottom:32px;max-width:95%;max-height:77%}
  .motion-model-viewer{min-height:450px}
  .motion-viewer-platform{bottom:42px;width:80%;height:92px}
  .motion-viewer-shadow{bottom:67px;width:58%;height:24px}
  .motion-view-main,.motion-view-glow{bottom:68px;max-width:95%;max-height:71%}
  .motion-view-layer::after{bottom:57px;height:38px}
}
@media(prefers-reduced-motion:reduce){
  .motion-card-orbit,.motion-viewer-platform{animation:none!important}
}


/* Transport performance refresh 0.25.11 */
.transport-lite-page .transport-catalog-layout{display:block}.transport-lite-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.transport-lite-card{position:relative;min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:26px;overflow:hidden;background:linear-gradient(180deg,rgba(16,22,31,.98),rgba(9,13,19,.98));box-shadow:0 20px 45px rgba(0,0,0,.24);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.transport-lite-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--vehicle-accent) 45%,rgba(255,255,255,.1));box-shadow:0 28px 56px rgba(0,0,0,.32)}.transport-lite-link{display:flex;flex-direction:column;min-height:100%;text-decoration:none;color:inherit}.transport-lite-stage{position:relative;height:300px;overflow:hidden;background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--vehicle-accent) 14%,transparent),transparent 32%),linear-gradient(180deg,#121a25,#0b1017 72%)}.transport-lite-stage-glow{position:absolute;inset:auto 12% 24px 12%;height:84px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.76),rgba(0,0,0,0) 72%);filter:blur(10px)}.transport-lite-stage-grid{position:absolute;left:-10%;right:-10%;bottom:-18%;height:52%;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:38px 38px;transform:perspective(500px) rotateX(72deg);opacity:.2;mask-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.9) 35%,rgba(0,0,0,0) 100%)}.transport-lite-stage-floor{position:absolute;left:50%;bottom:20px;width:66%;height:102px;border-radius:50%;border:1px solid color-mix(in srgb,var(--vehicle-accent) 24%,transparent);transform:translateX(-50%) rotateX(72deg);opacity:.62}.transport-lite-figure{position:absolute;inset:10px 16px 22px;display:flex;align-items:flex-end;justify-content:center}.transport-lite-figure img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.46)) drop-shadow(0 3px 4px rgba(0,0,0,.2))}.transport-lite-occluder{position:absolute;left:50%;bottom:5%;width:56%;height:24%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.96) 0%,rgba(0,0,0,.72) 40%,rgba(0,0,0,.18) 64%,rgba(0,0,0,0) 82%);filter:blur(12px);pointer-events:none}.transport-lite-badge{position:absolute;right:16px;top:16px;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(5,8,12,.62);backdrop-filter:blur(14px);font-size:11px;font-weight:800;letter-spacing:.06em;color:#eef4f9}.transport-lite-body{display:flex;flex-direction:column;gap:10px;padding:18px 20px 20px}.transport-lite-body small{color:#93a1b3;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.transport-lite-body h3{margin:0;color:#f2f6fa;font-size:22px}.transport-lite-body p{margin:0;color:#a3b1c0;line-height:1.55}.transport-lite-open{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:#f1f5f9;font-weight:700}.transport-lite-open .ui-icon{width:15px;height:15px;color:var(--vehicle-accent)}.transport-lite-shell .transport-catalog-top{align-items:flex-start;gap:18px}.transport-top-metrics{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.transport-top-metrics .transport-count{display:inline-flex;align-items:center;gap:6px}.transport-lite-aside{position:sticky;top:88px}.transport-lite-pager{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding:16px 18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(8,12,18,.62)}.transport-lite-summary{color:#aab6c3;font-size:14px}.transport-lite-summary b{color:#f3f7fb}.transport-lite-page-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.transport-lite-page-buttons button,.transport-lite-dots{min-width:40px;height:40px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#edf2f7;font-weight:700}.transport-lite-page-buttons button.active{background:color-mix(in srgb,var(--accent,#ff8a00) 22%,rgba(255,255,255,.04));border-color:rgba(255,255,255,.16)}.transport-lite-page-buttons button[disabled]{opacity:.45;cursor:not-allowed}.transport-lite-dots{display:inline-flex;align-items:center;justify-content:center;border-style:dashed;color:#8a98aa}.transport-lite-detail-page{--viewer-x:0px;--viewer-y:0px;--viewer-rx:0deg;--viewer-ry:0deg;--viewer-light-x:50%;--viewer-light-y:34%}.transport-lite-detail-hero{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:24px;align-items:stretch}.transport-lite-detail-copy{padding:30px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(180deg,rgba(16,22,31,.98),rgba(9,13,19,.98));box-shadow:0 18px 44px rgba(0,0,0,.22)}.transport-lite-detail-copy h1{margin:12px 0 10px;font-size:52px;line-height:1.02}.transport-lite-detail-copy p{margin:0;color:#a7b4c4;line-height:1.65}.transport-lite-inline-badge{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.05);font-weight:700}.transport-viewer{position:relative;min-height:560px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:30px;background:radial-gradient(circle at var(--viewer-light-x) 18%,color-mix(in srgb,var(--detail-accent) 18%,transparent),transparent 30%),linear-gradient(180deg,#101822,#080c12 74%);box-shadow:0 22px 52px rgba(0,0,0,.28)}.transport-viewer-glow{position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:color-mix(in srgb,var(--detail-accent) 22%,transparent);filter:blur(55px);opacity:.7}.transport-viewer-grid{position:absolute;left:-14%;right:-14%;bottom:-18%;height:46%;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;transform:perspective(500px) rotateX(72deg) translateY(calc(var(--viewer-y) * .4));opacity:.22;mask-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.95) 35%,rgba(0,0,0,0) 100%)}.transport-viewer-floor{position:absolute;left:50%;bottom:34px;width:70%;height:120px;border-radius:50%;border:1px solid color-mix(in srgb,var(--detail-accent) 26%,transparent);transform:translateX(-50%) rotateX(72deg);opacity:.7}.transport-viewer-frames{position:absolute;inset:22px 18px 50px;transform:translate3d(var(--viewer-x),var(--viewer-y),0) rotateX(var(--viewer-rx)) rotateY(var(--viewer-ry));transition:transform .16s ease}.transport-view-layer{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;opacity:0;transform:translateY(14px) scale(.985);transition:opacity .24s ease,transform .24s ease}.transport-view-layer.active{opacity:1;transform:translateY(0) scale(1)}.transport-view-layer img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 24px 26px rgba(0,0,0,.5)) drop-shadow(0 4px 6px rgba(0,0,0,.22))}.transport-view-occluder{position:absolute;left:50%;bottom:5%;width:54%;height:24%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.98) 0%,rgba(0,0,0,.76) 40%,rgba(0,0,0,.22) 64%,rgba(0,0,0,0) 84%);filter:blur(14px);pointer-events:none}.transport-viewer-topline{position:absolute;left:18px;top:18px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(5,9,14,.62);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);font-size:12px;font-weight:900;letter-spacing:.05em;color:#edf3f8}.transport-viewer-topline .ui-icon{width:16px;height:16px;color:var(--detail-accent)}.transport-viewer-topline small{font-weight:600;letter-spacing:0;color:#93a3b3}.transport-viewer-tabs{position:absolute;left:18px;right:18px;bottom:16px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.transport-viewer-tabs button{padding:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#edf3f8;font-weight:800}.transport-viewer-tabs button.active{background:rgba(255,255,255,.12);border-color:color-mix(in srgb,var(--detail-accent) 34%,rgba(255,255,255,.16))}.transport-lite-feature-row{margin-top:24px}.transport-lite-similar{margin-top:24px}@media (max-width:1200px){.transport-lite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.transport-lite-detail-hero{grid-template-columns:1fr}.transport-lite-aside{position:static}.transport-lite-pager{flex-direction:column;align-items:stretch}.transport-lite-page-buttons{justify-content:flex-start}.transport-viewer{min-height:500px}}@media (max-width:720px){.transport-lite-grid{grid-template-columns:1fr}.transport-lite-stage{height:250px}.transport-lite-detail-copy{padding:24px}.transport-lite-detail-copy h1{font-size:38px}.transport-viewer{min-height:420px}.transport-viewer-frames{inset:18px 10px 50px}.transport-viewer-floor{bottom:26px;width:82%;height:94px}.transport-viewer-tabs{left:10px;right:10px;bottom:10px}.transport-viewer-topline small{display:none}}@media (prefers-reduced-motion:reduce){.transport-lite-card,.transport-view-layer,.transport-viewer-frames{transition:none!important}}


/* Akulov Wiki 0.25.14 — clean vehicle archive */
.transport-lite-occluder,
.transport-view-occluder{display:none!important}
.transport-lite-figure{inset:8px 12px 18px!important}
.transport-viewer-frames{inset:18px 14px 42px!important}
.transport-lite-figure img,
.transport-view-layer img{image-rendering:auto}

/* 0.25.17 — verified vehicle characteristics */
.vehicle-card-price{font-size:22px;font-weight:900;color:#f7fafc;letter-spacing:-.02em}.vehicle-card-specs{display:flex;flex-wrap:wrap;gap:7px}.vehicle-card-specs span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035);color:#aebbc9;font-size:12px;font-weight:700}.vehicle-card-specs .ui-icon{width:14px;height:14px;color:var(--vehicle-accent)}.vehicle-card-unverified{padding:10px 12px;border:1px solid rgba(255,190,80,.18);border-radius:12px;background:rgba(255,170,40,.06);color:#d9bc87!important}.transport-lite-card.unverified{border-style:dashed}.vehicle-premium-tag.verified,.vehicle-premium-tag.unverified{display:inline-flex;align-items:center;gap:7px}.vehicle-premium-tag.verified{color:#a7efc7}.vehicle-premium-tag.unverified{color:#ffd08a}.vehicle-premium-tag .ui-icon{width:15px;height:15px}.vehicle-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0}.vehicle-spec-card{display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.035)}.vehicle-spec-card>.ui-icon{flex:0 0 auto;width:20px;height:20px;color:var(--detail-accent)}.vehicle-spec-card span{display:grid;gap:2px;min-width:0}.vehicle-spec-card small{color:#8f9dad;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.vehicle-spec-card strong{color:#f1f5f9;font-size:15px;overflow-wrap:anywhere}.vehicle-source-note{margin-top:18px!important;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);font-size:12px;line-height:1.55!important;color:#8391a1!important}.vehicle-verification-notice{margin:20px 0 0}.transport-compare-page{max-width:1260px}.vehicle-compare-table{overflow:auto;margin-top:24px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:rgba(8,12,18,.7)}.vehicle-compare-row{display:grid;grid-template-columns:minmax(170px,.75fr) repeat(var(--compare-count,3),minmax(210px,1fr));min-width:850px;border-bottom:1px solid rgba(255,255,255,.07)}.vehicle-compare-row:last-child{border-bottom:0}.vehicle-compare-row>strong,.vehicle-compare-row>span,.vehicle-compare-row>a{padding:17px 18px;border-right:1px solid rgba(255,255,255,.06)}.vehicle-compare-row>*:last-child{border-right:0}.vehicle-compare-row>strong{color:#9eacbc}.vehicle-compare-row>span{color:#eef3f8;font-weight:750}.vehicle-compare-head{align-items:stretch}.vehicle-compare-head>a{display:grid;grid-template-rows:110px auto;gap:8px;text-decoration:none;color:#f4f7fa;font-weight:850}.vehicle-compare-head img{width:100%;height:110px;object-fit:contain;filter:drop-shadow(0 10px 13px rgba(0,0,0,.38))}.vehicle-compare-head span{text-align:center}@media(max-width:720px){.vehicle-spec-grid{grid-template-columns:1fr}.vehicle-card-specs{display:grid;grid-template-columns:1fr 1fr}.vehicle-compare-row{min-width:720px}}

/* 0.25.18 — public transport pages focus on vehicle data, without editorial metadata */

/* 0.25.19 — focused transport discovery */
.transport-filter-shell{display:grid;gap:10px;margin-bottom:18px}
.compact-vehicle-filterbar{display:grid;grid-template-columns:minmax(280px,1fr) minmax(190px,230px) auto auto;gap:10px;padding:12px}
.compact-vehicle-filterbar .vehicle-filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.compact-vehicle-filterbar .vehicle-filter-toggle .ui-icon{width:16px;height:16px}
.compact-vehicle-filterbar .vehicle-filter-toggle.active{border-color:color-mix(in srgb,var(--accent) 44%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--surface-2));color:var(--text)}
.transport-reset[hidden]{display:none!important}
.vehicle-quick-filters{display:flex;flex-wrap:wrap;gap:8px;padding:0 2px}
.vehicle-quick-filters button{min-height:36px;padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-soft);font:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}
.vehicle-quick-filters button:hover{border-color:var(--border-strong);color:var(--text)}
.vehicle-quick-filters button.active{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--text)}
.vehicle-advanced-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface-2) 82%,transparent)}
.vehicle-advanced-filters[hidden]{display:none!important}
.vehicle-advanced-filters label{display:grid;gap:7px;min-width:0}
.vehicle-advanced-filters label>span{color:var(--text-faint);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}

.transport-lite-card{display:flex;flex-direction:column;cursor:pointer}
.transport-card-stage-link{display:block!important;min-height:0!important}
.transport-lite-body{flex:1}
.transport-lite-figure .vehicle-card-image{position:absolute;left:50%;bottom:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;transform:translateX(-50%);transition:opacity .22s ease,transform .28s ease,filter .28s ease}
.transport-lite-figure .vehicle-card-image.secondary{opacity:0}
.transport-lite-card:hover .vehicle-card-image{transform:translateX(-50%) scale(1.025)}
@media(hover:hover){.transport-lite-card.secondary-loaded:hover .transport-lite-figure.has-second-view .vehicle-card-image.primary{opacity:0}.transport-lite-card.secondary-loaded:hover .transport-lite-figure.has-second-view .vehicle-card-image.secondary{opacity:1}}
.vehicle-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.vehicle-card-heading h3{min-width:0;margin:0}
.vehicle-card-heading h3 a{color:inherit;text-decoration:none}
.vehicle-card-heading>span{flex:0 0 auto;margin-top:3px;color:var(--text-faint);font-size:10px;font-weight:800;letter-spacing:.06em}
.vehicle-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:3px}
.vehicle-card-actions .transport-lite-open{margin:0;text-decoration:none}
.vehicle-compare-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 10px;border:1px solid var(--border);border-radius:11px;background:transparent;color:var(--text-soft);font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.vehicle-compare-button .ui-icon{width:14px;height:14px}
.vehicle-compare-button:hover{border-color:var(--border-strong);color:var(--text)}
.vehicle-compare-button.active{border-color:color-mix(in srgb,var(--vehicle-accent) 44%,var(--border));background:color-mix(in srgb,var(--vehicle-accent) 12%,transparent);color:var(--text)}
.vehicle-empty-state{min-height:260px}

.transport-lite-detail-copy{display:flex;flex-direction:column;justify-content:center}
.transport-lite-detail-copy h1{margin-top:0}
.vehicle-detail-primary{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:4px 0 2px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.07)}
.vehicle-detail-primary strong{color:#f7fafc;font-size:30px;letter-spacing:-.03em}
.vehicle-detail-primary span{color:var(--text-faint);font-size:12px;font-weight:800;letter-spacing:.06em}
.vehicle-spec-grid.compact{margin:18px 0;grid-template-columns:repeat(2,minmax(0,1fr))}
.transport-viewer.has-thumbnails .transport-viewer-frames{inset:18px 14px 100px!important}
.transport-viewer-tabs.thumbnail-tabs{align-items:flex-end;gap:8px}
.transport-viewer-tabs.thumbnail-tabs button{display:grid;grid-template-columns:58px auto;align-items:center;gap:8px;padding:6px 10px;text-align:left}
.transport-viewer-tabs.thumbnail-tabs img{width:58px;height:38px;object-fit:contain;border-radius:7px;background:rgba(255,255,255,.035)}
.transport-viewer-tabs.thumbnail-tabs span{font-size:11px}
.vehicle-detail-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.vehicle-detail-nav a{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;padding:13px 15px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text-soft);text-decoration:none;font-size:12px;font-weight:750}
.vehicle-detail-nav a:last-child{justify-content:flex-end;text-align:right}
.vehicle-detail-nav a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vehicle-detail-nav a:hover{border-color:var(--border-strong);color:var(--text)}
.vehicle-compare-row>span.best-value{background:color-mix(in srgb,#43c984 10%,transparent);box-shadow:inset 3px 0 0 color-mix(in srgb,#43c984 70%,transparent)}
.compare-bar-label{flex:0 0 auto;color:var(--text);font-size:12px;white-space:nowrap}

@media(max-width:1180px){
  .vehicle-advanced-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .compact-vehicle-filterbar{grid-template-columns:1fr 1fr}
  .compact-vehicle-filterbar .transport-search-wrap{grid-column:1/-1}
  .compact-vehicle-filterbar .transport-reset{grid-column:auto}
  .vehicle-quick-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
  .vehicle-quick-filters::-webkit-scrollbar{display:none}
  .vehicle-quick-filters button{flex:0 0 auto}
  .vehicle-advanced-filters{grid-template-columns:1fr}
  .vehicle-card-actions{align-items:stretch;flex-direction:column}
  .vehicle-card-actions>*{width:100%;justify-content:center}
  .vehicle-detail-primary{align-items:flex-start;flex-direction:column;gap:5px}
  .vehicle-spec-grid.compact{grid-template-columns:1fr 1fr}
  .transport-viewer-tabs.thumbnail-tabs button{grid-template-columns:42px auto;padding:5px 7px}
  .transport-viewer-tabs.thumbnail-tabs img{width:42px;height:32px}
  .vehicle-detail-nav{grid-template-columns:1fr}
  .vehicle-detail-nav a,.vehicle-detail-nav a:last-child{justify-content:center;text-align:center}
  .compare-bar-label{display:none}
}
@media(max-width:480px){
  .compact-vehicle-filterbar{grid-template-columns:1fr}
  .compact-vehicle-filterbar .transport-search-wrap{grid-column:auto}
  .vehicle-spec-grid.compact{grid-template-columns:1fr}
  .transport-viewer-tabs.thumbnail-tabs span{display:none}
  .transport-viewer-tabs.thumbnail-tabs button{grid-template-columns:48px;padding:5px}
  .transport-viewer-tabs.thumbnail-tabs img{width:48px;height:34px}
}

/* 0.25.19 visual polish */
.vehicle-card-actions{padding:12px 0 0!important;border-top:1px solid rgba(255,255,255,.07)!important;background:transparent!important}
.transport-lite-detail-copy h1{color:#f4f7fa}
.transport-lite-detail-copy .secondary-button{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#f2f6fa}
.transport-lite-detail-copy .secondary-button:hover{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.09)}


/* --- Akulov Wiki 0.25.24: mobile, accessibility and loading polish --- */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;z-index:250;top:10px;left:12px;transform:translateY(-160%);padding:11px 15px;border:2px solid var(--accent);border-radius:12px;background:var(--surface);color:var(--text);font-weight:850;box-shadow:var(--shadow-lg);transition:transform .16s ease}
.skip-link:focus{transform:none}
.noscript-note{position:fixed;z-index:300;inset:auto 12px 12px;padding:14px 16px;border:1px solid #e1535d;border-radius:12px;background:#2b1116;color:#fff;text-align:center}
html{scroll-padding-top:calc(var(--topbar) + 18px)}
[id]{scroll-margin-top:calc(var(--topbar) + 18px)}
:where(a[href],button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 46%,transparent);outline-offset:3px}
:where(button,a[href]){touch-action:manipulation}
body.sidebar-open{overflow:hidden}
.breadcrumbs{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;white-space:nowrap}
.breadcrumbs::-webkit-scrollbar{display:none}
.article-content,.page-title,.page-subtitle,.empty-state{overflow-wrap:anywhere}
.article-content :where(pre,table){max-width:100%}
.article-content pre{overflow:auto;-webkit-overflow-scrolling:touch}
.article-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse}
.article-content :where(img,video,iframe){max-width:100%;height:auto}
.article-content iframe{width:100%;border:0}
.not-found-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}
.search-dialog,.media-modal-dialog{max-height:calc(100dvh - 32px)}
.search-results,.search-controls{overscroll-behavior:contain}
.search-item>span:nth-child(2){min-width:0}
.search-item strong,.search-item small,.search-match{overflow-wrap:anywhere}
.compare-chip button{min-width:32px;min-height:32px;border-radius:8px}
.hero-character{aspect-ratio:1276/1233}

@media(max-width:620px){
  .main{padding-right:14px;padding-left:14px}
  .topbar{grid-template-columns:44px minmax(96px,1fr) 44px auto;gap:8px;padding-inline:10px}
  .brand{min-width:0;max-width:100%}.brand-copy{min-width:0}.brand-wordmark strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .search-trigger{width:44px;min-width:44px}.topbar-actions{gap:5px}.topbar-actions .icon-button{width:44px;height:44px}
  .page-title{font-size:clamp(34px,11vw,46px)}.page-subtitle{font-size:15px}
  .hero-actions{display:grid;grid-template-columns:1fr}.hero-actions>*{width:100%;justify-content:center}
  .breadcrumbs{margin-inline:-2px;padding-bottom:4px}
  .search-modal{padding:0}.search-dialog{width:100%;height:100dvh;max-height:none;border-radius:0;border-inline:0}.search-input-wrap{padding:12px}.search-controls{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.search-controls::-webkit-scrollbar{display:none}.search-filter{flex:0 0 auto}.search-item{grid-template-columns:40px minmax(0,1fr)}.search-item-type{grid-column:2;justify-self:start}
  .media-modal-dialog{width:100%;height:100dvh;max-height:none;border-radius:0}.media-modal-stage{min-height:0}.media-modal-footer{align-items:flex-start;flex-direction:column}
  .report-dialog{width:100%;max-width:none;max-height:100dvh;margin:0;border-radius:0}.report-dialog-head{position:sticky;top:0;z-index:2;background:var(--surface)}
  .compare-bar{display:none;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:9px 10px}.compare-bar.show{display:grid}.compare-items{overflow-x:auto;scrollbar-width:none}.compare-items::-webkit-scrollbar{display:none}.compare-chip{flex:0 0 auto}.compare-bar .primary-button{min-height:42px}
  :where(.primary-button,.secondary-button,.icon-button,.search-trigger,.live-refresh,.vehicle-compare-button){min-height:44px}
  .toast{right:12px;bottom:12px;left:12px;text-align:center}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(prefers-contrast:more){:root{--border:#b8bec8;--border-strong:#737b88}html[data-theme="dark"]{--border:#606a78;--border-strong:#aab2bd}.badge,.secondary-button,.icon-button,.search-trigger{border-width:2px}}


/* --- Akulov Wiki 0.25.25: visible mobile menu and low-cost phone rendering --- */
.mobile-menu-button{position:relative;overflow:hidden}
.mobile-menu-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}
.mobile-menu-icon-close{display:none}
.mobile-menu-button[aria-expanded="true"] .mobile-menu-icon-open{display:none}
.mobile-menu-button[aria-expanded="true"] .mobile-menu-icon-close{display:block}

@media(max-width:860px){
  html{scroll-behavior:auto}
  body{background:var(--bg)}
  .mobile-menu-button{display:inline-grid;width:46px;height:46px;place-items:center;border:2px solid color-mix(in srgb,var(--accent) 42%,var(--border));background:color-mix(in srgb,var(--accent) 13%,var(--surface));color:var(--accent);box-shadow:0 4px 14px rgba(255,138,0,.14)}
  .mobile-menu-button:active{transform:scale(.96)}
  .site-atmosphere{display:none!important}
  .topbar{background:var(--surface);-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 2px 14px rgba(20,23,30,.08)}
  .sidebar{background:var(--surface);-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transition:transform .2s cubic-bezier(.2,.72,.2,1)}
  .sidebar-backdrop,.category-card,.compare-bar,.search-modal,.transport-lite-badge,.transport-viewer-topline,.motion-card-view-count,.motion-viewer-hud,.motion-asset-cover,.motion-viewer-model-cover{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .page,.transport-hero::before,.transport-hero-showcase img,.transport-orbit,.demo-vehicle-card,.showroom-vehicle-card,.vehicle-showroom-stage img,.motion-vehicle-card,.motion-card-orbit,.motion-viewer-platform{animation:none!important}
  .transport-lite-card{transition:border-color .14s ease!important;box-shadow:0 10px 24px rgba(0,0,0,.2)}
  .transport-lite-card:hover{transform:none;box-shadow:0 10px 24px rgba(0,0,0,.2)}
  .transport-lite-stage-glow{filter:blur(5px)}
  .transport-lite-stage-grid,.transport-lite-stage-floor{display:none!important}
  .transport-lite-figure img{filter:drop-shadow(0 10px 10px rgba(0,0,0,.4))!important;transition:none!important}
  .transport-viewer-glow,.transport-viewer-grid,.transport-viewer-floor{display:none!important}
  .transport-viewer{background:linear-gradient(180deg,#101822,#080c12 74%);box-shadow:0 12px 28px rgba(0,0,0,.24)}
  .transport-viewer-frames{transform:none!important;transition:none!important}
  .transport-view-layer{transition:opacity .16s ease!important;transform:none!important}
  .transport-view-layer img{filter:drop-shadow(0 14px 14px rgba(0,0,0,.48))!important}
  .motion-card-grid,.motion-card-orbit,.motion-car-glow,.motion-car-shine,.motion-card-car::before,.motion-card-car::after,.motion-viewer-atmosphere,.motion-view-specular,.motion-view-glow{display:none!important}
  .motion-card-link,.motion-card-car,.motion-viewer-models{transform:none!important;transition:none!important}
  .motion-car-main,.motion-view-main{filter:drop-shadow(0 12px 12px rgba(0,0,0,.52))!important}
}

@media(max-width:620px){
  .topbar{grid-template-columns:46px minmax(44px,1fr) 44px auto}
}

/* Unified search */
.search-dialog{width:min(840px,100%)}
.search-result-summary{padding:8px 12px 2px;color:var(--text-faint);font-size:11px;font-weight:800}
.search-result-list{padding-bottom:5px}
.search-result-group+.search-result-group{margin-top:3px;border-top:1px solid var(--border)}
.search-item{position:relative;text-decoration:none;outline:0}
.search-item:hover,.search-item:focus-visible,.search-item.keyboard-active{background:var(--surface-2);box-shadow:inset 3px 0 0 var(--accent)}
.search-item-copy{display:block;min-width:0}
.search-item-parent{display:block;margin-bottom:2px;color:var(--text-faint);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.045em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-item-copy strong{line-height:1.35}
.search-item-copy small{margin-top:2px;line-height:1.35}
.search-match{display:-webkit-box;margin-top:5px;color:var(--text-soft);font-size:12px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.search-item mark{padding:0 .08em;border-radius:3px;background:color-mix(in srgb,var(--accent) 22%,transparent);color:inherit}
.search-correction{margin:8px 10px 2px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:9px;background:var(--accent-soft);color:var(--text-soft);font-size:12px}
.search-empty .search-suggestions{justify-content:center}
.search-route-target{animation:search-route-pulse 2.2s ease-out}
.live-server-card.search-target{animation:search-server-pulse 2.4s ease-out}
@keyframes search-route-pulse{0%,24%{outline:3px solid color-mix(in srgb,var(--accent) 75%,transparent);outline-offset:6px;background:var(--accent-soft)}100%{outline-color:transparent;outline-offset:12px}}
@keyframes search-server-pulse{0%,28%{border-color:#ff9b32;box-shadow:0 0 0 5px rgba(255,155,50,.18),0 18px 40px rgba(0,0,0,.2)}100%{box-shadow:0 0 0 0 transparent}}

@media (max-width:620px){
  .search-result-summary{padding-inline:10px}
  .search-item{padding:10px 9px;gap:10px}
  .search-item-icon{width:36px;height:36px}
  .search-item-type{font-size:9px}
  .search-match{-webkit-line-clamp:1}
  .search-item-parent{font-size:9px}
}

@media (prefers-reduced-motion:reduce){
  .search-route-target,.live-server-card.search-target{animation:none!important;outline:3px solid var(--accent);outline-offset:4px}
}


/* 0.25.34 — article media, job guide and clearer editorial notices */
.media-modal-footer{justify-content:flex-start}
.media-modal-footer strong{max-width:100%;line-height:1.45}

.media-grid-single .media-card.media-card-wide{max-width:min(1040px,100%)}
.media-grid-single .media-card.media-card-wide>a{padding:12px 14px}
.media-grid-single .media-card.media-card-wide img{width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain}
.media-card.media-card-tall img{max-height:min(78vh,980px)}

.article-inline-code-link{display:inline-flex;align-items:center;gap:0;text-decoration:none!important;border-bottom:0!important}
.article-inline-code-link code{cursor:pointer}
.article-inline-code-link:hover code{color:#101217;background:color-mix(in srgb,var(--accent) 82%,#fff);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}

.notice.open-information-notice.material-note,
.notice.open-information-notice.jobs-guide-note{
  background:linear-gradient(180deg,rgba(103,122,148,.12),rgba(77,95,118,.08));
  border:1px dashed rgba(126,146,171,.38);
}
.notice.open-information-notice.material-note::before,
.notice.open-information-notice.jobs-guide-note::before{
  background:rgba(83,102,128,.18)!important;
  color:#dce8f7!important;
  content:'i';
}
.notice.open-information-notice.material-note > .notice-copy > strong,
.notice.open-information-notice.jobs-guide-note > .notice-copy > strong{color:#e6eef9!important}
.notice.open-information-notice.material-note > .notice-copy > span,
.notice.open-information-notice.jobs-guide-note > .notice-copy > span{color:#bbcadb!important}
.notice.open-information-notice.material-note{margin-top:34px;padding-top:20px}
.notice.open-information-notice.material-note > .notice-copy > strong::after{content:' • служебная плашка сайта';margin-left:8px;font-size:11px;font-weight:700;letter-spacing:.06em;color:#8ea0b7}

.jobs-guide-panel{margin-top:22px}
.step-linked-gallery-wrap{margin-top:22px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025)}
.step-gallery-heading{display:grid;gap:5px;margin-bottom:14px}
.step-gallery-heading strong{font-size:14px;font-weight:900;letter-spacing:.01em;color:#f1f5f9}
.step-gallery-heading span{color:var(--text-faint);font-size:14px;line-height:1.55}
.step-linked-gallery{margin-top:0}
.step-linked-gallery.media-grid-pair,.step-linked-gallery{align-items:start}
.step-linked-gallery .media-card{box-shadow:none;background:rgba(255,255,255,.02)}
.step-linked-gallery .media-card figcaption{font-weight:800}

@media(max-width:760px){
  .step-linked-gallery-wrap{padding:15px}
  .notice.open-information-notice.material-note > .notice-copy > strong::after{display:block;margin:6px 0 0}
}


/* 0.25.35 — article step media refinement */
.article-inline-code-link,
.article-content a.article-inline-code-link{
  display:inline-flex;
  align-items:center;
  gap:0;
  text-decoration:none!important;
  border-bottom:none!important;
  box-shadow:none!important;
  vertical-align:baseline;
}
.article-inline-code-link code,
.article-content a.article-inline-code-link code{
  text-decoration:none!important;
  border-bottom:none!important;
  box-shadow:none!important;
}
.article-inline-code-link::after,
.article-content a.article-inline-code-link::after{display:none!important;content:none!important}

.notice.open-information-notice.material-note > .notice-copy > strong::after{content:none!important;display:none!important}

.steps-with-media .number-list > li,
.article-content ol.number-list > li{
  display:block;
}
.step-inline-media{
  margin-top:14px;
  max-width:min(760px,100%);
}
.step-inline-media .media-card{
  width:100%;
  max-width:min(760px,100%);
  box-shadow:none;
  background:rgba(255,255,255,.025);
}
.step-inline-media .media-card > a{
  padding:12px 14px;
  min-height:160px;
}
.step-inline-media .media-card img{
  width:auto;
  max-width:100%;
  height:auto;
  max-height:min(62vh,640px);
  object-fit:contain;
}
.step-inline-media .media-card figcaption{
  padding:13px 15px 14px;
  font-weight:800;
}
@media (max-width:760px){
  .step-inline-media .media-card > a{padding:10px 12px}
}


/* 0.25.36 — media cards are controls, not underlined text links */
.article-content .media-card > a.media-card-trigger,
.article-content .media-card > a.media-card-trigger:hover,
.article-content .media-card > a.media-card-trigger:focus-visible {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}


/* 0.25.37 — full article audit: semantic notices and step-linked media */
.notice.editorial{
  background:linear-gradient(180deg,rgba(70,96,128,.13),rgba(47,66,90,.09));
  border:1px dashed rgba(111,143,180,.35);
}
.notice.editorial::before{
  content:'↻';
  color:#a9c9ee;
  background:rgba(82,118,158,.18);
  border-color:rgba(111,143,180,.28);
}
.notice.editorial > .notice-copy > strong{color:#c7dcf5!important}
.notice.editorial > .notice-copy > span{color:#aebfd2!important}
.notice.info{
  background:linear-gradient(180deg,rgba(88,107,132,.10),rgba(61,76,96,.07));
  border:1px solid rgba(125,145,170,.23);
}
.notice.info::before{
  content:'i';
  color:#d5e1ef;
  background:rgba(96,117,143,.16);
  border-color:rgba(125,145,170,.23);
}
.notice.info > .notice-copy > strong{color:#dce7f4!important}

.media-step-list{
  display:grid;
  gap:24px!important;
  margin:22px 0!important;
}
.number-list.media-step-list > li{
  padding:0 0 24px 6px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.number-list.media-step-list > li:last-child{padding-bottom:0;border-bottom:0}
.number-list.media-step-list > li > strong{
  display:block;
  margin-bottom:5px;
  color:var(--text);
  font-size:16px;
  font-weight:900;
}
.number-list.media-step-list > li > .step-copy{
  display:block;
  color:var(--text-soft);
  line-height:1.65;
}
.steps.media-step-list{gap:22px}
.steps.media-step-list > li{
  margin:0;
  padding:0 0 24px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.steps.media-step-list > li:last-child{padding-bottom:0;border-bottom:0}
.steps.media-step-list > li > .step-inline-media{grid-column:2}
.step-inline-media{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:15px;
  width:min(100%,780px);
  max-width:780px;
  margin-top:15px;
}
.step-inline-media > .media-card,
.step-inline-media > .media-card:only-child{
  grid-column:1 / -1;
  width:100%;
  min-width:0;
  max-width:100%;
  border-radius:17px;
}
.step-inline-media .media-card > a{
  display:flex;
  width:100%;
  min-height:0;
  padding:12px 14px;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-bottom:0!important;
  text-decoration:none!important;
}
.step-inline-media .media-card img{
  display:block;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:contain!important;
}
.step-inline-media .media-card figcaption{color:var(--text);background:rgba(255,255,255,.025)}
@media(max-width:760px){
  .step-inline-media{gap:12px}
  .steps.media-step-list > li{grid-template-columns:36px minmax(0,1fr)}
  .steps.media-step-list > li > .step-inline-media{grid-column:1 / -1}
  .number-list.media-step-list > li{padding-left:2px}
}


/* 0.25.38 — step screenshots keep full width and natural proportions */

/* 0.25.39 — RADMIR Wiki source import */
.source-reference-notice{margin:0 0 24px}
.source-reference-notice a{display:inline-flex;margin-left:6px;color:#b9d9ff;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(185,217,255,.36)}
.source-reference-notice a:hover{color:#e5f2ff;border-bottom-color:currentColor}
.job-grid a.job-card{color:var(--text);text-decoration:none;border-bottom:1px solid var(--border)}
.job-grid a.job-card:hover{border-color:color-mix(in srgb,var(--accent) 46%,var(--border));transform:translateY(-2px)}
.job-grid a.job-card:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:3px}
@media (max-width:640px){.source-reference-notice a{display:flex;margin:10px 0 0}}

/* 0.25.42 — structured RADMIR Wiki materials */
.article-subheading{
  margin:22px 0 10px;
  font-size:16px;
  line-height:1.35;
  font-weight:900;
  color:var(--text);
}
.article-subheading::before{
  content:'';
  display:inline-block;
  width:7px;
  height:7px;
  margin:0 9px 2px 0;
  border-radius:999px;
  background:var(--accent);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 12%,transparent);
}
.article-list-block{
  margin:16px 0;
  padding:17px 18px;
  border:1px solid var(--border);
  border-radius:16px;
  background:linear-gradient(145deg,var(--surface),var(--surface-2));
}
.article-list-block>strong{
  display:block;
  margin-bottom:10px;
  font-size:15px;
  color:var(--text);
}
.article-list-block .check-list{margin:0}
.article-fact-grid{margin:16px 0}
.article-fact-grid>div{
  min-height:94px;
  background:linear-gradient(145deg,var(--surface),var(--surface-2));
}
.article-fact-grid strong{font-size:13px;text-transform:uppercase;letter-spacing:.045em}
.article-fact-grid span{display:block;color:var(--text-soft);font-size:14px;line-height:1.55}
.article-procedure-list{
  margin:16px 0;
  padding-left:30px;
  counter-reset:radmir-step;
}
.article-procedure-list>li{
  position:relative;
  padding:4px 0 18px 8px;
  border-bottom:1px solid var(--border);
}
.article-procedure-list>li:last-child{padding-bottom:4px;border-bottom:0}
.article-procedure-list>li::marker{color:var(--accent);font-weight:900}
.article-compact-list,.article-catalog-list{margin:14px 0}
.article-compact-list li,.article-catalog-list li{line-height:1.58}
.article-chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:14px 0 18px;
}
.article-chip-list span{
  padding:8px 12px;
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--surface-2);
  color:var(--text);
  font-weight:850;
  font-variant-numeric:tabular-nums;
}
.article-route-card{
  margin:14px 0;
  padding:16px 18px;
  border-left:4px solid var(--accent);
  border-radius:0 14px 14px 0;
  background:var(--surface-2);
}
.article-route-card p{margin:0;line-height:1.65}
.article-route-card p+p{margin-top:8px}
.article-section-warning{margin:10px 0}
.article-section-warning span{display:block;line-height:1.6}
.article-data-table{margin:18px 0;box-shadow:0 12px 30px rgba(0,0,0,.06)}
.article-data-table .info-table{min-width:560px}
.article-data-table .info-table td:first-child{font-weight:800;color:var(--text)}
.article-id-table .info-table{min-width:440px}
.article-id-table .info-table th:first-child,
.article-id-table .info-table td:first-child{width:110px;font-variant-numeric:tabular-nums}
.article-command-list{margin:16px 0}
.article-command-list div{grid-template-columns:minmax(110px,auto) 1fr}
.article-empty-note{padding:14px 16px;border:1px dashed var(--border);border-radius:14px;color:var(--muted)}
@media(max-width:640px){
  .article-list-block{padding:15px}
  .article-fact-grid{grid-template-columns:1fr}
  .article-fact-grid>div{min-height:0}
  .article-command-list div{grid-template-columns:1fr;gap:6px}
  .article-data-table .info-table{min-width:520px}
}