@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Caveat:wght@600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');
/* Direction C · SALES-FLOOR WHITEBOARD — marker black, marker blue, marker red, highlighter yellow on board white. Heavy grotesk + handwritten margin notes. */
html:root {
  --cream-50:#FAFAF7; --cream-100:#F0F0EA; --cream-200:#D9D9D2; --stone-300:#BDBDB4; --stone-500:#55554F; --stone-700:#33332F; --stone-900:#151515; --warm-dark:#151515;
  --amber:#1F57C3; --amber-hover:#17449A; --amber-bright:#D2372C; --amber-light:#FFE94D; --amber-dim:rgba(31,87,195,0.07); --amber-bord:rgba(31,87,195,0.35);
  --teal:#1F57C3; --rust:#D2372C;
  --serif:'Archivo', system-ui, sans-serif; --sans:'Archivo', system-ui, sans-serif; --mono:'IBM Plex Mono', ui-monospace, monospace;
  --head:'Archivo Black', 'Archivo', sans-serif; --head-w:400; --head-ls:-0.015em;
  --radius-md:12px; --radius-lg:14px; --g-radius:10px;
  --shadow-card:none; --shadow-hover:none;
  --card:#FFFFFF; --card-glass:rgba(255,255,255,0.97);
  --band:#151515; --band-ink:#FAFAF7; --portrait-radius:18px;
  --g-nav-bg:#FFFFFF; --g-nav-ink:#151515; --g-nav-border:3px solid #151515; --g-hover-bg:#F0F0EA; --g-current:#D2372C;
  --g-train-bg:#FFE94D; --g-train-ink:#151515; --g-train-border:2px solid #151515; --g-drop-bg:#FFFFFF; --g-drop-ink:#151515; --g-drop-border:2px solid #151515;
  --g-logo-font:'Archivo Black', sans-serif; --g-logo-weight:400; --g-nav-ls:0.04em;
  --g-strip-bg:#151515; --g-strip-ink:#FAFAF7; --g-strip-tag-bg:#FFE94D; --g-strip-tag-ink:#151515;
}
html body { background-image: radial-gradient(rgba(21,21,21,0.07) 1px, transparent 1.2px); background-size: 26px 26px; }
html body h1 em, html body h2 em, html body h3 em, html body .post-title em, html body .product-name em, html body .work-headline em, html body .metric-value em {
  color:#151515 !important; background: linear-gradient(transparent 52%, #FFE94D 52%, #FFE94D 92%, transparent 92%); padding: 0 0.08em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
/* Dark bands (CTA bands, Insights featured card): dark ink needs a full marker swipe behind it (the half-height swipe left the top of the letters black-on-black) */
html body .band-dark h2 em, html body .featured h3 em { color:#151515 !important; background: #FFE94D !important; padding: 0.02em 0.16em; border-radius: 4px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
html body .eyebrow { font-family:'Caveat', cursive !important; font-size:1.45rem !important; text-transform:none !important; letter-spacing:0 !important; color:#D2372C !important; font-weight:700 !important; }
html body .eyebrow::before { content:'→' !important; width:auto !important; height:auto !important; background:none !important; font-family:'Archivo', sans-serif; font-size:1rem; }
html body .card, html body .video, html body .lane, html body .tool, html body .om-chapters, html body .om-download, html body .insight-card { border:2px solid #151515 !important; box-shadow:none !important; border-radius: 14px 8px 12px 6px !important; }
html body .card:hover, html body .insight-card:hover { border-color:#1F57C3 !important; transform: rotate(-0.4deg); }
html body .btn-primary { background:#1F57C3 !important; color:#FFFFFF !important; border:2px solid #151515 !important; }
html body .btn-ghost { border:2px solid #151515 !important; color:#151515 !important; }
html body .band-dark .btn-ghost { border-color:#FFE94D !important; color:#FFE94D !important; }
html body .hero-portrait img { border:3px solid #151515 !important; transform: rotate(1.5deg); }
html body footer.site-footer { border-top:3px solid #151515; }
html body .om-badge { background:#D2372C !important; }
html body .om-play::after { background:#D2372C !important; }
/* Phones: Archivo Black runs wide, so cap headline sizes */
@media (max-width: 600px) {
  html:root { --fs-hero: clamp(1.9rem, 8.2vw, 2.4rem); --fs-h1: clamp(1.75rem, 7.6vw, 2.2rem); --fs-h2: clamp(1.45rem, 6.2vw, 1.8rem); --fs-h3: clamp(1.15rem, 4.8vw, 1.35rem); }
  html body h1, html body .post-title, html body .brief-title, html body .hero h1, html body .page-hero h1 { font-size: clamp(1.75rem, 7.6vw, 2.3rem) !important; line-height: 1.12 !important; }
  html body h2 { font-size: clamp(1.45rem, 6.2vw, 1.8rem) !important; line-height: 1.15 !important; }
}
/* ---- shared theme plumbing (prepended to each theme) ---- */
html body h1, html body h2, html body h3, html body .post-title, html body .brief-title, html body .product-name, html body .footer-brand-name, html body .metric-value, html body .work-headline { font-family: var(--head) !important; font-weight: var(--head-w) !important; letter-spacing: var(--head-ls) !important; text-transform: var(--head-tt, none); }
html body h1 em, html body h2 em, html body h3 em, html body .post-title em, html body .brief-title em, html body .product-name em, html body .work-headline em, html body .metric-value em { font-style: normal !important; font-weight: inherit !important; }
html body { background-color: var(--cream-50); }
html body .btn { border-radius: var(--g-radius) !important; }
html body .card, html body .video, html body .lane, html body .tool, html body .om-chapters, html body .om-download, html body .indicators li, html body .post-item, html body .insight-card, html body .om-player { border-radius: var(--g-radius) !important; }
html body .band-dark { background: var(--band) !important; }
html body .band-dark h2, html body .band-dark p { color: var(--band-ink) !important; }
html body .band-dark::before { display: none !important; }
html body .hero-portrait img { border-radius: var(--portrait-radius, 50%) !important; }