.ai-opening-grid{
  display:grid;
  grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:24px;
  align-items:stretch;
}
.ai-copy{
  padding:32px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--panel);
  box-shadow:var(--sh-panel);
}
.ai-copy .title-row{
  grid-template-columns:minmax(0,1fr);
  gap:20px;
}
.ai-copy .lede{
  max-width:480px;
}
.ai-scope{
  max-width:560px;
  padding-top:16px;
  border-top:1px solid var(--border);
  color:var(--muted);
  font-size:var(--size-small);
}
.ai-path-stage{
  display:flex;
  align-items:center;
  padding:36px 24px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:linear-gradient(145deg,var(--mint-08),var(--panel-2));
}
.ai-path-stage .win{
  width:100%;
  isolation:isolate;
}
.ai-path-content{
  padding:24px 20px;
}
.ai-path-content>.mono{
  margin-bottom:20px;
  font-size:var(--size-caption);
  overflow-wrap:anywhere;
}
.ai-path-line{
  display:grid;
  grid-template-columns:12px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding-block:18px;
  border-top:1px solid var(--border);
}
.ai-path-line strong{
  font-weight:var(--weight-semibold);
}
.ai-path-line p{
  margin-top:4px;
  color:var(--muted);
  font-size:var(--size-caption);
}
.ai-path-dot{
  width:8px;
  height:8px;
  border:1px solid var(--wire);
  border-radius:var(--radius-round);
  background:var(--panel-mint);
}
.ai-path-note{
  padding-top:16px;
  border-top:1px solid var(--border);
  color:var(--muted);
  font-size:var(--size-caption);
}
.ai-document{
  padding-top:8px;
}
.ai-document>section+section{
  border-top:1px solid var(--border);
}
.ai-reading{
  max-width:900px;
}
.ai-reading p,
.ai-explainer p{
  margin-top:18px;
  color:var(--muted);
  line-height:1.9;
}
.ai-reading h3{
  margin-top:28px;
}
.ai-reading h3:first-child{
  margin-top:0;
}
.ai-explainer{
  margin-top:28px;
  max-width:900px;
}
.ai-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
@media(max-width:1100px){
  .ai-opening-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:768px){
  .ai-opening-grid,
  .ai-pair{
    grid-template-columns:minmax(0,1fr);
  }
  .ai-copy{
    padding:24px 20px;
  }
  .ai-path-stage{
    padding:24px 20px 36px;
  }
  .ai-document{
    padding-top:0;
  }
}
@media(max-width:400px){
  .ai-path-content{
    padding:20px 12px;
  }
  .ai-path-line{
    grid-template-columns:10px minmax(0,1fr);
    gap:8px;
  }
  .ai-path-line .tag{
    grid-column:2;
    justify-self:start;
  }
}