/* Content flow: keep labels close, separate headings, content and actions. */
:root{--content-gap:28px;--action-gap:32px}
main .section>.shell>h2+:is(.completion-related,.completion-lifecycle,.brand-resource-grid,.latest-doc-grid,.exp-related,.exp-table-scroll,.company-facilities,.location-cards,.topic-tags,.legacy-body.completion-original){margin-top:var(--content-gap)}
main .section>.shell>:is(.exp-project-grid,.exp-table-scroll,.completion-model-grid,.latest-doc-grid)+.text-link{margin-top:var(--action-gap)}
main .section>.shell>.text-link+:is(p,form){margin-top:var(--action-gap)}
main .section>.shell>.completion-lifecycle+.completion-explanation{margin-top:var(--content-gap)}
main .section>.shell>.exp-table-scroll+.exp-table-scroll{margin-top:var(--content-gap)}
main .section>.shell>.exp-project-grid+.reference-date{margin-top:var(--content-gap)}
main .section>.shell>.legacy-body.completion-original+p{margin-top:var(--content-gap)}
main .section>.shell>h1+.article-copy{margin-top:24px}
main .section>.shell>.article-copy+.text-link{margin-top:8px}
.home-product img{padding:22px 20px;box-sizing:border-box}
@media(max-width:600px){
 :root{--content-gap:24px;--action-gap:28px}
 .home-product img{padding:18px}
}