/* Shared presentation scoped to the existing service-detail pages. */
.sd-eyebrow { margin: 0 0 1rem; color: var(--gw-green-700); font-size: .76rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.sd-hero { padding-block: 1.5rem clamp(3rem, 5vw, 5rem); background: var(--gw-surface-warm); border-bottom: 1px solid var(--gw-border); }
.sd-breadcrumb { display: flex; align-items: center; gap: .85rem; margin-bottom: clamp(1.5rem, 3vw, 3rem); color: var(--gw-muted); font-size: .85rem; }
.sd-breadcrumb a { display: inline-flex; align-items: center; min-height: 2.75rem; color: var(--gw-muted); }
.sd-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); align-items: center; gap: clamp(2rem, 5vw, 4.5rem); }
.sd-hero h1 { margin: 0; font-size: clamp(2.5rem, 4.4vw, 4rem); line-height: 1.08; letter-spacing: -.045em; overflow-wrap: break-word; }
.sd-summary { max-width: 37rem; margin: 1.5rem 0 0; font-size: 1.08rem; line-height: 1.75; }
.sd-hero-image { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--gw-radius-sm); }
.sd-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; margin-top: 2rem; }
.sd-actions .btn, .sd-cta-actions .btn { min-height: 3.125rem; padding: .85rem 1.4rem; }
.sd-text-link { display: inline-flex; align-items: center; gap: .5rem; min-height: 2.75rem; color: var(--gw-green-800); font-size: .9rem; font-weight: 600; text-decoration: none; }
.sd-text-link:hover, .sd-text-link:focus-visible { text-decoration: underline; }
.sd-section { padding-block: clamp(3rem, 6vw, 5.5rem); }
.sd-overview-grid, .sd-support-grid, .sd-related-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 7vw, 6rem); }
.sd-overview-copy h2, .sd-support h2, .sd-related h2, .sd-final-cta h2 { margin: 0 0 1.25rem; font-size: clamp(1.8rem, 2.8vw, 2.7rem); letter-spacing: -.035em; line-height: 1.18; }
.sd-overview-copy p:last-child, .sd-support p, .sd-final-cta p:last-child { margin-bottom: 0; }
.sd-scope { padding-left: clamp(1.5rem, 3vw, 3rem); border-left: 1px solid var(--gw-border-strong); }
.sd-scope h2 { margin-bottom: 1.25rem; font-size: 1.25rem; }
.sd-scope ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem 2rem; padding-left: 1.2rem; margin-bottom: 1.5rem; }
.sd-scope li::marker { color: var(--gw-green-700); }
.sd-scope-note { color: var(--gw-muted); font-size: .85rem; line-height: 1.6; margin: 0; }
.sd-support { padding-block: clamp(3rem, 6vw, 5rem); background: var(--gw-surface-warm); border-block: 1px solid var(--gw-border); }
.sd-support > .site-container > p { max-width: 48rem; }
.sd-support-grid > p { align-self: center; }
.sd-use-cases { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 6vw, 5rem); margin-top: 2.5rem; }
.sd-use-cases article { padding-top: 1.5rem; border-top: 2px solid var(--gw-green-700); }
.sd-use-cases h3 { font-size: clamp(1.25rem, 2vw, 1.65rem); margin-bottom: .85rem; }
.sd-related-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--gw-border-strong); }
.sd-related-list a { display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; min-height: 3.5rem; padding-block: .9rem; border-bottom: 1px solid var(--gw-border-strong); color: var(--gw-ink); font-weight: 600; text-decoration: none; }
.sd-related-list a span { color: var(--gw-green-700); }
.sd-related-list a:hover, .sd-related-list a:focus-visible { color: var(--gw-green-700); text-decoration: underline; }
.sd-final-cta { padding-block: clamp(3rem, 6vw, 5rem); background: var(--gw-surface-soft); border-top: 1px solid var(--gw-border); }
.sd-cta-grid { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2rem 4rem; }
.sd-cta-actions { display: flex; flex-direction: column; align-items: stretch; gap: .75rem; }
.sd-phone { display: inline-flex; justify-content: center; align-items: center; min-height: 2.75rem; color: var(--gw-green-800); font-weight: 600; }
@media (max-width: 991.98px) {
    .sd-hero-grid { grid-template-columns: 1fr; gap: 2rem; }
    .sd-hero-copy { max-width: 42rem; }
    .sd-hero-image { aspect-ratio: 16 / 8; }
    .sd-overview-grid, .sd-support-grid, .sd-related-grid { gap: 2rem; }
    .sd-scope ul { grid-template-columns: 1fr; }
}
@media (max-width: 767.98px) {
    .sd-overview-grid, .sd-support-grid, .sd-related-grid, .sd-cta-grid { grid-template-columns: 1fr; }
    .sd-scope { padding: 1.75rem 0 0; border-left: 0; border-top: 1px solid var(--gw-border-strong); }
    .sd-cta-actions { max-width: 22rem; }
}
@media (max-width: 575.98px) {
    .sd-hero { padding-top: .75rem; }
    .sd-breadcrumb { margin-bottom: 1.25rem; }
    .sd-hero h1 { font-size: clamp(2.2rem, 10vw, 3rem); }
    .sd-summary { font-size: 1rem; }
    .sd-hero-image { aspect-ratio: 4 / 3; }
    .sd-actions { align-items: stretch; flex-direction: column; gap: .6rem; }
    .sd-text-link { justify-content: center; }
    .sd-use-cases { grid-template-columns: 1fr; gap: 1.75rem; margin-top: 2rem; }
    .sd-cta-actions { max-width: none; }
}