/* ============================================================
   About — Intro Block
   ============================================================ */

.SDblock.about-intro {
    width: 100%;
    padding: clamp(40px, 6vw, 100px) var(--LRMargin, 5%);
}

.SDblock.about-intro .intro-inner {
    max-width: var(--maxWidth);
    margin-left: auto;
    margin-right: auto;
}

#SD .SDblock.about-intro .block-header {
    text-align: left;
    font-family:    var(--subhead-font);
    font-weight:    var(--subhead-weight);
    text-transform: var(--subhead-transform);
    letter-spacing: var(--subhead-tracking);
    font-size:      var(--subhead-size);
    color:          var(--subhead-color);
}

.SDblock.about-intro .intro-body {
    display: block;
    text-align: left;
    line-height: 1.6;
}

.SDblock.about-intro .intro-body p {
    display: block;
    margin: 0;
}

/* ── Full-bleed at all viewports ────────────────────────────
   defaultPage.css applies margin-left:var(--insetLMargin) + padding-right to all
   non-wp-block .entry-content direct children at specificity 0,3,0.
   This selector (0,4,0) overrides that at every breakpoint. */
.page-template-default .entry-content > .SDblock.about-intro {
    max-width: 100vw;
    width: 100vw;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
}

/* ── Tablet + phone: uniform inner padding ───────────────── */
@media only screen and (max-width: 1024px) {
    .page-template-default .entry-content > .SDblock.about-intro {
        padding: clamp(30px, 5vw, 60px);
    }

    .page-template-default .entry-content > .SDblock.about-intro .intro-body {
        overflow-wrap: break-word;
    }
}