.ai-opening{position:relative;z-index:1}
.ai-opening__grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:72px;align-items:center}
.ai-opening__copy{min-width:0}
.ai-opening__copy h1{max-width:10em}
.ai-opening__copy .lede{max-width:32em}
.ai-path{position:relative}
.ai-path::before{content:"";position:absolute;top:32px;bottom:32px;left:-24px;width:8px;border-radius:var(--r-pill);background:linear-gradient(180deg,var(--accent),var(--accent-2));opacity:.25}
.ai-path h2{margin-top:20px;font-size:var(--font-h3)}
.ai-path>p{margin-top:12px}
.ai-path__list{list-style:none;padding:0;margin-top:24px;display:grid;gap:0}
.ai-path__list li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding-block:16px;border-top:1px solid var(--border);font-size:14px}
.ai-path__list strong{font-weight:var(--weight-semibold)}
.ai-path__list span{color:var(--text-muted)}
.ai-path .ai-path__note{margin-top:16px;font-size:13px;color:var(--text-muted)}
.ai-guide{padding-top:40px}
.ai-chapter+.ai-chapter{margin-top:72px;padding-top:64px;border-top:1px solid var(--border)}
.ai-chapter .panel h3{margin-bottom:16px}
.ai-chapter .panel p{color:var(--text-muted)}
.ai-reading{max-width:880px}
.ai-reading h3{margin-top:28px;margin-bottom:16px}
.ai-reading p{margin-top:18px;color:var(--text-muted)}
.ai-reading p:first-child{margin-top:0}
.ai-reading a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:4px}
.ai-chapter .table-scroll+.ai-reading{margin-top:28px}
.ai-chapter .callout{margin-top:28px;max-width:880px}
.ai-next{margin-top:28px}
@media(max-width:1000px){
  .ai-opening__grid{gap:36px}
  .ai-path__list li{grid-template-columns:minmax(0,1fr);gap:4px}
}
@media(max-width:768px){
  .ai-opening__grid{grid-template-columns:minmax(0,1fr);gap:40px}
  .ai-opening{padding-top:40px}
  .ai-opening__copy .lede{margin-top:20px}
  .ai-path::before{display:none}
  .ai-guide{padding-top:24px}
  .ai-chapter+.ai-chapter{margin-top:48px;padding-top:40px}
}