/* Deeper pages each answer one question. Navigation always leads back to its overview. */
#sr-landing .sr-guide-hero { padding-block:42px 55px; }
#sr-landing .sr-guide-hero h1 { font-size:clamp(40px,5.6cqw,72px); max-width:960px; }
#sr-landing .sr-guide-hero .sr-page-lead { max-width:660px; margin-top:25px; font-size:17px; }
#sr-landing[data-page^="guide-"] .sr-section { padding-block:58px; }
#sr-landing[data-page^="guide-"] .sr-section h2 { font-size:clamp(30px,3.6cqw,46px); }
#sr-landing[data-page^="guide-"] .sr-section-intro { margin-bottom:32px; }
#sr-landing[data-page^="guide-"] .sr-section-intro > p { font-size:16px; }
#sr-landing[data-page^="guide-"] .sr-tinted { background:#131819; }
#sr-landing[data-page="guide-compute"] .sr-device-stage img { filter:grayscale(1); }
#sr-landing[data-page="guide-delivery"] .sr-deploy-steps span,
#sr-landing[data-page="guide-delivery"] .sr-deliverable span { font-size:12px; }
#sr-landing[data-page="guide-delivery"] .sr-deliverable p { font-size:16px; }
#sr-landing[data-page="guide-workflows"] .sr-agents { padding-top:24px; }
@container (max-width:760px) {
  #sr-landing .sr-guide-hero { padding-top:30px; padding-bottom:38px; }
  #sr-landing[data-page^="guide-"] .sr-section { padding-block:40px; }
}