/* Run 30c (MKT-3): marketing pages. Features row (r.198) and legal typography (r.205–209, D5).
   Loaded by marketing/page via @section('head'), after marketing.css; colours from tokens only. */

/* The features row reuses the half switcher (sc-switcher.css) in the page flow: .sc-switcher.mk-features-row
   (0,2,0) beats the fixed sheet host .sc-switcher (0,1,0) and, loaded after marketing.css, ties with
   .mk-body .sc-switcher (same top). Run 32b (MKF-1, r.35): a full-width band before .mk-page that scrolls with the
   page (no sticky, no glass); inset: auto also cancels the top of .mk-body .sc-switcher (marketing.css:113). */
.sc-switcher.mk-features-row {
    position: relative;
    inset: auto;
    z-index: auto;
    margin: 0;
    padding: 12px 20px 16px;
    background: transparent;
    box-shadow: inset 0 -1px 0 var(--sc-color-hairline);
    pointer-events: auto;
}

.mk-features-row .sc-switcher-items {
    padding: 4px;
}

.mk-features-row [aria-current="page"] {
    box-shadow: var(--sc-ring);
}

/* Legal: .mk-legal-page .mk-legal (0,2,0) beats .mk-legal and .mk-legal > p:first-child of marketing.css on text.
   Sizes in px: the marketing root is not 16 px, so rem would shrink the text (INTEGRATIE-30c-1). */
.mk-legal-page .mk-legal {
    font-size: 17px;
    line-height: 1.75;
    color: var(--sc-color-text-strong);
}

.mk-legal-page .mk-legal-version {
    color: var(--sc-color-text-muted);
}

.mk-legal-page .mk-legal-intro {
    font-size: 18px;
    color: var(--sc-color-text-strong);
}

.mk-legal-page .mk-legal-article {
    margin-top: 2.5rem;
    font-size: 20px;
    scroll-margin-top: calc(var(--sc-top) + 16px);
}