/* ============================================================
   AI BUILD LAB — Field Manual skin for the marketing site
   Converts the shared marketing components (css/styles.css +
   js/components.js nav/footer) to the Field Manual world: cream
   graph-paper canvas, ink 2px borders, hard offset shadows (never
   blurred), square-ish corners, mono labels, lime highlighter.

   Provenance (RESKIN-CONTRACT §6): grammar generalized from the
   approved page-scoped conversion in summer-camp.html (html
   [data-design="field-manual"] block) and the portal single source
   agent-native-os/portal/field-manual.css; spec mastered in
   the-studio/design-system/field-manual/field-manual.design.md.

   Opt-in per page: set data-design="field-manual" on <html> and
   link this file AFTER /css/styles.css and the page's own <style>.
   Rules the spec encodes (do not undo piecemeal):
   - No accent-as-text on cream/white (hard rule 3) — accents live
     in fills, strips, tints, and underlines; text is ink.
   - No gradients; flat opaque tints are the equivalent.
   - No blurred glow (single exception: live/verified status).
   - Radius 4px, never pill; borders 2px ink; shadows hard offset.
   ============================================================ */

/* -------- Token flip (mirrors summer-camp block; lime unified HOT
   per field-manual.design.md ruling 06-29-2026) -------- */
html:is([data-design="field-manual"],[data-design="terminal"]) {
  --black: #F4F1EA;                    /* canvas -> cream paper */
  --dark: #FFFFFF;                     /* card surface */
  --dark-2: #FFFFFF;
  --dark-3: rgba(17,17,17,0.14);       /* hairline borders -> ink-tinted */
  --dark-4: #d8d4c8;
  --gray-dark: rgba(17,17,17,0.28);
  --white: #111111;                    /* primary text -> ink */
  --gray: #3A3A3A;                     /* secondary text -> ink-2 */
  --gray-dim: #6B6B6B;                 /* tertiary text -> ink-3 */
  --neon: #C8FF00;                     /* canonical hot lime */
  --neon-soft: #DBFB6B;                /* retained calm variant */
  --neon-dim: rgba(200,255,0,0.18);
  --neon-glow: rgba(200,255,0,0.35);
  --green: #00D084;                    /* live/verified */
  --purple: #111111;                   /* violet folds to ink */
  --purple-dim: rgba(17,17,17,0.08);
  --orange: #FF6B6B;                   /* orange folds to coral */
  --orange-dim: rgba(255,107,107,0.12);
  /* opaque tints for fills that must not let the grid show through */
  --neon-tint: #EEF6CC;
  --blue-tint: #DAF2F6;
  --coral-tint: #F9E2DE;
  --teal-tint: #DCF1ED;
}

/* -------- Canvas: cream + faint 28px graph paper -------- */
html:is([data-design="field-manual"],[data-design="terminal"]) { scrollbar-color: var(--white) var(--black); }
html:is([data-design="field-manual"],[data-design="terminal"]) ::selection { background: var(--neon); color: #111111; }
html:is([data-design="field-manual"],[data-design="terminal"]) body { background: var(--black); color: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) body::before { opacity: 0.02; }
html:is([data-design="field-manual"],[data-design="terminal"]) body::after {
  opacity: 1;
  background-image:
    linear-gradient(rgba(17,17,17,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17,17,17,0.05) 1px, transparent 1px);
  background-size: 28px 28px;
}

/* Keyboard focus — one coherent treatment (ported from portal FM). */
html:is([data-design="field-manual"],[data-design="terminal"]) a:focus-visible,
html:is([data-design="field-manual"],[data-design="terminal"]) button:focus-visible,
html:is([data-design="field-manual"],[data-design="terminal"]) input:focus-visible,
html:is([data-design="field-manual"],[data-design="terminal"]) select:focus-visible,
html:is([data-design="field-manual"],[data-design="terminal"]) textarea:focus-visible,
html:is([data-design="field-manual"],[data-design="terminal"]) summary:focus-visible {
  outline: 3px solid var(--blue);
  outline-offset: 2px;
}

/* -------- Nav (injected by components.js) -------- */
html:is([data-design="field-manual"],[data-design="terminal"]) nav {
  background: #F4F1EA !important;
  border-bottom: 2px solid var(--white);
  backdrop-filter: none;
}
html:is([data-design="field-manual"],[data-design="terminal"]) .nav-logo-mark { color: var(--white); }
html[data-design="field-manual"] .logo-lockup { color: #111111; }
html:is([data-design="field-manual"],[data-design="terminal"]) .nav-r a { color: var(--gray); font-family: 'JetBrains Mono', monospace; letter-spacing: 0.5px; }
html:is([data-design="field-manual"],[data-design="terminal"]) .nav-r a:hover,
html:is([data-design="field-manual"],[data-design="terminal"]) .nav-r a.active { color: var(--white); text-decoration: underline; text-decoration-color: var(--neon); text-decoration-thickness: 3px; text-underline-offset: 5px; }
html:is([data-design="field-manual"],[data-design="terminal"]) .nav-cta {
  color: #111111 !important;
  border: 2px solid #111111; border-radius: 4px;
  box-shadow: 3px 3px 0 #111111;
  text-decoration: none;
}
html:is([data-design="field-manual"],[data-design="terminal"]) .nav-cta:hover { box-shadow: 5px 5px 0 #111111; transform: translate(-2px, -2px); }
html:is([data-design="field-manual"],[data-design="terminal"]) .hamburger span { background: var(--white); }

/* Mobile menu overlay (black fullscreen -> cream) */
html:is([data-design="field-manual"],[data-design="terminal"]) .mobile-menu-overlay { background: #F4F1EA; }
html:is([data-design="field-manual"],[data-design="terminal"]) .mobile-menu-overlay a { color: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .mobile-menu-overlay a:hover,
html:is([data-design="field-manual"],[data-design="terminal"]) .mobile-menu-overlay a:focus-visible,
html:is([data-design="field-manual"],[data-design="terminal"]) .mobile-menu-overlay a.active { color: var(--white); text-decoration: underline; text-decoration-color: var(--neon); text-decoration-thickness: 3px; text-underline-offset: 6px; }
html:is([data-design="field-manual"],[data-design="terminal"]) .mobile-menu-overlay .nav-cta { color: #111111 !important; }

/* -------- Hero -------- */
html:is([data-design="field-manual"],[data-design="terminal"]) .hero-glow,
html:is([data-design="field-manual"],[data-design="terminal"]) .hero-glow-2 { display: none; }
html:is([data-design="field-manual"],[data-design="terminal"]) .hero-mark { color: var(--white); text-shadow: none; opacity: 1; }
html:is([data-design="field-manual"],[data-design="terminal"]) .hero-overline { color: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .hero-overline::before { background: var(--neon); }
/* Accent-as-text spans -> ink. Pages pick ONE word for the lime
   highlighter pill by adding class="hilite" to that span. */
html:is([data-design="field-manual"],[data-design="terminal"]) .h-neon,
html:is([data-design="field-manual"],[data-design="terminal"]) .h-blue,
html:is([data-design="field-manual"],[data-design="terminal"]) .h-coral,
html:is([data-design="field-manual"],[data-design="terminal"]) .h-teal,
html:is([data-design="field-manual"],[data-design="terminal"]) .h-dim { color: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .hilite {
  color: #111111; background: var(--neon);
  padding: 2px 14px; border-radius: 4px;
  box-decoration-break: clone; -webkit-box-decoration-break: clone;
}
/* Tight leading makes the highlight's padded box overlap the line above;
   drop the box below neighboring text instead of loosening the leading. */
html:is([data-design="field-manual"],[data-design="terminal"]) .hero h1,
html:is([data-design="field-manual"],[data-design="terminal"]) .cta-heading { position: relative; z-index: 0; }
html:is([data-design="field-manual"],[data-design="terminal"]) .hilite { position: relative; z-index: -1; }

/* -------- Buttons -------- */
html:is([data-design="field-manual"],[data-design="terminal"]) .btn { border-radius: 4px; }
html:is([data-design="field-manual"],[data-design="terminal"]) .btn-neon {
  color: #111111; border: 2px solid #111111; box-shadow: 3px 3px 0 #111111;
}
html:is([data-design="field-manual"],[data-design="terminal"]) .btn-neon:hover { box-shadow: 5px 5px 0 #111111; transform: translate(-2px, -2px); }
html:is([data-design="field-manual"],[data-design="terminal"]) .btn-ghost {
  background: #ffffff; border: 2px solid var(--white); color: var(--white); box-shadow: none;
}
html:is([data-design="field-manual"],[data-design="terminal"]) .btn-ghost:hover {
  color: var(--white); border-color: var(--white); background: var(--neon);
  box-shadow: 3px 3px 0 var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .btn-blue,
html:is([data-design="field-manual"],[data-design="terminal"]) .btn-coral {
  color: #111111; border: 2px solid #111111; box-shadow: 3px 3px 0 #111111;
}
html:is([data-design="field-manual"],[data-design="terminal"]) .btn-blue:hover,
html:is([data-design="field-manual"],[data-design="terminal"]) .btn-coral:hover { box-shadow: 5px 5px 0 #111111; transform: translate(-2px, -2px); }

/* -------- Section labels -------- */
html:is([data-design="field-manual"],[data-design="terminal"]) .slabel { color: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .pipeline-label { color: var(--gray); }

/* -------- Pipeline -------- */
html:is([data-design="field-manual"],[data-design="terminal"]) .pipeline::before { background: var(--white); opacity: 0.2; }
html:is([data-design="field-manual"],[data-design="terminal"]) .pipe-icon { border-radius: 4px; }
html:is([data-design="field-manual"],[data-design="terminal"]) .pipe-step:nth-child(1) .pipe-icon,
html:is([data-design="field-manual"],[data-design="terminal"]) .pipe-step:nth-child(2) .pipe-icon,
html:is([data-design="field-manual"],[data-design="terminal"]) .pipe-step:nth-child(3) .pipe-icon,
html:is([data-design="field-manual"],[data-design="terminal"]) .pipe-step:nth-child(4) .pipe-icon,
html:is([data-design="field-manual"],[data-design="terminal"]) .pipe-step:nth-child(5) .pipe-icon,
html:is([data-design="field-manual"],[data-design="terminal"]) .pipe-step:nth-child(6) .pipe-icon {
  border: 2px solid var(--white); background: #ffffff;
}
html:is([data-design="field-manual"],[data-design="terminal"]) .pipe-step:nth-child(1) .pipe-title,
html:is([data-design="field-manual"],[data-design="terminal"]) .pipe-step:nth-child(2) .pipe-title,
html:is([data-design="field-manual"],[data-design="terminal"]) .pipe-step:nth-child(3) .pipe-title,
html:is([data-design="field-manual"],[data-design="terminal"]) .pipe-step:nth-child(4) .pipe-title,
html:is([data-design="field-manual"],[data-design="terminal"]) .pipe-step:nth-child(5) .pipe-title,
html:is([data-design="field-manual"],[data-design="terminal"]) .pipe-step:nth-child(6) .pipe-title { color: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .os-pipeline::before { background: var(--white); opacity: 0.2; }

/* -------- Pillars -------- */
html:is([data-design="field-manual"],[data-design="terminal"]) .pillar {
  background: #ffffff; border: 2px solid var(--white); border-radius: 4px;
  box-shadow: 6px 6px 0 var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .pillar:hover { transform: translate(-3px, -3px); box-shadow: 9px 9px 0 var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .pillar[data-color="neon"]:hover,
html:is([data-design="field-manual"],[data-design="terminal"]) .pillar[data-color="blue"]:hover,
html:is([data-design="field-manual"],[data-design="terminal"]) .pillar[data-color="coral"]:hover,
html:is([data-design="field-manual"],[data-design="terminal"]) .pillar[data-color="teal"]:hover,
html:is([data-design="field-manual"],[data-design="terminal"]) .pillar[data-color="purple"]:hover { border-color: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .pillar[data-color="neon"]::before { background: var(--neon); }
html:is([data-design="field-manual"],[data-design="terminal"]) .pillar[data-color="blue"]::before { background: var(--blue); }
html:is([data-design="field-manual"],[data-design="terminal"]) .pillar[data-color="coral"]::before { background: var(--coral); }
html:is([data-design="field-manual"],[data-design="terminal"]) .pillar[data-color="teal"]::before { background: var(--teal); }
html:is([data-design="field-manual"],[data-design="terminal"]) .pillar[data-color="purple"]::before { background: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .pillar-badge { border: 1.5px solid var(--white); border-radius: 4px; }
html:is([data-design="field-manual"],[data-design="terminal"]) .pillar[data-color="neon"] .pillar-badge,
html:is([data-design="field-manual"],[data-design="terminal"]) .pillar[data-color="blue"] .pillar-badge,
html:is([data-design="field-manual"],[data-design="terminal"]) .pillar[data-color="coral"] .pillar-badge,
html:is([data-design="field-manual"],[data-design="terminal"]) .pillar[data-color="teal"] .pillar-badge,
html:is([data-design="field-manual"],[data-design="terminal"]) .pillar[data-color="purple"] .pillar-badge { color: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .status-live,
html:is([data-design="field-manual"],[data-design="terminal"]) .status-soon,
html:is([data-design="field-manual"],[data-design="terminal"]) .status-building,
html:is([data-design="field-manual"],[data-design="terminal"]) .status-vision { color: var(--white); }

/* -------- Lime banner (culture stats) -------- */
html:is([data-design="field-manual"],[data-design="terminal"]) .neon-banner {
  background: var(--neon); color: #111111;
  border-top: 2px solid #111111; border-bottom: 2px solid #111111;
}
html:is([data-design="field-manual"],[data-design="terminal"]) .neon-banner::before { display: none; }

/* -------- Blueprints -------- */
html:is([data-design="field-manual"],[data-design="terminal"]) .blueprints-section {
  background: #ffffff;
  border-top: 2px solid var(--white); border-bottom: 2px solid var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .bp-heading { color: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .bp-card {
  background: #ffffff; border: 2px solid var(--white); border-radius: 4px;
  box-shadow: 3px 3px 0 var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .bp-card:hover {
  background: var(--neon-tint); border-color: var(--white);
  transform: translate(-2px, -2px); box-shadow: 5px 5px 0 var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .bp-card-icon { border: 2px solid var(--white); border-radius: 4px; background: var(--blue-tint); }
html:is([data-design="field-manual"],[data-design="terminal"]) .bp-card-count { color: var(--white); }

/* -------- Kung fu cards -------- */
html:is([data-design="field-manual"],[data-design="terminal"]) .kungfu-card {
  background: #ffffff; border: 2px solid var(--white); border-radius: 4px;
  box-shadow: 6px 6px 0 var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .kungfu-card:hover { border-color: var(--white); transform: translate(-3px, -3px); box-shadow: 9px 9px 0 var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .kungfu-card::after { display: none; }
html:is([data-design="field-manual"],[data-design="terminal"]) .kungfu-num { color: rgba(17,17,17,0.08); }

/* -------- Agents -------- */
html:is([data-design="field-manual"],[data-design="terminal"]) .agents-section {
  background: #ffffff;
  border-top: 2px solid var(--white); border-bottom: 2px solid var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .agent-card {
  background: #ffffff; border: 2px solid var(--white); border-radius: 4px;
  box-shadow: 6px 6px 0 var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .agent-card:hover { transform: translate(-3px, -3px); box-shadow: 9px 9px 0 var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .agent-card:hover::before { height: 3px; opacity: 1; }
html:is([data-design="field-manual"],[data-design="terminal"]) .agent-card::before { top: 0; bottom: auto; height: 3px; }
html:is([data-design="field-manual"],[data-design="terminal"]) .agent-avatar { border: 2px solid var(--white); box-shadow: none !important; }
html:is([data-design="field-manual"],[data-design="terminal"]) .agent-card[data-agent="gigawatt"] .agent-name,
html:is([data-design="field-manual"],[data-design="terminal"]) .agent-card[data-agent="professor"] .agent-name,
html:is([data-design="field-manual"],[data-design="terminal"]) .agent-card[data-agent="mitchplease"] .agent-name,
html:is([data-design="field-manual"],[data-design="terminal"]) .agent-card[data-agent="unhinged"] .agent-name { color: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .agent-btn {
  background: #ffffff; color: var(--white);
  border: 1.5px solid var(--white); border-radius: 4px;
}
html:is([data-design="field-manual"],[data-design="terminal"]) .agent-btn:hover { background: var(--neon); color: #111111; border-color: #111111; }

/* -------- Accordion -------- */
html:is([data-design="field-manual"],[data-design="terminal"]) .accordion-header:hover .ah-title { color: var(--white); text-decoration: underline; text-decoration-color: var(--neon); text-decoration-thickness: 3px; text-underline-offset: 4px; }
html:is([data-design="field-manual"],[data-design="terminal"]) .accordion-item.open .ah-arrow { color: var(--white); }

/* -------- Culture strips -------- */
html:is([data-design="field-manual"],[data-design="terminal"]) .culture-section {
  background: #ffffff;
  border-top: 2px solid var(--white); border-bottom: 2px solid var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .culture-strip:hover { background: var(--neon-tint); }
html:is([data-design="field-manual"],[data-design="terminal"]) .culture-strip:hover .cs-quote { color: var(--white); }

/* -------- Trade school -------- */
html:is([data-design="field-manual"],[data-design="terminal"]) .ts-right {
  background: #ffffff; border: 2px solid var(--white); border-radius: 4px;
  box-shadow: 6px 6px 0 var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .ts-right::before { background: var(--neon); }
html:is([data-design="field-manual"],[data-design="terminal"]) .ts-tier-icon { border: 2px solid var(--white); border-radius: 4px; }
html:is([data-design="field-manual"],[data-design="terminal"]) .ts-tier-price { color: var(--white); }

/* -------- Founders -------- */
html:is([data-design="field-manual"],[data-design="terminal"]) .founder {
  background: #ffffff; border: 2px solid var(--white); border-radius: 4px;
  box-shadow: 6px 6px 0 var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .founder:hover {
  border-color: var(--white); transform: translate(-3px, -3px);
  box-shadow: 9px 9px 0 var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .founder-photo { background: var(--black); }
html:is([data-design="field-manual"],[data-design="terminal"]) .founder-tag { background: var(--black); color: var(--gray); border: 1.5px solid var(--dark-3); border-radius: 4px; }

/* -------- Proof grid -------- */
html:is([data-design="field-manual"],[data-design="terminal"]) .proof-grid {
  background: var(--white); border: 2px solid var(--white);
  border-radius: 4px; box-shadow: 6px 6px 0 var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .proof-cell { background: #ffffff; }
html:is([data-design="field-manual"],[data-design="terminal"]) .proof-cell:hover { background: var(--neon-tint); }
html:is([data-design="field-manual"],[data-design="terminal"]) .proof-cell:nth-child(1) .proof-num,
html:is([data-design="field-manual"],[data-design="terminal"]) .proof-cell:nth-child(2) .proof-num,
html:is([data-design="field-manual"],[data-design="terminal"]) .proof-cell:nth-child(3) .proof-num,
html:is([data-design="field-manual"],[data-design="terminal"]) .proof-cell:nth-child(4) .proof-num { color: var(--white); }

/* -------- Testimonials -------- */
html:is([data-design="field-manual"],[data-design="terminal"]) .testimonial {
  background: #ffffff; border: 2px solid var(--white); border-radius: 4px;
  box-shadow: 3px 3px 0 var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .testimonial:hover { border-color: var(--white); transform: translate(-2px, -2px); box-shadow: 5px 5px 0 var(--white); }

/* -------- Tool chips -------- */
html:is([data-design="field-manual"],[data-design="terminal"]) .tool-chip {
  background: #ffffff; color: var(--gray);
  border: 1.5px solid var(--white); border-radius: 4px;
}
html:is([data-design="field-manual"],[data-design="terminal"]) .tool-chip:hover { border-color: #111111; color: #111111; background: var(--neon); }

/* -------- CTA -------- */
html:is([data-design="field-manual"],[data-design="terminal"]) .cta-section::before { display: none; }
html:is([data-design="field-manual"],[data-design="terminal"]) .cta-gradient {
  background: var(--neon); -webkit-background-clip: initial; background-clip: initial;
  -webkit-text-fill-color: #111111; color: #111111;
  padding: 2px 14px; border-radius: 4px;
  box-decoration-break: clone; -webkit-box-decoration-break: clone;
}
html:is([data-design="field-manual"],[data-design="terminal"]) .cta-gradient { position: relative; z-index: -1; }

/* -------- Gateway -------- */
html:is([data-design="field-manual"],[data-design="terminal"]) .gateway-section {
  background: #ffffff;
  border-top: 2px solid var(--white); border-bottom: 2px solid var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .gateway-flow::before { background: var(--white); opacity: 0.2; }
html:is([data-design="field-manual"],[data-design="terminal"]) .gateway-step-icon { border-radius: 4px; }
html:is([data-design="field-manual"],[data-design="terminal"]) .gateway-step:nth-child(1) .gateway-step-icon,
html:is([data-design="field-manual"],[data-design="terminal"]) .gateway-step:nth-child(2) .gateway-step-icon,
html:is([data-design="field-manual"],[data-design="terminal"]) .gateway-step:nth-child(3) .gateway-step-icon,
html:is([data-design="field-manual"],[data-design="terminal"]) .gateway-step:nth-child(4) .gateway-step-icon {
  border: 2px solid var(--white); background: #ffffff;
}
html:is([data-design="field-manual"],[data-design="terminal"]) .gateway-rev-card {
  background: #ffffff; border: 2px solid var(--white); border-radius: 4px;
  box-shadow: 3px 3px 0 var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .gateway-rev-card:hover { border-color: var(--white); transform: translate(-2px, -2px); box-shadow: 5px 5px 0 var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .gateway-rev-num { color: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .gateway-demand { color: var(--white); }

/* -------- Pricing -------- */
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-card {
  background: #ffffff; border: 2px solid var(--white); border-radius: 4px;
  box-shadow: 6px 6px 0 var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-card:hover { transform: translate(-3px, -3px); box-shadow: 9px 9px 0 var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-card[data-tier="free"]:hover,
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-card[data-tier="builder"]:hover,
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-card[data-tier="pro"]:hover,
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-card[data-tier="partner"]:hover { border-color: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-card[data-tier="free"]::before { background: var(--gray-dim); }
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-card[data-tier="builder"]::before { background: var(--neon); }
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-card[data-tier="pro"]::before { background: var(--blue); }
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-card[data-tier="partner"]::before { background: var(--coral); }
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-card.featured { border-color: var(--white); background: var(--blue-tint); }
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-featured-badge { color: #111111; border: 1.5px solid #111111; }
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-card[data-tier="free"] .pricing-name,
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-card[data-tier="builder"] .pricing-name,
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-card[data-tier="pro"] .pricing-name,
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-card[data-tier="partner"] .pricing-name { color: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-features li::before,
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-card[data-tier="free"] .pricing-features li::before,
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-card[data-tier="pro"] .pricing-features li::before,
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-card[data-tier="partner"] .pricing-features li::before { color: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-cta {
  border: 2px solid var(--white); border-radius: 4px;
  background: #ffffff; color: var(--white);
  box-shadow: 3px 3px 0 var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-cta:hover { transform: translate(-2px, -2px); box-shadow: 5px 5px 0 var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-card[data-tier="builder"] .pricing-cta { background: var(--neon); color: #111111; border-color: #111111; box-shadow: 3px 3px 0 #111111; }
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-card[data-tier="pro"] .pricing-cta { background: var(--blue); color: #111111; border-color: #111111; box-shadow: 3px 3px 0 #111111; }
html:is([data-design="field-manual"],[data-design="terminal"]) .pricing-card[data-tier="partner"] .pricing-cta { background: var(--coral-tint); color: var(--white); border-color: var(--white); }

/* ============================================================
   Course-lander kit — the card/badge/banner family duplicated
   across foundations/, lab/, workshops/, and events/ landers.
   Same grammar: ink borders, flat tints, no glows, no gradients.
   ============================================================ */
html:is([data-design="field-manual"],[data-design="terminal"]) .hero-glow,
html:is([data-design="field-manual"],[data-design="terminal"]) .hero-glow-1,
html:is([data-design="field-manual"],[data-design="terminal"]) .hero-glow-2 { display: none; }

/* Rainbow-headline spans -> ink; h-purple is the closing-word
   highlighter pill (summer-camp precedent: one signature per view). */
html:is([data-design="field-manual"],[data-design="terminal"]) .h-purple {
  color: #111111; background: var(--neon);
  padding: 2px 14px; border-radius: 4px;
  box-decoration-break: clone; -webkit-box-decoration-break: clone;
}

html:is([data-design="field-manual"],[data-design="terminal"]) .new-card,
html:is([data-design="field-manual"],[data-design="terminal"]) .card {
  background: #ffffff; border: 2px solid var(--white); border-radius: 4px;
  box-shadow: 6px 6px 0 var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .new-card:hover,
html:is([data-design="field-manual"],[data-design="terminal"]) .card:hover {
  transform: translate(-3px, -3px); box-shadow: 9px 9px 0 var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .new-card[data-color="neon"]::before,
html:is([data-design="field-manual"],[data-design="terminal"]) .card[data-color="neon"]::before { background: var(--neon); }
html:is([data-design="field-manual"],[data-design="terminal"]) .new-card[data-color="blue"]::before,
html:is([data-design="field-manual"],[data-design="terminal"]) .card[data-color="blue"]::before { background: var(--blue); }
html:is([data-design="field-manual"],[data-design="terminal"]) .new-card[data-color="coral"]::before,
html:is([data-design="field-manual"],[data-design="terminal"]) .card[data-color="coral"]::before { background: var(--coral); }
html:is([data-design="field-manual"],[data-design="terminal"]) .new-card[data-color="teal"]::before,
html:is([data-design="field-manual"],[data-design="terminal"]) .card[data-color="teal"]::before { background: var(--teal); }
html:is([data-design="field-manual"],[data-design="terminal"]) .new-card[data-color="purple"]::before,
html:is([data-design="field-manual"],[data-design="terminal"]) .card[data-color="purple"]::before { background: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .new-card .badge,
html:is([data-design="field-manual"],[data-design="terminal"]) .card .badge,
html:is([data-design="field-manual"],[data-design="terminal"]) .badge-today {
  border: 1.5px solid var(--white); border-radius: 4px; color: var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .new-card[data-color] .badge,
html:is([data-design="field-manual"],[data-design="terminal"]) .card[data-color] .badge { color: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .badge-today { background: var(--neon-tint); }
html:is([data-design="field-manual"],[data-design="terminal"]) .new-card[data-color] h3,
html:is([data-design="field-manual"],[data-design="terminal"]) .card[data-color] h3 { color: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .new-card ul li::before { color: var(--white); }

html:is([data-design="field-manual"],[data-design="terminal"]) .price-banner {
  background: var(--neon-tint); border: 2px solid var(--white); border-radius: 4px;
}
html:is([data-design="field-manual"],[data-design="terminal"]) .price-banner .price-main,
html:is([data-design="field-manual"],[data-design="terminal"]) .price-main { color: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .lock-banner {
  background: var(--neon-tint); border: 2px solid var(--white); border-radius: 4px;
}
html:is([data-design="field-manual"],[data-design="terminal"]) .lock-banner .label { color: var(--white); }

html:is([data-design="field-manual"],[data-design="terminal"]) .get-item {
  background: #ffffff; border: 1.5px solid var(--white); border-radius: 4px;
}
html:is([data-design="field-manual"],[data-design="terminal"]) .get-item .check { color: var(--white); }

html:is([data-design="field-manual"],[data-design="terminal"]) .meta-pill {
  background: #ffffff; border: 1.5px solid var(--white); border-radius: 4px;
  color: var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .rating-box {
  background: #ffffff; border: 2px solid var(--white); border-radius: 4px;
  box-shadow: 3px 3px 0 var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .rating-box strong { color: var(--white); }

html:is([data-design="field-manual"],[data-design="terminal"]) .schedule-card {
  background: #ffffff; border: 2px solid var(--white); border-radius: 4px;
  box-shadow: 6px 6px 0 var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .schedule-card .day { color: var(--white); }

html:is([data-design="field-manual"],[data-design="terminal"]) .ladder-step {
  background: #ffffff; border: 1.5px solid var(--white); border-radius: 4px;
}
html:is([data-design="field-manual"],[data-design="terminal"]) .ladder-step.current {
  border: 2px solid var(--white); background: var(--neon-tint);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .ladder-step.current h4 { color: var(--white); }

html:is([data-design="field-manual"],[data-design="terminal"]) .countdown-banner {
  background: var(--coral-tint); border: 1.5px solid var(--white);
  border-radius: 4px; color: var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .time-row {
  background: #ffffff; border: 1.5px solid var(--white); border-radius: 4px;
}
html:is([data-design="field-manual"],[data-design="terminal"]) .time-row b { color: var(--white); }

html:is([data-design="field-manual"],[data-design="terminal"]) hr.section-divider {
  border: none; border-top: 2px dashed rgba(17,17,17,0.35);
  height: auto; background: transparent;
}

/* ============================================================
   Legal doc pages (legal/*.html — own nav + accordion template)
   ============================================================ */
html:is([data-design="field-manual"],[data-design="terminal"]) .nav-badge { color: #111111; border: 1.5px solid #111111; }
html:is([data-design="field-manual"],[data-design="terminal"]) .nav-link:hover,
html:is([data-design="field-manual"],[data-design="terminal"]) .nav-link.active {
  color: var(--white); text-decoration: underline;
  text-decoration-color: var(--neon); text-decoration-thickness: 3px; text-underline-offset: 5px;
}
html:is([data-design="field-manual"],[data-design="terminal"]) .hero h1 em {
  color: #111111; background: var(--neon); font-style: normal;
  padding: 2px 14px; border-radius: 4px;
  box-decoration-break: clone; -webkit-box-decoration-break: clone;
}
html:is([data-design="field-manual"],[data-design="terminal"]) .doc-section {
  background: #ffffff; border: 2px solid var(--white); border-radius: 4px;
  box-shadow: 6px 6px 0 var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .section-toggle:hover { color: var(--white); background: var(--neon-tint); }
html:is([data-design="field-manual"],[data-design="terminal"]) .section-toggle:focus-visible { outline-color: var(--blue); }
html:is([data-design="field-manual"],[data-design="terminal"]) .doc-section.open .chevron { color: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .anchor-link:hover { color: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .section-pill {
  background: #ffffff; border: 1.5px solid var(--white); border-radius: 4px;
}
html:is([data-design="field-manual"],[data-design="terminal"]) .section-pill:hover { border-color: var(--white); background: var(--neon-tint); color: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .search-input {
  background: #ffffff; border: 2px solid var(--white); border-radius: 4px;
}
html:is([data-design="field-manual"],[data-design="terminal"]) .search-input:focus { border-color: var(--white); box-shadow: 0 0 0 3px var(--neon-glow); }
html:is([data-design="field-manual"],[data-design="terminal"]) .legal-body a { color: var(--white); text-decoration-color: var(--neon); text-decoration-thickness: 2px; }
html:is([data-design="field-manual"],[data-design="terminal"]) .hero p code,
html:is([data-design="field-manual"],[data-design="terminal"]) .legal-body code {
  background: #ffffff; border: 1.5px solid var(--white); border-radius: 4px; color: var(--white);
}
html:is([data-design="field-manual"],[data-design="terminal"]) .legal-body th { background: var(--black); color: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .footer-inner a:hover,
html:is([data-design="field-manual"],[data-design="terminal"]) .footer-sig a:hover { color: var(--white); }

/* -------- Footer -------- */
html:is([data-design="field-manual"],[data-design="terminal"]) footer { border-top: 2px solid var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .footer-bottom { border-top-color: var(--dark-3); }
html:is([data-design="field-manual"],[data-design="terminal"]) .footer-col-heading { color: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .footer-links a:hover,
html:is([data-design="field-manual"],[data-design="terminal"]) .footer-social-link:hover,
html:is([data-design="field-manual"],[data-design="terminal"]) .footer-r a:hover { color: var(--white); }
html:is([data-design="field-manual"],[data-design="terminal"]) .footer-connect-label { color: var(--gray); }
html:is([data-design="field-manual"],[data-design="terminal"]) .fl-mark { color: var(--white); }
