.ai-opening{position:relative;max-width:100%;overflow-x:clip;padding-top:84px;padding-bottom:88px;background:linear-gradient(180deg,var(--hero-top),var(--hero-bot));border-bottom:1px solid var(--border)}
.ai-opening-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(32px,6vw,88px)}
.ai-opening-copy{min-width:0}
.ai-opening h1{max-width:700px;margin:22px 0 0;font-size:clamp(52px,5vw,64px)}
.ai-opening-lede{max-width:620px;margin-top:22px;color:var(--text-muted);font-size:18px;line-height:1.75}
.ai-opening-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.ai-opening-foot{margin-top:18px;color:var(--text-muted);font-size:13px}
.ai-route-board{min-width:0;padding:26px;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--bg-panel);box-shadow:var(--hl-inset),var(--lift-panel)}
.ai-route-head{display:flex;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);font-size:12px}
.ai-route-flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(24px,.46fr) minmax(0,1fr);align-items:center;gap:16px 8px;padding:22px 0}
.ai-route-flow>span:not(.ai-route-line){min-width:0;padding:12px 10px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-panel-2);font-size:13px;text-align:center;overflow-wrap:anywhere}
.ai-route-flow>span:nth-child(3n){border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--accent-dark)}
.ai-route-line{height:1px;background:var(--accent);position:relative}
.ai-route-line::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid var(--accent);border-right:1px solid var(--accent);transform:rotate(45deg)}
.ai-route-base{padding-top:16px;border-top:1px solid var(--border);color:var(--text-muted);font-size:13px}
.ai-guide{padding-top:0;padding-bottom:84px}
.ai-guide .toc-tabs{margin-bottom:36px}
.ai-guide-intro{max-width:860px;color:var(--text-muted);font-size:17px;line-height:1.85}
.ai-guide-section{max-width:100%;padding-top:18px;padding-bottom:28px;border-bottom:1px solid var(--border)}
.ai-guide-section:last-child{border-bottom:0}
.ai-guide-section>h2{max-width:920px}
.ai-guide-section>p,.ai-guide-section>.callout{max-width:920px}
.ai-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0 12px}
.ai-principles>div{min-width:0;padding:22px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel);box-shadow:var(--hl-inset),var(--lift-1)}
.ai-principles strong{color:var(--accent-dark)}
.ai-principles p{margin:10px 0 0;color:var(--text-muted);font-size:14px}
.ai-guide .table-scroll{margin:24px 0 14px}
.ai-guide .table-scroll table{min-width:800px}
.ai-guide .table-scroll td{font-size:14px;vertical-align:top}
.ai-table-note{color:var(--text-muted);font-size:13px}
.ai-symptom-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:20px 0 26px}
.ai-symptom-list>div{min-width:0;padding:22px 0;border-top:1px solid var(--border)}
.ai-symptom-list h3{margin:0 0 12px;font-size:24px}
.ai-symptom-list p{color:var(--text-muted);font-size:15px}
@media(max-width:768px){
  .ai-opening{padding-top:60px;padding-bottom:64px}
  .ai-opening-grid{grid-template-columns:minmax(0,1fr)}
  .ai-opening h1{font-size:clamp(28px,7vw,40px)}
  .ai-route-board{max-width:540px}
  .ai-principles{grid-template-columns:1fr}
}
@media(max-width:640px){
  .ai-opening-lede{font-size:16px}
  .ai-route-board{padding:18px}
  .ai-route-flow{gap:12px 5px}
  .ai-route-flow>span:not(.ai-route-line){padding:10px 5px;font-size:12px}
  .ai-guide{padding-bottom:64px}
  .ai-guide-intro{font-size:16px}
  .ai-symptom-list{grid-template-columns:1fr}
}