.page-hero { padding-block: var(--space-12); border-bottom: 1px solid var(--color-border); }
.breadcrumb { display: flex; flex-wrap: wrap; gap: var(--space-3); font-size: var(--fs-small); margin-bottom: var(--space-8); }
.breadcrumb a { color: var(--color-muted); }
.shipping-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-10); }
.shipping-facts p { background: var(--color-white); padding: var(--space-5); margin: 0; border: 1px solid var(--color-border); border-radius: var(--radius-sm); }
.shipping-facts strong { display: block; color: var(--color-ink); }
.shipping-facts span { display: block; font-size: var(--fs-small); }
.information-layout { display: grid; grid-template-columns: minmax(0, 170px) minmax(0, 1fr) minmax(0, 170px); gap: var(--space-8); align-items: start; }
.information-layout:not(:has(.page-toc)) { grid-template-columns: minmax(0, 1fr) 230px; }
.page-toc a, .related-policies > a { display: block; color: var(--color-muted); font-size: var(--fs-small); padding-block: var(--space-2); }
.page-toc { position: sticky; top: var(--space-6); }
.related-policies .card { padding: var(--space-4); margin-top: var(--space-6); font-size: var(--fs-small); }
.related-policies .card a { display: block; padding-block: var(--space-2); }
.related-help { margin-top: var(--space-10); padding: var(--space-6); border: 1px solid var(--color-border); border-radius: var(--radius-md); }
.related-help a { display: block; padding-block: var(--space-2); }
.prose table { width: 100%; border-collapse: collapse; }
.prose th, .prose td { border: 1px solid var(--color-border); padding: var(--space-3); text-align: left; overflow-wrap: anywhere; }
.prose .tablepress { font-size: var(--fs-ui); }
.form-section-links { display: flex; gap: var(--space-3); flex-wrap: wrap; }
.form-section-links a { display: block; padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-xs); font-size: var(--fs-small); }
.application-layout { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); gap: var(--space-8); }
.application-layout aside .card { margin-bottom: var(--space-6); padding: var(--space-6); }
.application-layout aside h2 { font-size: var(--fs-h3); }
.application-layout aside a { display: block; padding-block: var(--space-2); overflow-wrap: anywhere; }
.application-guidance { padding-block: var(--space-12); }
.application-guidance h2 { font-size: var(--fs-h3); }
.application-guidance .steps { margin-top: var(--space-6); }
.application-guidance .steps p { font-size: var(--fs-ui); }
.legacy-page { padding-block: var(--space-8); }
@media (max-width: 1023px) { .information-layout { grid-template-columns: 160px minmax(0, 1fr); } .related-policies { grid-column: 2; } .application-layout { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); } .shipping-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .information-layout, .information-layout:not(:has(.page-toc)), .application-layout { grid-template-columns: 1fr; } .page-toc { position: static; padding-bottom: var(--space-5); border-bottom: 1px solid var(--color-border); } .related-policies { grid-column: auto; } .page-hero { padding-block: var(--space-8); } .shipping-facts { gap: var(--space-3); } .shipping-facts p { padding: var(--space-3); } .prose table { font-size: var(--fs-small); } }

/* Keep the two reseller catalog/update cards balanced without the legacy graphic. */
.program-catalog-cards { align-items:stretch; }