.cv-static-doc-page {
  display: block;
  color: var(--cv-fg);
  background: var(--cv-bg);
  font-family: var(--cv-font-body);
  line-height: 1.6;
  contain: content;

  --cv-bg: #0B0D10;
  --cv-surface: #12151B;
  --cv-elevated: #1A1F2A;
  --cv-border: #242B3A;

  --cv-fg: #F2F5F7;
  --cv-fg-muted: #A7B0C0;

  --cv-primary: #00E5FF;
  --cv-primary-hover: #00CEE6;
  --cv-primary-active: #00B7CC;
  --cv-primary-on: #00171A;

  --cv-secondary: #B388FF;
  --cv-secondary-hover: #A17AE6;
  --cv-secondary-active: #8F6DCC;

  --cv-glow: #6200EA;

  --cv-success: #00F5A0;
  --cv-warning: #FFB020;
  --cv-danger: #FF3B30;

  --cv-gradient: linear-gradient(90deg, #00E5FF 0%, #B388FF 55%, #6200EA 100%);

  --cv-font-display: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --cv-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --cv-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

  --cv-space-1: 4px;
  --cv-space-2: 8px;
  --cv-space-3: 12px;
  --cv-space-4: 16px;
  --cv-space-5: 20px;
  --cv-space-6: 24px;
  --cv-space-8: 32px;
  --cv-space-10: 40px;
  --cv-space-12: 48px;
  --cv-space-16: 64px;
  --cv-space-20: 80px;
  --cv-space-24: 96px;

  --cv-space-xs: var(--cv-space-1);
  --cv-space-sm: var(--cv-space-2);
  --cv-space-md: var(--cv-space-4);
  --cv-space-lg: var(--cv-space-6);
  --cv-space-xl: var(--cv-space-8);
  --cv-space-2xl: var(--cv-space-12);
  --cv-space-3xl: var(--cv-space-16);
  --cv-space-4xl: var(--cv-space-24);

  --cv-max-width: 1200px;
  --cv-content-width: 900px;
  --cv-padding-x: clamp(16px, 5vw, 48px);

  --cv-radius-sm: 8px;
  --cv-radius-md: 10px;
  --cv-radius-lg: 12px;

  --cv-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --cv-ease-snappy: cubic-bezier(0.2, 0, 0, 1);
  --cv-duration: 200ms;

  --cv-glow-subtle: 0 0 24px rgba(137, 64, 239, 0.25);
  --cv-glow-medium: 0 0 48px rgba(98, 0, 234, 0.3);
  --cv-glow-hero: 0 0 80px rgba(98, 0, 234, 0.35);
  --cv-focus-ring: 0 0 0 3px #B2F7FF;
  --cv-surface-overlay-strong: rgba(26, 31, 42, 0.88);
  --cv-surface-overlay: rgba(26, 31, 42, 0.85);
  --cv-surface-overlay-soft: rgba(26, 31, 42, 0.84);
  --cv-text-muted-soft: rgba(167, 176, 192, 0.6);
  --cv-border-soft: rgba(36, 43, 58, 0.5);
  --cv-border-primary-soft: rgba(0, 229, 255, 0.25);
  --cv-shadow-button-primary:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 0 1px rgba(0, 229, 255, 0.3),
    0 12px 26px rgba(0, 229, 255, 0.18);
  --cv-shadow-card-primary-hover:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 0 0 1px rgba(0, 229, 255, 0.1),
    var(--cv-glow-subtle);
  --cv-shadow-card-secondary-accent:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 0 0 1px rgba(179, 136, 255, 0.12),
    var(--cv-glow-subtle);
  --cv-gradient-accent-primary-soft: linear-gradient(180deg, var(--cv-primary), rgba(0, 229, 255, 0.16));
  --cv-gradient-accent-primary: linear-gradient(180deg, var(--cv-primary), rgba(0, 229, 255, 0.18));
  --cv-gradient-accent-primary-strong: linear-gradient(180deg, var(--cv-primary), rgba(0, 229, 255, 0.2));
  --cv-gradient-accent-secondary-soft: linear-gradient(180deg, var(--cv-secondary), rgba(179, 136, 255, 0.16));
  --cv-gradient-accent-secondary: linear-gradient(180deg, var(--cv-secondary), rgba(179, 136, 255, 0.18));
  --cv-gradient-accent-secondary-strong: linear-gradient(180deg, var(--cv-secondary), rgba(179, 136, 255, 0.2));
  --cv-gradient-accent-warning-strong: linear-gradient(180deg, var(--cv-warning), rgba(255, 176, 32, 0.2));

  --cv-color-bg: var(--cv-bg);
  --cv-color-surface: var(--cv-surface);
  --cv-color-surface-2: var(--cv-elevated);
  --cv-color-surface-elevated: var(--cv-elevated);
  --cv-color-text: var(--cv-fg);
  --cv-color-text-muted: var(--cv-fg-muted);
  --cv-color-border: var(--cv-border);
  --cv-color-primary: var(--cv-primary);
  --cv-color-on-primary: var(--cv-primary-on);
  --cv-color-accent: var(--cv-secondary);
  --cv-color-success: var(--cv-success);
  --cv-color-warning: var(--cv-warning);
  --cv-color-danger: var(--cv-danger);
  --cv-color-overlay: rgba(0, 0, 0, 0.72);
  --cv-duration-fast: 120ms;
  --cv-duration-normal: var(--cv-duration);
  --cv-easing-standard: var(--cv-ease);
  --cv-font-size-base: 14px;
  --cv-font-weight-medium: 500;
}

.cv-static-doc-article * {
  box-sizing: border-box;
}

.cv-static-doc-article h1, .cv-static-doc-article h2, .cv-static-doc-article h3, .cv-static-doc-article h4, .cv-static-doc-article h5, .cv-static-doc-article h6, .cv-static-doc-article p {
  margin: 0;
}

.cv-static-doc-article :focus-visible {
  outline: none;
  box-shadow: var(--cv-focus-ring);
}

.cv-static-doc-article ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.cv-static-doc-article ::-webkit-scrollbar-track {
  background: var(--cv-surface);
}

.cv-static-doc-article ::-webkit-scrollbar-thumb {
  background: var(--cv-border);
  border-radius: 4px;
}

.cv-static-doc-article ::-webkit-scrollbar-thumb:hover {
  background: #3A4358;
}

@media (prefers-reduced-motion: reduce) {
  .cv-static-doc-article *,
  .cv-static-doc-article *::before,
  .cv-static-doc-article *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

.cv-static-doc-page {
  position: relative;
  display: flex;
  min-height: 100svh;
  flex-direction: column;
  overflow-x: hidden;
  background: var(--cv-bg);
  color: var(--cv-fg);
  font-family: var(--cv-font-body);
  line-height: 1.65;
}

.cv-static-doc-main {
  flex: 1;
  width: min(1120px, calc(100% - (2 * var(--cv-padding-x))));
  margin: 0 auto;
  padding: 56px 0 88px;
}

.cv-static-doc-article {
  position: relative;
  max-width: 820px;
  padding: 0 0 24px;
}

.cv-static-doc-kicker {
  display: inline-flex;
  width: fit-content;
  min-height: 26px;
  align-items: center;
  margin: 0 0 18px;
  padding: 0 10px;
  border: 1px solid var(--cv-border);
  border-radius: var(--cv-radius-sm);
  background: rgba(18, 21, 27, 0.72);
  color: var(--cv-fg-muted);
  font-family: var(--cv-font-mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.cv-static-doc-article h1,
.cv-static-doc-article h2,
.cv-static-doc-article h3 {
  color: var(--cv-fg);
  line-height: 1.12;
}

.cv-static-doc-article h1 {
  max-width: 760px;
  margin: 0 0 18px;
  font-family: var(--cv-font-display);
  font-size: 56px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.02;
}

.cv-static-doc-article h2 {
  margin: 52px 0 14px;
  padding-top: 22px;
  border-top: 1px solid var(--cv-border-soft);
  font-family: var(--cv-font-display);
  font-size: 28px;
  font-weight: 800;
  letter-spacing: 0;
}

.cv-static-doc-article h3 {
  margin: 34px 0 10px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
}

.cv-static-doc-article p,
.cv-static-doc-article li {
  color: var(--cv-fg-muted);
  font-size: 16px;
  line-height: 1.76;
}

.cv-static-doc-article p {
  margin: 0 0 16px;
}

.cv-static-doc-article h1 + p {
  display: inline-flex;
  width: fit-content;
  min-height: 30px;
  align-items: center;
  margin: 0 0 28px;
  padding: 0 10px;
  border: 1px solid var(--cv-border);
  border-radius: var(--cv-radius-sm);
  background: rgba(18, 21, 27, 0.72);
  color: var(--cv-fg);
  font-family: var(--cv-font-mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
}

.cv-static-doc-article ul,
.cv-static-doc-article ol {
  display: grid;
  gap: 8px;
  margin: 16px 0 28px;
  padding-inline-start: 1.25rem;
}

.cv-static-doc-article li::marker {
  color: var(--cv-fg-muted);
}

.cv-static-doc-article a {
  color: inherit;
  text-decoration: none;
  text-underline-offset: 0.18em;
  transition: color var(--cv-duration) var(--cv-ease);
}

.cv-static-doc-article a:hover {
  text-decoration: underline;
}

.cv-static-doc-page .cv-footer a {
  transition: color var(--cv-duration) var(--cv-ease);
}

.cv-static-doc-page .cv-footer a:hover {
  text-decoration: underline;
}

.cv-static-doc-article blockquote {
  margin: 28px 0;
  padding: 18px 20px;
  border-left: 2px solid var(--cv-border);
  background: rgba(18, 21, 27, 0.68);
  color: var(--cv-fg-muted);
}

.cv-static-doc-article hr {
  height: 1px;
  margin: 44px 0;
  border: 0;
  background: var(--cv-border-soft);
}

.cv-static-doc-article code {
  padding: 0.1em 0.32em;
  border: 1px solid var(--cv-border);
  border-radius: var(--cv-radius-sm);
  background: rgba(18, 21, 27, 0.82);
  color: var(--cv-fg);
  font-family: var(--cv-font-mono);
  font-size: 0.9em;
}

.cv-static-doc-article table {
  display: block;
  width: 100%;
  margin: var(--cv-space-xl) 0;
  overflow-x: auto;
  border-collapse: collapse;
  color: var(--cv-fg-muted);
  font-size: 14px;
  line-height: 1.55;
}

.cv-static-doc-article th,
.cv-static-doc-article td {
  min-width: 160px;
  padding: var(--cv-space-sm) var(--cv-space-md);
  border: 1px solid var(--cv-border);
  vertical-align: top;
}

.cv-static-doc-article th {
  background: rgba(18, 21, 27, 0.82);
  color: var(--cv-fg);
  font-family: var(--cv-font-mono);
  font-size: 12px;
  letter-spacing: 0;
  text-align: left;
  text-transform: uppercase;
}

@media (max-width: 900px) {
  .cv-static-doc-main {
    padding: 44px 0 72px;
  }

  .cv-static-doc-article h1 {
    font-size: 44px;
  }
}

@media (max-width: 640px) {
  .cv-static-doc-main {
    padding: 36px 0 60px;
  }

  .cv-static-doc-article h1 {
    font-size: 34px;
    line-height: 1.08;
  }

  .cv-static-doc-article h2 {
    margin-top: 42px;
    font-size: 24px;
  }

  .cv-static-doc-article p,
  .cv-static-doc-article li {
    font-size: 15px;
  }
}