.ai-opening{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  align-items:center;
  gap:48px;
  padding:48px;
}
.ai-opening h1{
  margin:24px 0 32px;
}
.ai-opening__lead{
  margin:24px 0 0;
  max-width:32em;
  color:var(--muted);
}
.ai-file{
  box-shadow:var(--shadow-panel);
}
.ai-file__body{
  padding:24px;
}
.ai-file__body>p{
  margin:20px 0 0;
  font-size:var(--size-small);
}
.ai-file__list{
  margin:24px 0 0;
}
.ai-file__list>div{
  display:grid;
  grid-template-columns:3em minmax(0,1fr);
  gap:16px;
  padding-block:14px;
  border-bottom:1px solid var(--border);
}
.ai-file__list dt{
  color:var(--accent-dark);
  font-weight:var(--weight-bold);
}
.ai-file__list dd{
  margin:0;
  color:var(--muted);
  font-size:var(--size-small);
}
.ai-chapter{
  padding-top:24px;
  padding-bottom:40px;
}
.ai-chapter h2{
  margin-top:24px;
}
.ai-chapter .actions{
  margin-top:32px;
}
.ai-chapter .step-timeline{
  margin-top:32px;
}
@media(max-width:960px){
  .ai-opening{
    grid-template-columns:minmax(0,1fr);
    gap:32px;
    padding:32px;
  }
}
@media(max-width:640px){
  .ai-opening{
    padding:24px;
  }
  .ai-file__body{
    padding:20px;
  }
  .ai-chapter{
    padding-top:16px;
    padding-bottom:24px;
  }
}