/* COPIED from workstreams/brand-system-builder/assets/brand/final/web/brand.css by scripts/sync_brand.py.
   Google Fonts import removed: Anton, Inter and Space Mono are self-hosted (see site.css @font-face). */
/* NTK Intel Brand System v1.0.0 -- GENERATED from BRAND_TOKENS.json by source/build_css.py. Do not hand-edit. */
:root {
  --ntk-c-ink: #0D0D0D;
  --ntk-c-paper: #FFF9E8;
  --ntk-c-blue: #2B44FF;
  --ntk-c-yellow: #FFE500;
  --ntk-c-red: #FF2E1F;
  --ntk-c-manila: #F6D78B;
  --ntk-c-white: #FFFFFF;
  --ntk-text-primary: #0D0D0D;
  --ntk-text-secondary: #45413A;
  --ntk-text-muted: #69645A;
  --ntk-text-inverse: #FFF9E8;
  --ntk-text-link: #1F33E0;
  --ntk-text-link-hover: #0D0D0D;
  --ntk-text-on-dark-muted: #A8A39A;
  --ntk-text-on-dark-link: #8FA0FF;
  --ntk-text-stamp-small: #C4140A;
  --ntk-background-page: #FFF9E8;
  --ntk-background-brand: #2B44FF;
  --ntk-background-dark: #0D0D0D;
  --ntk-background-dark-surface: #1A1A1A;
  --ntk-surface-card: #FFFFFF;
  --ntk-surface-dossier: #F6D78B;
  --ntk-surface-highlight: #FFE500;
  --ntk-surface-rule: #0D0D0D;
  --ntk-surface-rule-soft: #E8E0C8;
  --ntk-feedback-success: #00804F;
  --ntk-feedback-warning: #FFE500;
  --ntk-feedback-error: #C4140A;
  --ntk-feedback-info: #1F33E0;
  --ntk-font-display: 'Anton', 'Arial Narrow', Impact, 'Helvetica Neue Condensed', sans-serif;
  --ntk-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --ntk-font-mono: 'Space Mono', 'SFMono-Regular', Menlo, 'Courier New', monospace;
  --ntk-space-0: 0;
  --ntk-space-1: 4px;
  --ntk-space-2: 8px;
  --ntk-space-3: 12px;
  --ntk-space-4: 16px;
  --ntk-space-5: 24px;
  --ntk-space-6: 32px;
  --ntk-space-7: 48px;
  --ntk-space-8: 64px;
  --ntk-space-9: 96px;
  --ntk-space-10: 128px;
  --ntk-content-max: 1120px;
  --ntk-prose-max: 680px;
  --ntk-radius-none: 0;
  --ntk-radius-sm: 4px;
  --ntk-radius-md: 8px;
  --ntk-radius-pill: 999px;
  --ntk-shadow-offset-sm: 3px 3px 0 #0D0D0D;
  --ntk-shadow-offset-md: 6px 6px 0 #0D0D0D;
  --ntk-shadow-offset-lg: 10px 10px 0 #0D0D0D;
  --ntk-shadow-offset-blue: 6px 6px 0 #2B44FF;
}

/* ---------- base ---------- */
.ntk { background: var(--ntk-background-page); color: var(--ntk-text-primary); font-family: var(--ntk-font-body);
  font-size: 1rem; line-height: 1.6; -webkit-font-smoothing: antialiased; }
.ntk h1, .ntk h2, .ntk .ntk-display { font-family: var(--ntk-font-display); font-weight: 400; text-transform: uppercase;
  letter-spacing: .01em; line-height: 1; margin: 0 0 .4em; }
.ntk h1 { font-size: clamp(2.5rem, 6vw, 4.5rem); line-height: .95; }
.ntk h2 { font-size: clamp(1.875rem, 4vw, 2.5rem); }
.ntk h3 { font: 800 1.25rem/1.25 var(--ntk-font-body); letter-spacing: -.01em; margin: 0 0 .4em; }
.ntk a { color: var(--ntk-text-link); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.ntk a:hover { color: var(--ntk-c-ink); background: var(--ntk-c-yellow); }
.ntk-label { font: 700 .75rem/1.3 var(--ntk-font-mono); letter-spacing: .14em; text-transform: uppercase; }
.ntk-mark { background: linear-gradient(transparent 12%, var(--ntk-c-yellow) 12% 96%, transparent 96%); color: var(--ntk-c-ink); padding: 0 .15em; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.ntk-redact { background: var(--ntk-c-ink); color: transparent; user-select: none; }

/* ---------- buttons ---------- */
.ntk-btn { display: inline-block; font: 400 1.125rem/1 var(--ntk-font-display); letter-spacing: .04em; text-transform: uppercase;
  text-decoration: none !important; padding: 16px 26px; border: 2px solid var(--ntk-c-ink); border-radius: 0; cursor: pointer;
  background: var(--ntk-c-yellow); color: var(--ntk-c-ink) !important; box-shadow: 4px 4px 0 var(--ntk-c-ink);
  transition: transform 120ms cubic-bezier(.2,.8,.2,1), box-shadow 120ms cubic-bezier(.2,.8,.2,1); }
.ntk-btn:hover { transform: translate(-2px,-2px); box-shadow: 6px 6px 0 var(--ntk-c-ink); background: var(--ntk-c-yellow); }
.ntk-btn:active { transform: translate(2px,2px); box-shadow: 0 0 0 var(--ntk-c-ink); }
.ntk-btn:focus-visible { outline: 3px solid var(--ntk-c-blue); outline-offset: 3px; }
.ntk-btn--dark { background: var(--ntk-c-ink); color: var(--ntk-c-paper) !important; box-shadow: 4px 4px 0 var(--ntk-c-blue); }
.ntk-btn--dark:hover { background: var(--ntk-c-ink); box-shadow: 6px 6px 0 var(--ntk-c-blue); }
.ntk-btn--ghost { background: transparent; box-shadow: none; }

/* ---------- inputs ---------- */
.ntk-input { height: 52px; padding: 0 14px; font: 500 1rem var(--ntk-font-body); color: var(--ntk-c-ink); background: #fff;
  border: 2px solid var(--ntk-c-ink); border-radius: var(--ntk-radius-sm); }
.ntk-input::placeholder { color: var(--ntk-text-muted); }
.ntk-input:focus { outline: 3px solid var(--ntk-c-blue); outline-offset: 2px; }

/* ---------- cards, tags, stamps ---------- */
.ntk-card { background: #fff; border: 2px solid var(--ntk-c-ink); box-shadow: var(--ntk-shadow-offset-md); padding: 24px; }
.ntk-card--dossier { background: var(--ntk-c-manila); position: relative; }
.ntk-tag { display: inline-block; font: 700 .75rem/1 var(--ntk-font-mono); letter-spacing: .14em; text-transform: uppercase;
  padding: 6px 8px; background: var(--ntk-c-ink); color: var(--ntk-c-yellow); }
.ntk-tag--desk { background: var(--ntk-c-blue); color: var(--ntk-c-paper); }
.ntk-tag--breaking { background: var(--ntk-c-red); color: var(--ntk-c-ink); }
.ntk-tag--rumor { background: transparent; color: var(--ntk-text-stamp-small); box-shadow: inset 0 0 0 2px var(--ntk-c-red); }
.ntk-stamp { display: inline-block; font: 400 1.75rem/1 var(--ntk-font-display); letter-spacing: .06em; text-transform: uppercase;
  color: var(--ntk-c-red); border: 6px double currentColor; padding: 4px 12px; transform: rotate(-6deg); opacity: .92; }
.ntk-rule { border: 0; border-top: 2px solid var(--ntk-c-ink); margin: 32px 0; }
.ntk-rule--perf { border-top-style: dashed; }

/* ---------- surfaces ---------- */
.ntk-field { background-color: var(--ntk-c-blue); color: var(--ntk-c-paper);
  background-image: radial-gradient(var(--ntk-c-yellow) 2.2px, transparent 2.8px); background-size: 22px 22px; }
.ntk-dark { background: var(--ntk-background-dark); color: var(--ntk-text-inverse); }
.ntk-dark a { color: var(--ntk-text-on-dark-link); }

@media (prefers-reduced-motion: reduce) { .ntk-btn { transition: none; } }