/* WGS deliverables only. Hero, workflow, capabilities and shared chrome retain their styles. */
.wgs-deliverables { padding-block: 56px; border-top: 1px solid var(--line); }
.deliverables-intro { max-width: 660px; }
.deliverables-intro h2 { font-size: 44px; line-height: 1.15; }
.deliverables-intro p { margin-top: 16px; color: var(--secondary); font-size: 16px; line-height: 1.75; }
.deliverable-matrix { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); column-gap: 40px; margin-top: 32px; }
.deliverable-matrix > div { min-width: 0; border-top: 1px solid var(--line); padding-block: 18px 22px; }
.deliverable-matrix dt { color: var(--ink); font-size: 16px; line-height: 1.5; font-weight: 500; }
.deliverable-matrix dd { margin-top: 8px; color: var(--secondary); font-size: 14px; line-height: 1.65; }
.deliverable-matrix dd > span { display: block; }
.deliverable-matrix .deliverable-format { margin-bottom: 8px; color: var(--blue); font-size: 11px; line-height: 1.7; letter-spacing: .025em; }
.deliverable-conditional { color: var(--secondary); letter-spacing: 0; }
.deliverables-close { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 12px; }
.deliverables-close p { max-width: 74ch; color: var(--secondary); font-size: 13px; line-height: 1.75; }
.deliverables-close .text-action { flex: none; }
@media (max-width: 1000px) {
  .deliverable-matrix { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 32px; }
  .deliverables-close { align-items: start; }
}
@media (max-width: 700px) {
  .wgs-deliverables { padding-block: 44px; }
  .deliverables-intro h2 { font-size: 37px; }
  .deliverable-matrix { grid-template-columns: minmax(0,1fr); margin-top: 26px; }
  .deliverable-matrix > div { padding-block: 16px 20px; }
  .deliverable-matrix dd { font-size: 16px; }
  .deliverables-close { display: block; margin-top: 8px; }
  .deliverables-close .text-action { margin-top: 12px; }
}