/* Composizione fotografica del riepilogo, con le primitive pubbliche condivise. */
.sd-servizi-pazienti { background: #fff; }
.sd-servizi-pazienti .sd-public-split-hero { background: #f4f8fe; padding-top: clamp(8rem, 11vw, 9rem); padding-bottom: 4rem; }
.sd-servizi-pazienti .sd-public-hero-grid { gap: clamp(2rem, 4vw, 4rem); }
.sd-servizi-pazienti .sd-public-hero-copy h1 { color: #2a507d; font-size: clamp(2.3rem, 3.6vw, 3.8rem); max-width: 18ch; }
.sd-servizi-pazienti .sd-public-split-hero .sd-public-photo-hero-image { height: clamp(340px, 33vw, 460px); object-position: 65% center; border-radius: 28px; box-shadow: 16px 16px 0 #e0ebfa; }
.sd-servizi-pazienti .sd-public-kicker { color: #2b6db1; }
.sd-servizi-pazienti .sd-public-hero-description { color: #4c637d; }
.sd-servizi-pazienti #scelta-servizi { scroll-margin-top: 120px; }
.sd-servizi-pazienti .sd-public-page-section { padding-block: 3.5rem; }
.sd-servizi-pazienti .sd-public-page-section--compact { padding-block: 1.5rem; }
.sd-servizi-pazienti .sd-public-section-heading h2 { color: #2a507d; font-size: clamp(1.8rem, 2.8vw, 2.7rem); max-width: 25ch; }
.sd-servizi-pazienti .sd-public-section-heading > p { max-width: 65ch; }
.sd-servizi-pazienti .sd-service-choice--visual { grid-row: span 5; border-color: #d6e3f4; border-radius: 20px; box-shadow: 0 12px 30px #2a507d0b; }
.sd-servizi-pazienti .sd-service-choice--visual .sd-public-service-card-image { height: auto; aspect-ratio: 16/10; border-radius: 20px 20px 0 0; }
.sd-servizi-pazienti .sd-service-choice--visual h3 { color: #2a507d; font-size: 1.3rem; line-height: 1.3; }
.sd-servizi-pazienti .sd-service-choice--visual > p { color: #4c637d; font-size: .95rem; line-height: 1.65; }
.sd-servizi-pazienti .sd-service-choice-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: none; gap: 1rem; margin: 1.25rem 0 .75rem; padding-top: 1.25rem; }
.sd-servizi-pazienti .sd-service-choice-facts dt { font-size: .8rem; color: #4c637d; }
.sd-servizi-pazienti .sd-service-choice-facts dd { font-size: .85rem; color: #2a507d; }
.sd-servizi-pazienti .sd-service-link { font-size: .95rem; color: #245d97; }
.sd-servizi-pazienti .sd-public-panel { background: #f4f8fe; border-color: #d6e3f4; }
.sd-servizi-pazienti .sd-public-panel h2 { color: #2a507d; }
.sd-servizi-pazienti .btn-primary { background: #2b6db1; background-image: none; border-color: #2b6db1; }
.sd-servizi-pazienti .btn-primary:hover { background: #245d97; border-color: #245d97; }
.sd-servizi-pazienti :is(a, button, summary):focus-visible { outline: 3px solid #205cce; outline-offset: 4px; }
@media (max-width: 991.98px) {
    .sd-servizi-pazienti .sd-public-hero-grid { grid-template-columns: 1fr; }
    .sd-servizi-pazienti .sd-public-hero-copy h1 { max-width: 22ch; }
    .sd-servizi-pazienti .sd-public-split-hero .sd-public-photo-hero-image { height: auto; aspect-ratio: 16/10; max-height: 430px; width: calc(100% - 12px); box-shadow: 12px 12px 0 #e0ebfa; }
}
@media (max-width: 767.98px) {
    .sd-servizi-pazienti .sd-public-split-hero { padding-top: 7rem; padding-bottom: 2.5rem; }
    .sd-servizi-pazienti .sd-public-page-section { padding-block: 2.5rem; }
    .sd-servizi-pazienti .sd-public-page-section--compact { padding-block: 1rem; }
    .sd-servizi-pazienti #scelta-servizi { scroll-margin-top: 100px; }
    .sd-servizi-pazienti .sd-service-choice--visual { grid-row: auto; display: flex; flex-direction: column; }
    .sd-servizi-pazienti .sd-service-choice-grid { grid-template-columns: 1fr; }
    .sd-servizi-pazienti .sd-service-choice-facts { margin-bottom: .75rem; }
    .sd-servizi-pazienti .sd-service-choice--visual > .sd-service-link { align-self: flex-start; }
}