body.bj-ai-training-page { background: var(--hb-paper); color: var(--hb-ink); }
.bj-ai-training-page .ai-hero { padding: clamp(4rem, 8vw, 7rem) 0; background: var(--hb-paper); }
.bj-ai-training-page .ai-hero .bj-wrap { max-width: 1180px; }
.bj-ai-training-page .ai-hero__grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.bj-ai-training-page .ai-hero__copy { min-width: 0; }
.bj-ai-training-page .ai-hero h1 { max-width: 11ch; margin: .6rem 0 1rem; font-size: clamp(3.35rem, 5.5vw, 5.8rem); line-height: .98; }
.bj-ai-training-page .ai-hero__photo { position: relative; min-width: 0; margin: 0 .85rem .85rem 0; padding: .65rem; background: var(--hb-light); box-shadow: .85rem .85rem 0 var(--hb-forest); transform: rotate(1deg); }
.bj-ai-training-page .ai-hero__photo::before { content: ""; display: block; height: .6rem; margin: -.65rem -.65rem .65rem; background: var(--hb-brass); }
.bj-ai-training-page .ai-hero__photo img { display: block; width: 100%; height: clamp(28rem, 38vw, 36rem); object-fit: cover; object-position: 50% 64%; }
.bj-ai-training-page .ai-hero p.ai-hero__subhead { margin: 0 0 1.5rem; font-size: clamp(1.6rem, 3vw, 2.5rem); font-weight: 700; color: var(--hb-forest); }
.bj-ai-training-page .hb-sticky-buy { display: none !important; }
.bj-ai-training-page .ai-hero p:not(.bj-eyebrow):not(.ai-small-note) { max-width: 44rem; }
.bj-ai-training-page .ai-small-note { max-width: 40rem; margin-top: 1rem; font-size: .95rem; color: #524a40; }
.bj-ai-training-page .ai-section { padding: clamp(4rem, 7vw, 6rem) 0; }
.bj-ai-training-page .ai-section--light { background: var(--hb-light); }
.bj-ai-training-page .ai-section--intro { background: #dfe8d9; }
.bj-ai-training-page .ai-section--dark { background: var(--hb-forest); color: var(--hb-light); }
.bj-ai-training-page .ai-section h2 { max-width: 18ch; margin: .4rem 0 1.5rem; font: 400 clamp(2.5rem, 4.8vw, 4.6rem)/1.04 var(--hb-serif); letter-spacing: -.03em; }
.bj-ai-training-page .ai-section h3 { margin: 0 0 .6rem; font: 400 clamp(1.35rem, 2vw, 1.75rem)/1.15 var(--hb-serif); }
.bj-ai-training-page .ai-section p, .bj-ai-training-page .ai-section li, .bj-ai-training-page .ai-hero p { font-size: 1.1rem; line-height: 1.58; }
.bj-ai-training-page .ai-narrow { max-width: 850px; }
.bj-ai-training-page .ai-intro { max-width: 55rem; }
.bj-ai-training-page .ai-grid { display: grid; gap: 1rem; margin: 2.2rem 0; }
.bj-ai-training-page .ai-grid--four { grid-template-columns: repeat(2, minmax(0,1fr)); }
.bj-ai-training-page .ai-grid--three { grid-template-columns: repeat(3, minmax(0,1fr)); }
.bj-ai-training-page .ai-grid--two { grid-template-columns: repeat(2, minmax(0,1fr)); }
.bj-ai-training-page .ai-grid article { min-width: 0; padding: clamp(1.4rem, 2.5vw, 2rem); border: 1px solid var(--hb-line); background: var(--hb-paper); }
.bj-ai-training-page .ai-grid--four article { border-top: 4px solid var(--hb-brass); }
.bj-ai-training-page .ai-grid article p { margin-bottom: 0; }
.bj-ai-training-page .ai-section--dark .ai-grid article { border-color: #637465; background: #2d4938; }
.bj-ai-training-page .ai-principles article { padding: 1.5rem 0; border: 0; border-top: 2px solid var(--hb-line); background: transparent; }
.bj-ai-training-page .ai-section--dark .ai-grid article p, .bj-ai-training-page .ai-section--dark .ai-intro, .bj-ai-training-page .ai-section--dark .ai-included p, .bj-ai-training-page .ai-section--dark li { color: #fffaf1; }
.bj-ai-training-page .ai-quarters span { display: block; margin-bottom: .8rem; color: #f0c985; font: 700 .78rem var(--hb-mono); letter-spacing: .1em; }
.bj-ai-training-page .ai-included { max-width: 56rem; margin-top: 3rem; }
.bj-ai-training-page .ai-included ul { padding-left: 1.3rem; }
.bj-ai-training-page .ai-included li { margin: .6rem 0; }
.bj-ai-training-page .ai-included .bj-button { margin-top: 1rem; }
.bj-ai-training-page .ai-projects { margin: 2rem 0; padding-left: 1.4rem; border-left: 4px solid var(--hb-brass); }
.bj-ai-training-page .ai-background { padding-left: 1.3rem; }
.bj-ai-training-page .ai-background li { margin: .85rem 0; }
.bj-ai-training-page .ai-questions h3 { margin: 1.6rem 0 .2rem; }
.bj-ai-training-page .ai-questions p { margin-top: 0; }
.bj-ai-training-page .ai-final { background: var(--hb-paper-2); }
.bj-ai-training-page .ai-direct { margin-top: 1.5rem; }
.bj-ai-training-page .ai-text-link, .bj-ai-training-page .ai-direct a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 800; text-underline-offset: .2em; }
.bj-ai-training-page .ai-hero .bj-action-row { align-items: center; flex-wrap: wrap; }
.bj-ai-training-page .bj-button { max-width: 100%; white-space: normal; text-align: center; }
@media (max-width: 900px) { .bj-ai-training-page .ai-hero__grid { grid-template-columns: 1fr; } .bj-ai-training-page .ai-hero h1 { max-width: 13ch; } .bj-ai-training-page .ai-hero__photo { max-width: 38rem; } }
@media (max-width: 650px) { .bj-ai-training-page .ai-hero__photo { max-width: 27rem; } .bj-ai-training-page .ai-hero__photo img { height: 27rem; } .bj-ai-training-page .ai-grid--four, .bj-ai-training-page .ai-grid--three, .bj-ai-training-page .ai-grid--two { grid-template-columns: 1fr; } .bj-ai-training-page .ai-grid article { padding: 1.25rem; } .bj-ai-training-page .ai-section p, .bj-ai-training-page .ai-section li, .bj-ai-training-page .ai-hero p { font-size: 1rem; } }