/* Quadro Extreme — RESET, CSS-переменные, .site-wrap */

/* ─── RESET & ROOT ─── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
/* Адаптивность медиа: ничего не выходит за пределы контейнера/экрана */
img, video { max-width: 100%; height: auto; }
svg, iframe { max-width: 100%; }
:root {
  --black:   #0d0d0d;
  --dark:    #141414;
  --card:    #1a1a1a;
  --green:   #6bff2a;
  --green2:  #4db81a;
  --white:   #f0f0f0;
  --muted:   #a0a0a0;
  --border:  rgba(107,255,42,0.15);
  --wrap:    1440px;
}
html { scroll-behavior: smooth; overflow-x: clip; }
/* overflow-x: clip (а не hidden) — не даёт горизонтальный скролл, но НЕ ломает
   position: sticky у шапки. */
body {
  font-family: "Manrope", sans-serif; background: #111; color: var(--white);
  overflow-x: clip; max-width: 100%;
  -webkit-tap-highlight-color: transparent;
}
/* UI не выделяется по тапу; текст остаётся выделяемым в контенте/полях */
body { -webkit-user-select: none; user-select: none; }
.page-content, .single-post__content, .page-intro__text,
input, textarea, [contenteditable] { -webkit-user-select: text; user-select: text; }

/* ─── SITE WRAPPER ─── */
.site-wrap { max-width: var(--wrap); margin: 0 auto; background: var(--black); box-shadow: 0 0 80px rgba(0,0,0,0.6); }