/* AI Agents page. Extends platform.css only. No inline styles by CSP. */

/* ── Hero: nav already draws the top rule, so no border here ── */
.sec-hero{ padding-block:var(--s-20) var(--s-16); }

/* ── Agent blocks: typographic grid, rules not cards ────── */
.agents{ display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--rule); }
.agent{ padding:var(--s-8) 0; border-bottom:1px solid var(--rule); }
.agent:nth-child(odd){ padding-right:var(--s-10); }
.agent:nth-child(even){ padding-left:var(--s-10); border-left:1px solid var(--rule); }
.agent-head{ display:flex; align-items:center; gap:var(--s-3); }
.agent-mandate{ margin-top:var(--s-3); font-size:var(--fs-2); line-height:1.55; color:var(--ink-2); max-width:52ch; }
.agent-io{ margin-top:var(--s-5); display:grid; gap:var(--s-3); }
.agent-io > div{ display:grid; grid-template-columns:84px minmax(0,1fr); gap:var(--s-4); }
.agent-io dt{ font-size:var(--fs-1); font-weight:600; text-transform:uppercase; letter-spacing:.07em; color:var(--ink-3); padding-top:2px; }
.agent-io dd{ font-size:var(--fs-2); line-height:1.5; color:var(--ink-2); }

/* ── After-hours preview: metrics strip plus queue panel ── */
.overnight-preview{ margin-top:var(--s-10); }
.overnight-preview .metrics{ margin-bottom:var(--s-6); }
.overnight-table{ padding:0 var(--s-5); }
.overnight-table .dt th, .overnight-table .dt td{ padding-right:var(--s-4); }
.overnight-table .dt thead th{ padding-top:var(--s-4); }
.overnight-table .dt tbody tr:last-child th,
.overnight-table .dt tbody tr:last-child td{ border-bottom:0; }
.brief-next{ margin-top:var(--s-10); max-width:66ch; }
.brief-next p{ font-size:var(--fs-3); line-height:1.55; color:var(--ink-2); }
.brief-next .link{ display:inline-flex; align-items:center; min-height:44px; margin-top:var(--s-2); }

/* ── Email band: copy beside the identified-items list ──── */
.band-cols{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:var(--s-10) var(--s-16); align-items:start; }
.band-copy p{ font-size:var(--fs-2); line-height:1.6; color:var(--ink-2); }
.band-copy h3{ margin-top:var(--s-8); }
.band-copy h3 + p{ margin-top:var(--s-3); }
.io-list{ list-style:none; display:grid; grid-template-columns:1fr 1fr; column-gap:var(--s-10); border-top:1px solid var(--rule); }
.io-list li{ padding:var(--s-3) 0; border-bottom:1px solid var(--rule); font-size:var(--fs-2); line-height:1.5; color:var(--ink-2); }
.io-list b{ color:var(--ink); font-weight:600; }
.planned-row{ display:flex; align-items:center; gap:var(--s-3); margin-top:var(--s-5); font-size:var(--fs-2); color:var(--ink-2); }

/* ── Phone flow: numbered workflow, counter styling ─────── */
.flow{ list-style:none; counter-reset:step; border-top:1px solid var(--rule); max-width:760px; }
.flow li{ counter-increment:step; display:grid; grid-template-columns:44px minmax(0,1fr); gap:var(--s-4); align-items:baseline; padding:var(--s-4) 0; border-bottom:1px solid var(--rule); font-size:var(--fs-2); line-height:1.55; color:var(--ink-2); }
.flow li::before{ content:counter(step, decimal-leading-zero); font-size:var(--fs-1); font-weight:600; letter-spacing:.08em; color:var(--accent); }
.flow b{ color:var(--ink); font-weight:600; }
.scope-line{ margin-top:var(--s-6); font-size:var(--fs-2); line-height:1.55; color:var(--ink-2); max-width:66ch; }

/* ── Closing: oversight statement and CTA ───────────────── */
.close-wrap .plain{ margin-top:var(--s-6); }

/* ── Responsive ─────────────────────────────────────────── */
@media (max-width:900px){
  .agents{ grid-template-columns:1fr; }
  .agent:nth-child(odd){ padding-right:0; }
  .agent:nth-child(even){ padding-left:0; border-left:0; }
  .band-cols{ grid-template-columns:1fr; }
  .overnight-table .dt-collapse tbody tr{ padding-inline:0; }
}
@media (max-width:640px){
  .io-list{ grid-template-columns:1fr; }
  .flow li{ grid-template-columns:32px minmax(0,1fr); }
}