/*
 * SisuDent theme — homepage composition (Session 7.1). Moved unchanged from the page <style> block of the approved
 * prototype (design/prototypes/home.html, Gate 3, D-042); prototype-only p- styles are not carried over.
 * Component styles stay in assets/css/components/ (copies of the design master).
 */

.sd-home-intro__head { margin-bottom: 0; align-content: start; }
.sd-home-intro__approach { margin-top: var(--sd-space-8); padding-top: var(--sd-subsection-space); border-top: var(--sd-border-width) solid var(--sd-color-border-subtle); }
.sd-home-intro__approach .sd-section-header { margin-bottom: var(--sd-space-6); }
.sd-home-services__more { margin-top: var(--sd-space-5); }
.sd-home-products { display: grid; gap: var(--sd-grid-gutter); margin: 0; padding: 0; list-style: none; }
.sd-home-products > li { display: grid; }
@media (min-width: 640px) { .sd-home-products { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .sd-home-products { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.sd-home-products .sd-badge { justify-self: start; }
.sd-home-products__more { margin-top: var(--sd-space-5); }
.sd-home-knowledge__more { margin-top: var(--sd-space-5); }

/* Owner request 2026-10-08 (D-063): the orange section labels on the homepage 4px larger (18 → 22px) */
main .sd-label:not(.sd-label--muted) { font-size: calc(var(--sd-font-size-eyebrow) + 4px); }