@import url('marketing-theme.css');

/* Lesson pages only: preserve the academy catalog's original presentation. */
body { background: var(--bg); }
a:focus-visible, button:focus-visible { outline: 3px solid var(--primary); outline-offset: 4px; }
.nav-capsule, .nav.is-glass .nav-capsule { color: var(--primary); }
@media (min-width: 1024px) {
  .nav-start { gap: 20px; }
  .nav-capsule { gap: 20px; padding-inline: 24px; }
  .nav-links { gap: 16px; }
  .nav-links a { font-size: 14px; }
}
.btn-primary, .btn-dark, .btn-primary:hover, .btn-dark:hover { box-shadow: none; }
.btn { transition: background-color .18s ease; }
.btn:hover { transform: none; }
.hero-shell { background: var(--chip); padding: 0; }
.ac-hero-lesson {
  background: var(--chip); color: var(--primary); border-radius: 0;
  padding-top: 144px; padding-bottom: 48px;
}
.ac-hero-lesson .hero-bg { background: var(--chip); }
.ac-hero-copy .eyebrow.on-dark { background: var(--primary-soft); color: var(--primary); }
.ac-hero-copy > p:not(.eyebrow):not(.ac-duration) { color: var(--muted); }
.ac-duration { color: var(--primary); font-weight: 600; }
.ac-lesson { padding-top: 32px; }
.ac-lesson-wrap { max-width: 820px; }
.ac-crumbs { font-size: 13px; }
.ac-back { font-size: 14px; }
.ac-ai-summary, .ac-path, .ac-support-cta {
  background: var(--chip); border-radius: 16px; box-shadow: none;
}
.ac-ai-summary h2, .ac-path-label, .ac-how h2, .ac-step-body h3,
.ac-related h3, .ac-support-cta h2 { color: var(--primary); }
.ac-ui-btn { background: var(--primary-soft); color: var(--primary); box-shadow: none; font-weight: 700; }
.ac-step-n { background: var(--accent); color: var(--primary); font-weight: 700; }
.ac-steps { gap: 0; }
.ac-steps li { padding-block: 24px; scroll-margin-top: 120px; }
.ac-steps li+li { border-top: 1px solid var(--line); }
.ac-tips { background: var(--primary-soft); border-radius: 16px; }
.ac-warn { background: #FBEFD6; border-radius: 16px; }
.ac-warn h3 { color: #8A5300; }
.ac-pager-link { background: var(--chip); box-shadow: none; border-radius: 16px; }
.ac-pager-link:hover:not(.empty) { background: #E3E6E0; transform: none; }
.ac-video-frame { border-radius: 20px; box-shadow: none; }
.ac-video-placeholder { background: var(--d-bg); }
.ac-video-soon-label { color: var(--accent); background: rgba(159,232,112,.1); }
.ac-related .ac-poster { width: 210px; transition: transform .2s ease; }
.ac-related .ac-poster:hover { transform: translateY(-3px); }
.ac-related .ac-poster-art { aspect-ratio: auto; background: var(--chip); box-shadow: none; }
.ac-related .ac-poster-art img { height: 180px; object-fit: cover; object-position: center 30%; }
.ac-related .ac-poster-shade { display: none; }
.ac-related .ac-poster-meta { position: static; color: var(--primary); padding: 16px; gap: 8px; }
.ac-related .ac-poster-meta strong { font-size: 15px; text-shadow: none; min-height: 2.5em; }
.ac-related .ac-poster-meta em { color: var(--muted); }
.ac-related-scroll { scrollbar-color: var(--line-strong) transparent; }
.ac-related-scroll::-webkit-scrollbar-thumb { background: var(--line-strong); }
@media (max-width: 767px) {
  .ac-hero-lesson { padding-top: 116px; padding-bottom: 36px; }
  .ac-hero-copy h1 { font-size: 36px; }
  .ac-steps li { gap: 12px; }
}

/* White capsule throughout the header scroll animation. */
.nav-plate { background-color: #FFFFFF; }