.ai-opening { border-bottom:1px solid var(--c-border); background:linear-gradient(180deg,var(--a-accent-06),var(--c-bg) 78%) }
.ai-opening__grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); align-items:center; gap:clamp(36px,5vw,80px); padding-top:92px; padding-bottom:100px }
.ai-opening__copy { min-width:0 }
.ai-opening h1 { max-width:750px; margin-top:18px; font-size:clamp(52px,5vw,68px); line-height:1.12 }
.ai-opening__lead { max-width:650px; margin:26px 0 0; color:var(--c-muted); font-size:19px; line-height:1.75 }
.ai-opening__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px }
.ai-opening__note { max-width:610px; margin:22px 0 0; color:var(--c-muted); font-size:14px }
.ai-console { min-width:0; border:1px solid var(--c-border); border-radius:var(--r-lg); background:var(--c-panel); box-shadow:var(--hl-inset),var(--sh-panel) }
.ai-console__bar { display:flex; align-items:center; gap:18px; min-height:42px; padding:0 18px; border-bottom:1px solid var(--c-border); border-radius:var(--r-lg) var(--r-lg) 0 0; background:var(--c-panel-2); color:var(--c-muted); font:600 11px/1.4 var(--font-mono); letter-spacing:.08em }
.ai-console__lights { display:inline-flex; gap:5px }
.ai-console__lights i { display:block; width:7px; height:7px; border-radius:50%; background:var(--c-border-strong) }
.ai-console__body { padding:32px }
.ai-console__caption,.ai-dual__label,.ai-workflow__mark { color:var(--c-accent-dark); font:600 11px/1.5 var(--font-mono); letter-spacing:.1em }
.ai-console__step { display:grid; grid-template-columns:52px minmax(0,1fr); align-items:center; gap:14px; min-height:68px; margin-top:18px; padding:14px 18px; border:1px solid var(--c-border); border-radius:var(--r-md); background:var(--c-panel); box-shadow:var(--sh-hair) }
.ai-console__step span { color:var(--c-accent-dark); font:600 12px/1.5 var(--font-mono) }
.ai-console__step strong { min-width:0; font-size:15px; font-weight:650; line-height:1.5 }
.ai-console__step--last { border-color:var(--a-accent-32); background:var(--a-accent-05) }
.ai-console__join { width:1px; height:18px; margin:-1px 0 -18px 42px; background:var(--c-accent) }
.ai-console__body > p { margin:22px 0 0; color:var(--c-muted); font-size:13px; line-height:1.7 }
.ai-article { min-width:0; padding-top:28px }
.ai-section { border-bottom:1px solid var(--c-border) }
.ai-section--tinted { position:relative }
.ai-section--tinted::before { content:""; position:absolute; inset:24px 0; z-index:-1; border-radius:var(--r-lg); background:var(--a-accent-03) }
.ai-section .section-heading { max-width:800px }
.ai-section .section-heading p { font-size:17px }
.ai-section__after { max-width:900px; margin:26px 0 0; color:var(--c-muted) }
.ai-matrix { min-width:800px }
.ai-matrix th:first-child { color:var(--c-ink) }
.ai-matrix td { line-height:1.6 }
.ai-reading-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(230px,.75fr); align-items:start; gap:clamp(30px,6vw,88px) }
.ai-reading-grid__main { max-width:790px }
.ai-reading-grid__main h3:not(:first-child) { margin-top:32px }
.ai-reading-grid__main p { margin-top:15px; color:var(--c-muted) }
.ai-reading-grid__aside { padding:26px; border:1px solid var(--c-border); border-top:2px solid var(--c-accent); border-radius:var(--r-md); background:var(--c-panel); box-shadow:var(--sh-soft) }
.ai-reading-grid__aside strong { display:block; margin:18px 0 10px; font-size:19px; line-height:1.4 }
.ai-reading-grid__aside p { margin:0; color:var(--c-muted); font-size:14px }
.ai-dual { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px }
.ai-dual__card { min-width:0; padding:30px }
.ai-dual__card h3 { margin:18px 0 }
.ai-dual__card p { color:var(--c-muted) }
.ai-dual__card p:last-child { margin-bottom:0 }
.ai-workflow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px }
.ai-workflow > div { min-width:0; padding:24px; border:1px solid var(--c-border); border-radius:var(--r-md); background:var(--c-panel); box-shadow:var(--hl-inset),var(--sh-hair) }
.ai-workflow h3 { margin:14px 0 }
.ai-workflow p { margin:0; color:var(--c-muted); font-size:15px }
.ai-diagnosis { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; overflow:hidden; border:1px solid var(--c-border); border-radius:var(--r-lg); background:var(--c-border) }
.ai-diagnosis > div { min-width:0; padding:26px; background:var(--c-panel) }
.ai-diagnosis strong { display:block; margin-bottom:10px; font-size:18px }
.ai-diagnosis p { margin:0; color:var(--c-muted); font-size:15px }
.ai-selection { border-bottom:0 }
.ai-selection__body { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(230px,.65fr); gap:clamp(30px,5vw,80px); align-items:start }
.ai-selection__body p { color:var(--c-muted) }
.ai-selection__body p:last-child { margin-bottom:0 }
.ai-selection__body p a { color:var(--c-accent-dark); font-weight:650; text-underline-offset:3px }
.ai-selection__links { display:grid; gap:10px }
.ai-selection__links a { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 10px; padding:17px 20px; border:1px solid var(--c-border); border-radius:var(--r-md); background:var(--c-panel); box-shadow:var(--sh-soft); text-decoration:none }
.ai-selection__links a span:first-child { grid-column:1 / -1; color:var(--c-accent-dark); font:600 10px/1.5 var(--font-mono); letter-spacing:.1em }
.ai-selection__links a strong { font-size:17px }
.ai-selection__links a:hover { border-color:var(--c-accent) }
@media (max-width:900px) {
  .ai-opening__grid { grid-template-columns:1fr; padding-top:72px; padding-bottom:76px }
  .ai-console { max-width:650px }
  .ai-workflow { grid-template-columns:1fr }
}
@media (max-width:640px) {
  .ai-opening__grid { gap:36px; padding-top:54px; padding-bottom:60px }
  .ai-opening h1 { font-size:clamp(28px,8vw,40px) }
  .ai-opening__lead { margin-top:20px; font-size:17px }
  .ai-console__body { padding:20px }
  .ai-console__step { grid-template-columns:40px minmax(0,1fr); gap:10px; padding:12px }
  .ai-console__step strong { font-size:13px }
  .ai-console__join { margin-left:30px }
  .ai-reading-grid,.ai-dual,.ai-diagnosis,.ai-selection__body { grid-template-columns:1fr }
  .ai-dual__card,.ai-diagnosis > div { padding:22px }
  .ai-reading-grid__aside { padding:22px }
}