/* Mergify Design Standard v2 — scoped chrome for wrapped legacy sites.
   Kit v2 tokens (verbatim from kit/web-v2 global.css :root) + header/nav/
   footer chrome ONLY. No preflight, no global element resets: the page's own
   stylesheet (linked after this file) keeps full control of its content, so a
   wrap can never regress the site's own rendering. */
:root {
  --bg: #0b1017; --surface: #111927; --surface-1: #16202f; --surface-2: #1b2839; --surface-3: #22334a;
  --on-surface: #e6eef7; --on-variant: #9db0c5; --outline: #2c3e55;
  --primary-v1: #2dd4bf; --primary-ink: #062a26; --accent-grad: linear-gradient(135deg, #14b8a6, #2dd4bf 55%, #67e8f9);
  --success: #34d399; --warning: #fbbf24; --danger: #f87171;
  --tap-min: 44px;
  --dur-2: 160ms; --dur-3: 240ms;
  --ease-standard: cubic-bezier(0.2,0,0,1); --ease-spring: cubic-bezier(0.34,1.35,0.44,1);
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.v2-header {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px;
  max-width: 72rem; margin-inline: auto; padding: 16px; font-family: var(--font-sans);
}
.v2-brand {
  font-size: 1.125rem; font-weight: 600; color: var(--on-surface); text-decoration: none;
  min-height: var(--tap-min); display: inline-flex; align-items: center;
}
.v2-nav { display: flex; flex-wrap: wrap; gap: 4px; font-size: 0.875rem; }
.v2-nav a {
  color: var(--on-surface); text-decoration: none; border-radius: 12px; padding: 8px 12px;
  min-height: var(--tap-min); display: inline-flex; align-items: center;
  transition: background-color var(--dur-2) var(--ease-standard);
}
.v2-nav a:hover { background: var(--surface-2); }
.v2-main { max-width: 72rem; margin-inline: auto; padding-inline: 16px; padding-bottom: 96px; }
.v2-legacy-footer { margin-top: 2rem; }
/* Basic v2 typography for pages that ship no stylesheet of their own
   (legacy rules, when present, load later and win where they define more). */
.v2-content { font-family: var(--font-sans); }
/* Bare pages (no stylesheet, no inline <style>): full v2 typography.
   Scoped under .v2-bare so it can never touch a styled page. */
.v2-bare { color: var(--on-variant); line-height: 1.65; font-size: 16px; }
.v2-bare h1, .v2-bare h2, .v2-bare h3, .v2-bare h4 { color: var(--on-surface); line-height: 1.2; margin: 1.4em 0 0.5em; }
.v2-bare h1 { font-size: 2.4rem; margin-top: 0.4em; }
.v2-bare h2 { font-size: 1.6rem; }
.v2-bare p { margin: 0.7em 0; }
.v2-bare a { color: var(--primary-v1); }
.v2-bare ul, .v2-bare ol { padding-left: 1.4em; margin: 0.7em 0; }
.v2-content img, .v2-content video { max-width: 100%; height: auto; }
body:not(.v2-has-legacy-css) { background: var(--bg); }
/* MANDATORY reduced-motion gate (mirrors the kit + motion.ts JS gate). */
@media (prefers-reduced-motion: reduce) {
  .v2-nav a { transition: none !important; }
}