/*
 * SisuDent theme — company page composition (Session 7.2): About SisuDent, Contact, Book a Free Meeting.
 * Moved unchanged from the page <style> block of the approved prototypes (design/prototypes/about.html,
 * contact.html; Gate 3, D-042); prototype-only p- styles are not carried over. The Book a Free Meeting page
 * (no prototype) reuses the Contact composition (sd-contact) and adds only the step list spacing below.
 */

.sd-about-split { row-gap: var(--sd-space-6); }
.sd-about-split > .sd-span-5 { align-self: start; }
.sd-about-split .sd-section-header { margin-bottom: 0; }
.sd-about-cards, .sd-card-list { margin: 0; padding: 0; list-style: none; }
.sd-about-cards > li, .sd-card-list > li { display: grid; }
.sd-about-checks { display: grid; gap: var(--sd-space-3); margin: 0; padding: 0; list-style: none; }
.sd-about-checks li { display: grid; grid-template-columns: auto 1fr; gap: var(--sd-space-2); align-items: start; }
.sd-about-checks svg { width: 1.25rem; height: 1.25rem; margin-top: 0.15rem; color: var(--sd-color-brand-blue); }
.sd-about-statement { color: var(--sd-color-text-heading); font-size: var(--sd-font-size-body-lg); line-height: var(--sd-line-height-body); }
.sd-about-aims { display: grid; gap: var(--sd-space-4); }
@media (min-width: 640px) { .sd-about-aims { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--sd-grid-gutter); } }

/* Book a Free Meeting page: the steps beside the form. The roadmap stays in its phone/tablet arrangement (title above
   the text, compact indent) at every width, because the side column is too narrow for title and text side by side. */
.sd-meeting-steps { margin-top: var(--sd-space-5); }
@media (min-width: 1024px) {
  .sd-meeting-steps .sd-stages--roadmap .sd-stages__item {
    grid-template-columns: 1fr;
    row-gap: var(--sd-space-2);
    padding-left: var(--sd-space-7);
    padding-bottom: var(--sd-space-5);
  }
  .sd-meeting-steps .sd-stages--roadmap .sd-stages__item:last-child { padding-bottom: 0; }
  .sd-meeting-steps .sd-stages--roadmap .sd-stages__title { grid-row: auto; }
}