.ai-opening {
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);
  align-items:center;
  gap:64px;
  padding-bottom:56px;
}
.ai-opening > * {
  min-width:0;
}
.ai-opening h1 {
  margin-top:22px;
  margin-bottom:28px;
  isolation:isolate;
}
.ai-reading-note {
  padding:28px;
  background:var(--grain),linear-gradient(160deg,var(--bg-panel),var(--bg-panel-2));
  border-radius:var(--r-md);
  box-shadow:var(--lift);
}
.ai-reading-note__label {
  font-weight:800;
}
.ai-reading-note dl {
  margin:18px 0;
}
.ai-reading-note dl > div {
  display:grid;
  grid-template-columns:3em minmax(0,1fr);
  gap:16px;
  padding-block:14px;
  border-top:1px solid var(--border-strong);
}
.ai-reading-note dt {
  font-weight:750;
}
.ai-reading-note dd {
  margin:0;
  color:var(--text-muted);
}
.ai-reading-note > .muted {
  font-size:13px;
}
.ai-explanations .panel p {
  margin-top:14px;
  color:var(--text-muted);
  line-height:1.85;
}
.ai-section-note {
  margin-top:28px;
}
.ai-table-foot {
  margin-top:16px;
  max-width:820px;
  font-size:14px;
  color:var(--text-muted);
}
.ai-two-columns {
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.ai-two-columns p {
  margin-top:16px;
  color:var(--text-muted);
  line-height:1.9;
}
.ai-development-list {
  max-width:920px;
}
.ai-development-list article {
  padding-block:26px;
  border-top:1px solid var(--border-strong);
}
.ai-development-list p {
  margin-top:14px;
  line-height:1.9;
}
.ai-page .faq__answer a {
  color:var(--accent-dark);
  text-decoration:underline;
  text-underline-offset:3px;
}
.ai-page > section:last-child {
  padding-bottom:0;
}
@media (max-width:1000px) {
  .ai-opening {
    gap:32px;
    grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  }
}
@media (max-width:768px) {
  .ai-opening {
    grid-template-columns:1fr;
    padding-bottom:32px;
  }
  .ai-reading-note {
    max-width:620px;
  }
  .ai-explanations,
  .ai-two-columns {
    grid-template-columns:1fr;
  }
}
@media (max-width:640px) {
  .ai-reading-note {
    padding:22px;
  }
  .ai-reading-note dl > div {
    gap:12px;
  }
}