:root {
    --bcd-color-deep: #203B3A;
    --bcd-color-teal: #315E60;
    --bcd-color-sage: #E0EAE4;
    --bcd-color-cream: #F6F3ED;
    --bcd-color-ink: #293D3C;
    --bcd-color-muted: #586965;
    --bcd-color-clay: #B88E76;
    --bcd-font-display: Georgia, "Times New Roman", serif;
    --bcd-font-body: system-ui, "Segoe UI", sans-serif;
    --bcd-reading-width: 760px;
    --bcd-page-width: 1180px;
}

/* =====================================
   BCD - HEADER / CASSIOPEIA
   ===================================== */

.container-header {
    background: #203B3A;
    background-image: none;
    box-shadow: none;
    display: grid;
    grid-template-columns: minmax(1rem, 1fr) minmax(0, 1320px) minmax(1rem, 1fr);
    grid-template-areas:
        ". topbar ."
        ". nav .";
    align-items: center;
}

    /* Logo */

    .container-header .container-topbar {
        grid-area: topbar;
        width: 100%;
        max-width: none;
        padding: 14px 0 0;
    }

    /* Menu */

    .container-header .container-nav {
        grid-area: nav;
        width: 100%;
        max-width: none;
        padding: 0 0 12px;
    }

/* Logo tekstowe */

.bcd-brand {
    display: flex;
    align-items: baseline;
    gap: 16px;
}

    .bcd-brand a {
        font-family: Georgia, serif;
        font-size: 38px;
        font-weight: 700;
        line-height: 1;
        color: #FFFFFF;
        text-decoration: none;
    }

        .bcd-brand a:hover {
            color: #FFFFFF;
        }

@media (max-width: 991.98px) {

    .container-header {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 0;
        padding: 10px 16px;
    }

    .container-header .container-topbar {
        grid-area: auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
        padding: 0;
        margin: 0;
    }

    .container-header .container-nav {
        grid-area: auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
        min-width: 0;
        padding: 0;
        margin: 0;
        justify-content: flex-end;
    }

    .container-header .bcd-brand {
        display: flex;
        align-items: center;
    }

    .container-header .bcd-brand img {
        display: block;
        width: 64px;
        height: 64px;
    }

    .bcd-brand a {
        font-size: 32px;
    }

    .bcd-brand-subtitle {
        font-size: 9px;
    }
}

/* Linki menu */

.container-header .mod-menu > li > a,
.container-header .mod-menu > li > span {
    color: #FFFFFF;
    font-weight: 500;
    text-decoration: none;
}

    .container-header .mod-menu > li > a:hover {
        color: #D3E2DB;
    }

/* Wersja desktop */

@media (min-width: 992px) {

    .container-header {
        grid-template-areas: ". header .";
    }

        /* Logo - lewa strona obszaru nagłówka */
        .container-header .container-topbar {
            grid-area: header;
            grid-row: 1;
            grid-column: 2;
            width: auto;
            justify-self: start;
            padding: 16px 0;
            z-index: 2;
        }

        /* Menu - rezerwujemy miejsce na logo */
        .container-header .container-nav {
            grid-area: header;
            grid-row: 1;
            grid-column: 2;
            width: calc(100% - 250px);
            max-width: none;
            min-width: 0;
            justify-self: end;
            padding: 16px 0;
            z-index: 1;
        }

        /* Pozycje menu */
        .container-header .mod-menu {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            flex-wrap: nowrap;
            gap: 10px;
        }

            .container-header .mod-menu > li > a {
                padding: 0.5rem 0.4rem;
                white-space: nowrap;
            }
}

.bcd-home {
    --bcd-ink: var(--bcd-color-ink);
    --bcd-teal: #315e60;
    --bcd-sage: #e0eae4;
    --bcd-cream: #f6f3ed;
    --bcd-clay: #b88e76;
    --bcd-muted: var(--bcd-color-muted);
    color: var(--bcd-ink);
    font-size: 1.0625rem;
    line-height: 1.75
}

    .bcd-home * {
        box-sizing: border-box
    }

    .bcd-home h1, .bcd-home h2, .bcd-home h3 {
        font-family: Georgia,"Times New Roman",serif;
        letter-spacing: -.025em;
        line-height: 1.16;
        color: inherit;
        font-weight: 500
    }

    .bcd-home h2 {
        font-size: clamp(2rem,3.3vw,3.15rem);
        margin-bottom: 1.2rem
    }

    .bcd-home h3 {
        font-size: clamp(1.3rem,2vw,1.75rem);
        margin-bottom: .65rem
    }

    .bcd-home p {
        margin-bottom: 1.15rem
    }

    .bcd-home a {
        color: var(--bcd-teal)
    }

        .bcd-home a:focus-visible {
            outline: 3px solid #bc906b;
            outline-offset: 4px
        }

    .bcd-home .bcd-kicker {
        text-transform: uppercase;
        letter-spacing: .15em;
        font-size: .72rem;
        font-weight: 750;
        color: #48776f;
        margin-bottom: 1.2rem
    }

    .bcd-home .bcd-kicker--light {
        color: #d2e4df
    }

    .bcd-home .bcd-lead {
        font-size: clamp(1.15rem,1.65vw,1.42rem);
        line-height: 1.65
    }

    .bcd-home .bcd-section-intro {
        max-width: 720px;
        color: var(--bcd-muted);
        font-size: 1.15rem
    }

    .bcd-home .bcd-section {
        padding: clamp(3.25rem, 5vw, 5rem) 0;
    }

    .bcd-home .bcd-section--cream {
        background: var(--bcd-cream)
    }

    .bcd-home .bcd-section--sage {
        background: var(--bcd-sage)
    }

    .bcd-home .bcd-section--dark {
        background: #294c4d;
        color: #f7faf7
    }

    .bcd-home .bcd-container--narrow {
        max-width: 850px
    }

    .bcd-home .bcd-display {
        font-size: clamp(2.5rem,5.2vw,4.7rem)
    }

    .bcd-home .bcd-opening {
        padding-block: clamp(5rem,9vw,9rem)
    }

    .bcd-home .bcd-opening__end {
        font-family: Georgia,"Times New Roman",serif;
        font-size: clamp(1.3rem,2.5vw,1.8rem);
        margin: 2rem 0 0;
        color: var(--bcd-teal)
    }

    .bcd-home .bcd-photo {
        width: 100%;
        object-fit: cover;
        border-radius: 12px;
        box-shadow: 0 16px 42px #18352e1a
    }

    .bcd-home .bcd-principles {
        margin-top: 2rem
    }

        .bcd-home .bcd-principles li {
            display: flex;
            gap: 1.2rem;
            padding: 1.1rem 0;
            border-top: 1px solid #bed0c8
        }

    .bcd-home .bcd-principles__num {
        display: inline-grid;
        place-items: center;
        background: #e1ebe5;
        color: var(--bcd-teal);
        border-radius: 50%;
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        font-size: .88rem;
        font-weight: 700
    }

    .bcd-home .bcd-principles h3 {
        font-size: 1.4rem
    }

    .bcd-home .bcd-principles p {
        margin-bottom: 0
    }

    .bcd-home .bcd-model-figure {
        max-width: 760px;
        width: 100%;
        padding: 1rem 0;
    }

    .bcd-home .bcd-model-interactive-wrap {
        width: 100%;
        max-width: 760px;
        margin-inline: auto;
    }

        .bcd-home .bcd-model-interactive-wrap object {
            display: block;
            width: 100%;
            height: auto;
            aspect-ratio: 1;
            border: 0;
        }

    .bcd-home .bcd-pillar {
        padding: 2rem;
        background: #f6f7f3;
        border: 1px solid #e4eae6;
        border-radius: 14px
    }

    .bcd-home .bcd-pillar__letter {
        font-family: Georgia,serif;
        color: var(--bcd-teal);
        font-size: 2.8rem;
        line-height: 1
    }

    .bcd-home .bcd-pillar h3 {
        margin-top: .6rem
    }

        .bcd-home .bcd-pillar h3 small {
            display: block;
            margin-top: .4rem;
            font: 600 .82rem/1.4 system-ui,sans-serif;
            text-transform: uppercase;
            letter-spacing: .12em;
            color: var(--bcd-muted)
        }

    .bcd-home .bcd-pillar p {
        margin-bottom: 0
    }

    .bcd-home .bcd-path-card, .bcd-home .bcd-project {
        display: flex;
        flex-direction: column;
        background: #fff;
        border: 1px solid #d9e2dc;
        border-radius: 14px;
        overflow: hidden;
        box-shadow: 0 8px 24px #173e3210
    }

        .bcd-home .bcd-path-card > img, .bcd-home .bcd-project > img {
            display: block;
            width: 100%;
            height: auto;
            aspect-ratio: 3/2;
            object-fit: cover;
            background: #bfcfc7
        }

    .bcd-home .bcd-path-card__body, .bcd-home .bcd-project__body {
        padding: clamp(1.5rem,3vw,2.4rem);
        display: flex;
        flex-direction: column;
        flex: 1
    }

        .bcd-home .bcd-path-card__body .bcd-text-link, .bcd-home .bcd-project__body .bcd-text-link {
            margin-top: auto;
            align-self: flex-start
        }

    .bcd-home .bcd-text-link {
        font-weight: 700;
        text-decoration: none;
        border-bottom: 1px solid currentColor;
        padding-bottom: .1rem
    }

        .bcd-home .bcd-text-link:hover {
            color: #1f4849
        }

    .bcd-home .bcd-text-link--light {
        color: #eef9f4
    }

        .bcd-home .bcd-text-link--light:hover {
            color: #fff
        }

    .bcd-home .bcd-constitution {
        border-radius: 14px;
        background: var(--bcd-cream);
        padding: 2rem clamp(1.5rem,3vw,2.7rem)
    }

        .bcd-home .bcd-constitution > div {
            padding: 1.15rem 0;
            border-bottom: 1px solid #d6e0d9
        }

            .bcd-home .bcd-constitution > div:last-child {
                border-bottom: 0
            }

        .bcd-home .bcd-constitution span {
            float: left;
            font-family: Georgia,serif;
            font-size: 2.7rem;
            line-height: 1;
            color: var(--bcd-teal);
            margin-right: 1.3rem
        }

        .bcd-home .bcd-constitution h3 {
            margin-bottom: .15rem;
            font-size: 1.5rem
        }

        .bcd-home .bcd-constitution p {
            margin: 0;
            font-size: .89rem;
            color: var(--bcd-muted)
        }

    .bcd-home .bcd-section--dark .bcd-photo {
        box-shadow: none
    }

    .bcd-home .bcd-step {
        padding: 2rem;
        background: #f6f3ed;
        border-radius: 14px
    }

        .bcd-home .bcd-step span {
            color: var(--bcd-teal);
            font-weight: 700;
            font-size: .85rem;
            letter-spacing: .1em
        }

        .bcd-home .bcd-step h3 {
            margin-top: .7rem
        }

        .bcd-home .bcd-step p {
            margin: 0
        }

    .bcd-home .bcd-question {
        font-family: Georgia,serif;
        font-style: italic;
        font-size: clamp(1.35rem,2.5vw,1.95rem);
        max-width: 790px;
        margin: 3.5rem auto 2rem;
        line-height: 1.48;
        border: 0;
        padding: 0;
        color: #315e60
    }

    .bcd-home .bcd-project__note {
        margin-top: auto;
        color: var(--bcd-muted);
        font-size: .88rem;
        font-weight: 600
    }

    .bcd-home .bcd-closing {
        background: #315e60;
        color: #f9fbf9;
        padding: 5.5rem 1rem
    }

        .bcd-home .bcd-closing h2 {
            color: #fff
        }

    .bcd-home .bcd-closing__signature {
        font-family: Georgia,serif;
        font-size: 1.35rem;
        margin: 2rem 0 0;
        color: #e7f1e8
    }

    .bcd-home .bcd-btn {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: .82rem 1.4rem;
        border-radius: 99px;
        line-height: 1.3;
        font-weight: 650;
        text-decoration: none;
        white-space: normal;
        transition: background-color .15s ease,color .15s ease
    }

    .bcd-home .bcd-btn--primary {
        background: #315e60;
        border: 1px solid #315e60;
        color: #fff
    }

        .bcd-home .bcd-btn--primary:hover {
            background: #254c4e;
            color: #fff
        }

    .bcd-home .bcd-btn--light {
        background: #fff;
        color: #284c4d;
        border: 1px solid #fff
    }

        .bcd-home .bcd-btn--light:hover {
            background: #e6f0e9;
            color: #284c4d
        }

    .bcd-home .bcd-btn--outline-light {
        color: #fff;
        border: 1px solid #fff;
        background: transparent
    }

        .bcd-home .bcd-btn--outline-light:hover {
            background: #fff;
            color: #284c4d
        }
    /* =========================================================
   BCD — HERO: jedno miejsce konfiguracji i trzy zakresy
   >= 1400: szeroki desktop
   1200–1399: kompaktowy desktop
   < 1200: pionowy układ zdjęcie + tekst
   ========================================================= */
    .bcd-home.bcd-hero {
        position: relative;
        display: flex;
        align-items: center;
        isolation: isolate;
        min-height: 600px;
        min-height: min(82svh, 780px);
        overflow: hidden;
        color: #fff;
        background: #203b3a;
    }

        .bcd-home.bcd-hero .bcd-hero__media,
        .bcd-home.bcd-hero .bcd-hero__veil {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
        }

            .bcd-home.bcd-hero .bcd-hero__media img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center center;
            }

        .bcd-home.bcd-hero .bcd-hero__inner {
            width: 100%;
            padding-block: 5rem;
        }

        .bcd-home.bcd-hero .bcd-hero__copy {
            max-width: 610px;
        }

            .bcd-home.bcd-hero .bcd-hero__copy h1 {
                font-size: clamp(3.5rem, 5.2vw, 5.8rem);
                line-height: 1.02;
                margin-bottom: 1.6rem;
                color: #fff;
            }

        .bcd-home.bcd-hero .bcd-hero__lead {
            max-width: 570px;
            font-size: clamp(1.16rem, 1.7vw, 1.5rem);
            line-height: 1.65;
            color: #f1f6f2;
        }

/* Wypełnienie całej szerokości pozycji banner Cassiopeii. */
.container-banner:has(> .bcd-home.bcd-hero) {
    max-width: none;
    padding: 0;
    margin: 0;
}

.container-banner .bcd-home.bcd-hero {
    width: 100%;
}

/* Duży i średni desktop: fotografia jest po prawej. */
@media (min-width: 1200px) {
    .bcd-home.bcd-hero .bcd-hero__media {
        left: 40%;
        right: 0;
        width: 60%;
    }

    .bcd-home.bcd-hero .bcd-hero__veil {
        background: linear-gradient(90deg, #203b3a 0%, #203b3a 34%, rgba(32,59,58,.96) 40%, rgba(32,59,58,.70) 49%, rgba(32,59,58,.12) 64%, rgba(32,59,58,0) 82%);
    }
}

/* Kompaktowy desktop: tekst zajmuje mniej miejsca. */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .bcd-home.bcd-hero .bcd-hero__copy {
        max-width: 490px;
    }

        .bcd-home.bcd-hero .bcd-hero__copy h1 {
            font-size: clamp(3.2rem, 4.6vw, 4.3rem);
        }

    .bcd-home.bcd-hero .bcd-hero__lead {
        max-width: 470px;
        font-size: 1.17rem;
    }
}

/* Tablet i mobile: jedno konsekwentne ustawienie pionowe. */
@media (max-width: 1199.98px) {
    .bcd-home.bcd-hero {
        min-height: 720px;
        min-height: 88svh;
        align-items: flex-end;
    }

        .bcd-home.bcd-hero .bcd-hero__media {
            left: 0;
            right: 0;
            width: 100%;
        }

            .bcd-home.bcd-hero .bcd-hero__media img {
                object-position: center 38%;
            }

        .bcd-home.bcd-hero .bcd-hero__veil {
            background: linear-gradient(0deg, rgba(23,45,45,.98) 0%, rgba(23,45,45,.91) 28%, rgba(23,45,45,.65) 55%, rgba(23,45,45,.10) 100%);
        }

        .bcd-home.bcd-hero .bcd-hero__inner {
            padding-block: 4rem 2.5rem;
        }

        .bcd-home.bcd-hero .bcd-hero__copy {
            max-width: 650px;
        }

            .bcd-home.bcd-hero .bcd-hero__copy h1 {
                font-size: clamp(2.65rem, 6.4vw, 4.5rem);
            }
}

/* Węższe telefony. */
@media (max-width: 767.98px) {
    .bcd-home {
        font-size: 1rem;
    }

        .bcd-home .bcd-section {
            padding: 4rem 0;
        }

        .bcd-home .bcd-path-card__body,
        .bcd-home .bcd-project__body {
            padding: 1.55rem;
        }

        .bcd-home .bcd-constitution span {
            margin-right: .9rem;
        }

        .bcd-home.bcd-hero .bcd-hero__copy h1 {
            font-size: clamp(2.65rem, 9vw, 3.8rem);
        }
}

@media (prefers-reduced-motion: reduce) {
    .bcd-home .bcd-btn {
        transition: none;
    }
}

.bcd-home .bcd-pillar[id] {
    scroll-margin-top: 6rem;
    display: flex;
    flex-direction: column;
}

    .bcd-home .bcd-pillar[id]:target {
        border-color: #477b73;
        box-shadow: 0 0 0 3px rgba(71, 123, 115, .18);
    }



.bcd-model-page {
    --bcd-ink: var(--bcd-color-ink);
    --bcd-deep: var(--bcd-color-deep);
    --bcd-teal: var(--bcd-color-teal);
    --bcd-sage: var(--bcd-color-sage);
    --bcd-cream: var(--bcd-color-cream);
    --bcd-muted: var(--bcd-color-muted);
    --bcd-stroke: #dce5df;
    color: var(--bcd-ink);
    font-size: 1.0625rem;
    line-height: 1.72;
}

    .bcd-model-page *, .bcd-model-page *::before, .bcd-model-page *::after {
        box-sizing: border-box
    }

    .bcd-model-page h1, .bcd-model-page h2, .bcd-model-page h3, .bcd-model-page h4 {
        font-family: Georgia,'Times New Roman',serif;
        color: inherit;
        font-weight: 500;
        letter-spacing: -.025em;
        line-height: 1.18
    }

    .bcd-model-page h1 {
        font-size: clamp(2.55rem,5.1vw,4.65rem);
        margin: 0 0 1rem
    }

    .bcd-model-page h2 {
        font-size: clamp(2rem,3.25vw,3.1rem);
        margin: 0 0 1.4rem
    }

    .bcd-model-page h3 {
        font-size: clamp(1.35rem,2vw,1.85rem);
        margin: 0 0 .6rem
    }

    .bcd-model-page h4 {
        font-size: 1.28rem;
        margin: 0 0 .55rem
    }

    .bcd-model-page p {
        margin: 0 0 1.15rem
    }

    .bcd-model-page a {
        color: var(--bcd-teal)
    }

        .bcd-model-page a:focus-visible {
            outline: 3px solid #B88E76;
            outline-offset: 4px
        }

    .bcd-model-page .bcd-kicker {
        font-family: system-ui,'Segoe UI',sans-serif;
        letter-spacing: .15em;
        text-transform: uppercase;
        font-size: .72rem;
        font-weight: 750;
        color: #48776f;
        margin: 0 0 1.1rem
    }

    .bcd-model-page .bcd-model-container {
        max-width: 1180px;
        margin: 0 auto;
        padding: 0 clamp(1.25rem,4vw,2.5rem)
    }

    .bcd-model-page .bcd-model-narrow {
        max-width: 760px;
        margin-inline: auto
    }

    .bcd-model-page .bcd-model-center {
        text-align: center
    }

    .bcd-model-page .bcd-model-block {
        padding: clamp(3.25rem,5vw,5rem) 0;
        scroll-margin-top: 7rem
    }

    .bcd-model-page .bcd-model-block--cream {
        background: var(--bcd-cream)
    }

    .bcd-model-page .bcd-model-block--sage {
        background: var(--bcd-sage)
    }

    .bcd-model-page .bcd-model-block--dark {
        background: #294c4d;
        color: #f7faf7
    }

        .bcd-model-page .bcd-model-block--dark .bcd-kicker {
            color: #d2e4df
        }

    .bcd-model-page .bcd-model-summary {
        max-width: 760px;
        margin: 0 auto 1.8rem;
        color: var(--bcd-muted);
        font-size: clamp(1.06rem,1.4vw,1.2rem)
    }

    .bcd-model-page .bcd-model-block--dark .bcd-model-summary {
        color: #d7e6df
    }

    .bcd-model-page .bcd-model-hero {
        background: linear-gradient(180deg,#f6f3ed 0%,#fff 100%);
        padding-block: clamp(3.5rem,5.5vw,5.5rem)
    }

    .bcd-model-page .bcd-model-hero-subtitle {
        font-size: clamp(1.12rem,1.8vw,1.45rem);
        color: var(--bcd-teal);
        margin: 0 auto 2.4rem
    }

        .bcd-model-page .bcd-model-hero-subtitle span {
            white-space: normal
        }

    .bcd-model-page .bcd-model-intro {
        text-align: left
    }

    .bcd-model-page .bcd-model-standout {
        font-family: Georgia,'Times New Roman',serif;
        font-size: clamp(1.22rem,2vw,1.65rem);
        line-height: 1.48;
        color: var(--bcd-teal);
        margin-top: 1.7rem
    }

    .bcd-model-page .bcd-model-block--dark .bcd-model-standout {
        color: #e4eee9
    }

    .bcd-model-page .bcd-model-graphic {
        max-width: 760px;
        width: 100%;
        margin: 1.25rem auto .75rem
    }

        .bcd-model-page .bcd-model-graphic object {
            width: 100%;
            height: auto;
            aspect-ratio: 1;
            display: block;
            border: 0
        }

        .bcd-model-page .bcd-model-graphic img {
            width: 100%;
            height: auto;
            display: block
        }

    .bcd-model-page .bcd-model-jump {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: .7rem;
        margin: 0 auto 1.65rem;
        max-width: 720px
    }

        .bcd-model-page .bcd-model-jump a {
            display: inline-flex;
            align-items: center;
            gap: .55rem;
            border: 1px solid #cadad2;
            border-radius: 999px;
            padding: .45rem .95rem;
            background: #fff;
            color: var(--bcd-teal);
            text-decoration: none;
            font-size: .94rem;
            line-height: 1.3
        }

            .bcd-model-page .bcd-model-jump a:hover {
                background: #e0eae4;
                border-color: #759e91
            }

        .bcd-model-page .bcd-model-jump strong {
            font-family: Georgia,serif;
            font-size: 1.25rem
        }

    .bcd-model-page .bcd-model-after-graphic {
        color: var(--bcd-muted);
        max-width: 760px
    }

    .bcd-model-page .bcd-model-pillar-heading {
        display: grid;
        grid-template-columns: 104px minmax(0,1fr);
        gap: 1.5rem;
        align-items: start;
        max-width: 960px;
        margin: 0 auto 2rem
    }

    .bcd-model-page .bcd-model-letter {
        font-family: Georgia,serif;
        font-size: 5rem;
        line-height: 1;
        background: #f1f5f1;
        border: 1px solid var(--bcd-stroke);
        border-radius: 14px;
        text-align: center;
        padding: .65rem 0;
        color: var(--bcd-teal)
    }

    .bcd-model-page .bcd-model-block--sage .bcd-model-letter {
        background: #f8faf6
    }

    .bcd-model-page .bcd-model-pillar-heading h2 {
        margin-bottom: .6rem
    }

    .bcd-model-page .bcd-model-motto {
        font-family: Georgia,serif;
        color: var(--bcd-teal);
        font-size: clamp(1.2rem,2vw,1.5rem);
        margin: 0
    }

    .bcd-model-page .bcd-model-prose {
        max-width: 760px;
        margin: 0 auto 1.75rem
    }

        .bcd-model-page .bcd-model-prose strong {
            font-weight: 650;
            color: var(--bcd-deep)
        }

    .bcd-model-page .bcd-model-subheading {
        text-align: center;
        margin: 2.25rem 0 1.2rem
    }

    .bcd-model-page .bcd-model-four-grid {
        display: grid;
        grid-template-columns: repeat(4,minmax(0,1fr));
        gap: 1rem
    }

    .bcd-model-page .bcd-model-feature {
        background: #f8f9f6;
        border: 1px solid var(--bcd-stroke);
        border-radius: 14px;
        padding: 1.45rem
    }

    .bcd-model-page .bcd-model-block--sage .bcd-model-feature {
        background: #fffdf9
    }

    .bcd-model-page .bcd-model-feature > span, .bcd-model-page .bcd-model-process .bcd-model-three-grid span, .bcd-model-page .bcd-model-care-grid span {
        display: block;
        color: #5b8177;
        letter-spacing: .14em;
        font-size: .75rem;
        font-weight: 750;
        margin-bottom: .7rem
    }

    .bcd-model-page .bcd-model-feature h4 {
        font-size: 1.24rem
    }

    .bcd-model-page .bcd-model-feature p {
        font-size: .95rem;
        line-height: 1.65;
        margin: 0;
        color: var(--bcd-muted)
    }

    .bcd-model-page .bcd-model-reflection {
        max-width: 960px;
        margin: 1.65rem auto 0;
        background: #f6f3ed;
        border-left: 4px solid #799d92;
        border-radius: 0 12px 12px 0;
        padding: 1.6rem 2rem
    }

    .bcd-model-page .bcd-model-block--sage .bcd-model-reflection {
        background: #f7f8f4
    }

    .bcd-model-page .bcd-model-reflection h3 {
        font-size: 1.4rem;
        margin-bottom: .85rem
    }

    .bcd-model-page .bcd-model-reflection ul {
        margin: 0;
        padding-left: 1.25rem
    }

    .bcd-model-page .bcd-model-reflection li + li {
        margin-top: .5rem
    }

    .bcd-model-page .bcd-model-three-grid {
        display: grid;
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 1.1rem
    }

    .bcd-model-page .bcd-model-care-grid {
        margin: 2.3rem 0
    }

        .bcd-model-page .bcd-model-care-grid > div {
            padding: 1.6rem;
            border: 1px solid #668984;
            border-radius: 14px;
            background: #ffffff0c
        }

        .bcd-model-page .bcd-model-care-grid span {
            color: #bcd7ce
        }

        .bcd-model-page .bcd-model-care-grid h3 {
            font-size: 1.5rem
        }

        .bcd-model-page .bcd-model-care-grid p {
            font-size: 1rem;
            color: #e0ede7;
            margin: 0
        }

    .bcd-model-page .bcd-model-dark-prose {
        margin-top: 2.5rem
    }

        .bcd-model-page .bcd-model-dark-prose h3 {
            margin-bottom: 1rem
        }

    .bcd-model-page .bcd-model-two-grid {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 1.15rem
    }

    .bcd-model-page .bcd-model-balance-grid .bcd-model-feature {
        background: #f6f7f3;
        padding: 1.8rem
    }

    .bcd-model-page .bcd-model-balance-grid h3 {
        font-size: 1.52rem
    }

    .bcd-model-page .bcd-model-balance-grid p {
        font-size: 1.03rem
    }

    .bcd-model-page .bcd-model-keyline {
        font-family: Georgia,serif;
        color: var(--bcd-teal);
        font-size: 1.4rem;
        max-width: 780px;
        margin: 2rem auto 0
    }

    .bcd-model-page .bcd-model-question-card {
        background: #f6f7f3;
        border: 1px solid var(--bcd-stroke);
        border-radius: 14px;
        padding: 1.7rem
    }

        .bcd-model-page .bcd-model-question-card span {
            display: block;
            color: var(--bcd-teal);
            font-weight: 750;
            letter-spacing: .1em;
            font-size: .78rem;
            margin-bottom: .85rem
        }

        .bcd-model-page .bcd-model-question-card h3 {
            font-size: 1.5rem
        }

        .bcd-model-page .bcd-model-question-card p {
            font-size: 1rem;
            margin: 0
        }

    .bcd-model-page .bcd-model-care-question {
        font-family: Georgia,serif;
        font-size: 1.35rem;
        margin: 2rem auto 0
    }

    .bcd-model-page .bcd-model-process {
        margin-top: 3.6rem;
        padding-top: 3rem;
        border-top: 1px solid var(--bcd-stroke)
    }

        .bcd-model-page .bcd-model-process .bcd-model-three-grid > div {
            padding: 1.55rem;
            background: var(--bcd-cream);
            border-radius: 12px
        }

        .bcd-model-page .bcd-model-process .bcd-model-three-grid p {
            margin: 0
        }

    .bcd-model-page .bcd-model-ending {
        background: var(--bcd-deep);
        color: #fff
    }

        .bcd-model-page .bcd-model-ending .bcd-kicker {
            color: #cce0d6
        }

        .bcd-model-page .bcd-model-ending .bcd-model-summary {
            color: #d7e6df
        }

    .bcd-model-page .bcd-model-ending-quote {
        font-family: Georgia,serif;
        font-size: clamp(1.25rem,2.1vw,1.75rem);
        max-width: 740px;
        margin: 1.8rem auto 2rem
    }

    .bcd-model-page .bcd-model-button {
        display: inline-flex;
        align-items: center;
        gap: .75rem;
        text-decoration: none;
        background: #f7faf7;
        color: #203B3A;
        padding: .76rem 1.35rem;
        border-radius: 999px;
        font-weight: 700;
        line-height: 1.3
    }

        .bcd-model-page .bcd-model-button:hover {
            background: #e0eae4;
            color: #203B3A
        }

    .bcd-model-page .bcd-model-footnote {
        font-size: .8rem;
        color: #d1ded8;
        margin: 1rem auto 0
    }

@media (max-width:900px) {
    .bcd-model-page .bcd-model-four-grid {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .bcd-model-page .bcd-model-three-grid {
        grid-template-columns: 1fr
    }

    .bcd-model-page .bcd-model-graphic {
        max-width: 620px
    }
}

@media (max-width:620px) {
    .bcd-model-page .bcd-model-block {
        padding: clamp(3rem,8vw,3.25rem) 0;
        scroll-margin-top: 5rem
    }

    .bcd-model-page .bcd-model-pillar-heading {
        grid-template-columns: 1fr;
        gap: .8rem
    }

    .bcd-model-page .bcd-model-letter {
        display: inline-block;
        width: 74px;
        font-size: 3.7rem;
        padding: .3rem 0
    }

    .bcd-model-page .bcd-model-four-grid, .bcd-model-page .bcd-model-two-grid {
        grid-template-columns: 1fr
    }

    .bcd-model-page .bcd-model-graphic {
        max-width: 100%
    }

    .bcd-model-page .bcd-model-jump {
        gap: .5rem
    }

        .bcd-model-page .bcd-model-jump a {
            padding: .4rem .72rem;
            font-size: .85rem
        }

    .bcd-model-page .bcd-model-reflection {
        padding: 1.3rem 1.2rem
    }
}

@media (prefers-reduced-motion: reduce) {
    .bcd-model-page {
        scroll-behavior: auto
    }
}

/* Korekta v2: czytelna nawigacja jako uzupełnienie klikalnego SVG. */
.bcd-model-page .bcd-model-jump-label {
    margin: 1.1rem 0 .65rem;
    font-size: .88rem;
    font-weight: 700;
    letter-spacing: .04em;
    color: var(--bcd-muted);
}

.bcd-model-page .bcd-model-jump a:focus-visible {
    outline: 3px solid #B88E76;
    outline-offset: 3px;
}
/* Sekcja wartości: więcej oddechu przed akapitami, bez zwiększania szerokości kolumny. */
.bcd-model-page #bcd-wartosci h2 {
    margin-bottom: 1.65rem
}

.bcd-model-page #bcd-wartosci p:not(.bcd-kicker) {
    line-height: 1.8
}

@media (max-width:620px) {
    .bcd-model-page {
        font-size: 1rem;
        line-height: 1.68
    }

        .bcd-model-page .bcd-model-container {
            padding-inline: 1.1rem
        }

        .bcd-model-page .bcd-model-block {
            padding-block: 2.75rem
        }

        .bcd-model-page .bcd-model-hero {
            padding-block: 3rem 2.75rem
        }

        .bcd-model-page h1 {
            font-size: clamp(2.15rem,10vw,2.8rem);
            line-height: 1.12;
            margin-bottom: .85rem
        }

        .bcd-model-page h2 {
            font-size: clamp(1.78rem,7.4vw,2.15rem);
            line-height: 1.18;
            margin-bottom: 1rem
        }

        .bcd-model-page h3 {
            line-height: 1.22
        }

        .bcd-model-page p {
            margin-bottom: .95rem
        }

        .bcd-model-page .bcd-kicker {
            margin-bottom: .75rem
        }

        .bcd-model-page .bcd-model-hero-subtitle {
            margin-bottom: 1.45rem
        }

        .bcd-model-page .bcd-model-standout {
            font-size: 1.2rem;
            margin-top: 1.1rem;
            line-height: 1.48
        }

        .bcd-model-page .bcd-model-summary {
            font-size: 1rem;
            margin-bottom: 1.15rem
        }

        .bcd-model-page .bcd-model-graphic {
            margin: 1rem auto .35rem
        }

        .bcd-model-page .bcd-model-jump-label {
            margin: 0 0 .65rem;
            font-size: .83rem
        }

        .bcd-model-page .bcd-model-jump {
            display: grid;
            grid-template-columns: repeat(2,minmax(0,1fr));
            gap: .55rem;
            margin-bottom: 1.35rem
        }

            .bcd-model-page .bcd-model-jump a {
                justify-content: center;
                min-height: 44px;
                padding: .52rem .35rem;
                font-size: .88rem;
                text-align: center;
                gap: .4rem
            }

            .bcd-model-page .bcd-model-jump strong {
                font-size: 1.15rem
            }

        .bcd-model-page .bcd-model-pillar-heading {
            margin-bottom: 1.25rem
        }

            .bcd-model-page .bcd-model-pillar-heading h2 {
                margin-bottom: .4rem
            }

        .bcd-model-page .bcd-model-motto {
            font-size: 1.13rem;
            line-height: 1.43
        }

        .bcd-model-page .bcd-model-prose {
            margin-bottom: 1.3rem
        }

        .bcd-model-page .bcd-model-subheading {
            margin: 1.6rem 0 .85rem;
            font-size: 1.4rem
        }

        .bcd-model-page .bcd-model-four-grid,
        .bcd-model-page .bcd-model-two-grid,
        .bcd-model-page .bcd-model-three-grid {
            gap: .7rem
        }

        .bcd-model-page .bcd-model-feature {
            padding: 1rem 1.1rem;
            border-radius: 11px
        }

            .bcd-model-page .bcd-model-feature > span {
                margin-bottom: .4rem
            }

            .bcd-model-page .bcd-model-feature h4 {
                font-size: 1.13rem;
                margin-bottom: .35rem
            }

            .bcd-model-page .bcd-model-feature p {
                font-size: .96rem;
                line-height: 1.58
            }

        .bcd-model-page .bcd-model-reflection {
            margin-top: 1.2rem;
            padding: 1rem 1.1rem
        }

            .bcd-model-page .bcd-model-reflection h3 {
                font-size: 1.25rem;
                margin-bottom: .6rem
            }

            .bcd-model-page .bcd-model-reflection li + li {
                margin-top: .35rem
            }

        .bcd-model-page .bcd-model-care-grid {
            margin: 1.3rem 0
        }

            .bcd-model-page .bcd-model-care-grid > div {
                padding: 1.1rem;
                border-radius: 11px
            }

            .bcd-model-page .bcd-model-care-grid h3 {
                font-size: 1.33rem
            }

            .bcd-model-page .bcd-model-care-grid p {
                font-size: .98rem
            }

        .bcd-model-page .bcd-model-dark-prose {
            margin-top: 1.5rem
        }

        .bcd-model-page .bcd-model-balance-grid .bcd-model-feature {
            padding: 1.1rem
        }

        .bcd-model-page .bcd-model-balance-grid h3 {
            font-size: 1.35rem
        }

        .bcd-model-page .bcd-model-balance-grid p {
            font-size: 1rem
        }

        .bcd-model-page .bcd-model-question-card {
            padding: 1.15rem
        }

            .bcd-model-page .bcd-model-question-card h3 {
                font-size: 1.32rem
            }

        .bcd-model-page .bcd-model-process {
            margin-top: 2.4rem;
            padding-top: 2rem
        }

            .bcd-model-page .bcd-model-process .bcd-model-three-grid > div {
                padding: 1.15rem
            }

        .bcd-model-page #bcd-wartosci h2 {
            margin-bottom: 1.1rem
        }

        .bcd-model-page #bcd-wartosci p:not(.bcd-kicker) {
            line-height: 1.7
        }
}

.bcd-constitution-page {
    --bcd-ct-deep: var(--bcd-color-deep);
    --bcd-ct-teal: var(--bcd-color-teal);
    --bcd-ct-sage: var(--bcd-color-sage);
    --bcd-ct-cream: var(--bcd-color-cream);
    --bcd-ct-ink: var(--bcd-color-ink);
    --bcd-ct-muted: var(--bcd-color-muted);
    --bcd-ct-line: #dce5df;
    color: var(--bcd-ct-ink);
    font-size: 1.0625rem;
    line-height: 1.72;
}

    .bcd-constitution-page, .bcd-constitution-page *, .bcd-constitution-page *::before, .bcd-constitution-page *::after {
        box-sizing: border-box
    }

        .bcd-constitution-page h1, .bcd-constitution-page h2, .bcd-constitution-page h3 {
            font-family: Georgia,'Times New Roman',serif;
            font-weight: 500;
            letter-spacing: -.024em;
            line-height: 1.18;
            color: inherit
        }

        .bcd-constitution-page h1 {
            font-size: clamp(2.45rem,5vw,4.5rem);
            margin: 0 0 1.1rem
        }

        .bcd-constitution-page h2 {
            font-size: clamp(1.95rem,3.15vw,3rem);
            margin: 0 0 1.25rem
        }

        .bcd-constitution-page h3 {
            font-size: clamp(1.5rem,2.35vw,2.03rem);
            margin: 0 0 .65rem
        }

        .bcd-constitution-page p {
            margin: 0 0 1.12rem
        }

            .bcd-constitution-page p:last-child {
                margin-bottom: 0
            }

        .bcd-constitution-page a {
            color: var(--bcd-ct-teal)
        }

            .bcd-constitution-page a:focus-visible {
                outline: 3px solid #B88E76;
                outline-offset: 4px
            }

        .bcd-constitution-page .bcd-ct-container {
            width: 100%;
            max-width: 1180px;
            margin-inline: auto;
            padding-inline: clamp(1.25rem,4vw,2.5rem)
        }

        .bcd-constitution-page .bcd-ct-prose {
            max-width: 760px;
            margin-inline: auto
        }

        .bcd-constitution-page .bcd-ct-center {
            text-align: center
        }

        .bcd-constitution-page .bcd-ct-section {
            padding-block: clamp(3.25rem,5vw,5rem);
            scroll-margin-top: 6.5rem
        }

        .bcd-constitution-page .bcd-ct-kicker {
            font-family: system-ui,'Segoe UI',sans-serif;
            font-weight: 750;
            letter-spacing: .15em;
            text-transform: uppercase;
            font-size: .72rem;
            color: #48776f;
            margin: 0 0 1rem
        }

        .bcd-constitution-page .bcd-ct-section-head {
            max-width: 830px;
            margin: 0 auto 2.2rem
        }

        .bcd-constitution-page .bcd-ct-head-note {
            color: var(--bcd-ct-muted);
            max-width: 690px;
            margin-inline: auto
        }

        .bcd-constitution-page .bcd-ct-subtitle {
            font-family: Georgia,serif;
            color: var(--bcd-ct-teal);
            font-size: clamp(1.12rem,1.8vw,1.42rem)
        }

        .bcd-constitution-page .bcd-ct-lead {
            font-family: Georgia,serif;
            font-size: clamp(1.35rem,2.25vw,1.8rem);
            color: var(--bcd-ct-deep);
            margin: 1.35rem 0 2.4rem
        }

        .bcd-constitution-page .bcd-ct-hero {
            background: linear-gradient(180deg,var(--bcd-ct-cream) 0%,#fff 100%)
        }

        .bcd-constitution-page .bcd-ct-intro {
            text-align: left
        }

        .bcd-constitution-page .bcd-ct-quote {
            font-family: Georgia,serif;
            color: var(--bcd-ct-teal);
            font-size: clamp(1.28rem,2vw,1.62rem);
            line-height: 1.5;
            margin-top: 1.55rem
        }

        .bcd-constitution-page .bcd-ct-care {
            background: var(--bcd-ct-deep);
            color: #f7faf7
        }

            .bcd-constitution-page .bcd-ct-care .bcd-ct-kicker, .bcd-constitution-page .bcd-ct-ending .bcd-ct-kicker {
                color: #c5e0d6
            }

        .bcd-constitution-page .bcd-ct-care-motto {
            font-family: Georgia,serif;
            font-size: clamp(1.22rem,2vw,1.7rem);
            line-height: 1.45;
            color: #e2efe9;
            max-width: 760px;
            margin-inline: auto
        }

        .bcd-constitution-page .bcd-ct-care .bcd-ct-head-note {
            color: #d7e6df
        }

        .bcd-constitution-page .bcd-ct-care-grid, .bcd-constitution-page .bcd-ct-nav-grid, .bcd-constitution-page .bcd-ct-three-grid {
            display: grid;
            grid-template-columns: repeat(3,minmax(0,1fr));
            gap: 1.1rem
        }

        .bcd-constitution-page .bcd-ct-care-grid {
            margin: 2.1rem 0 2.4rem
        }

            .bcd-constitution-page .bcd-ct-care-grid > div {
                background: #ffffff0c;
                border: 1px solid #668984;
                border-radius: 14px;
                padding: 1.5rem
            }

            .bcd-constitution-page .bcd-ct-care-grid h3 {
                font-size: 1.48rem;
                margin-bottom: .8rem
            }

            .bcd-constitution-page .bcd-ct-care-grid p {
                color: #e1eee8;
                font-size: 1rem
            }

        .bcd-constitution-page .bcd-ct-care .bcd-ct-prose {
            color: #edf5f1
        }

        .bcd-constitution-page .bcd-ct-navigation {
            background: var(--bcd-ct-cream)
        }

        .bcd-constitution-page .bcd-ct-nav-card {
            border: 1px solid var(--bcd-ct-line);
            background: #fff;
            border-radius: 14px;
            padding: 1.25rem;
            min-width: 0
        }

        .bcd-constitution-page .bcd-ct-nav-heading {
            display: flex;
            gap: 1rem;
            align-items: center;
            color: var(--bcd-ct-deep);
            text-decoration: none;
            margin-bottom: 1rem
        }

            .bcd-constitution-page .bcd-ct-nav-heading:hover {
                text-decoration: none;
                color: var(--bcd-ct-teal)
            }

        .bcd-constitution-page .bcd-ct-nav-letter {
            font: 500 3.15rem/1 Georgia,serif;
            flex: 0 0 3.3rem;
            color: var(--bcd-ct-teal)
        }

        .bcd-constitution-page .bcd-ct-nav-heading strong {
            font: 500 1.5rem/1.2 Georgia,serif;
            display: block
        }

        .bcd-constitution-page .bcd-ct-nav-heading small {
            display: block;
            color: var(--bcd-ct-muted);
            font-size: .77rem;
            margin-top: .25rem
        }

        .bcd-constitution-page .bcd-ct-nav-card ol {
            margin: 0;
            padding-left: 1.65rem;
            font-size: .92rem;
            line-height: 1.55
        }

        .bcd-constitution-page .bcd-ct-nav-card li + li {
            margin-top: .58rem
        }

        .bcd-constitution-page .bcd-ct-nav-card li::marker {
            color: #668d81;
            font-weight: 700
        }

        .bcd-constitution-page .bcd-ct-nav-card li a {
            text-underline-offset: 3px
        }

        .bcd-constitution-page .bcd-ct-pillar-b {
            background: #fff
        }

        .bcd-constitution-page .bcd-ct-pillar-c {
            background: var(--bcd-ct-sage)
        }

        .bcd-constitution-page .bcd-ct-pillar-d {
            background: #fff
        }

        .bcd-constitution-page .bcd-ct-pillar-header {
            display: grid;
            grid-template-columns: 100px minmax(0,1fr);
            gap: 1.5rem;
            align-items: center;
            max-width: 940px;
            margin: 0 auto 3rem
        }

        .bcd-constitution-page .bcd-ct-pillar-letter {
            font: 500 5rem/1 Georgia,serif;
            color: var(--bcd-ct-teal);
            text-align: center;
            border-radius: 14px;
            border: 1px solid var(--bcd-ct-line);
            background: #f2f6f1;
            padding: .5rem 0
        }

        .bcd-constitution-page .bcd-ct-pillar-header h2 {
            margin: 0 0 .45rem
        }

        .bcd-constitution-page .bcd-ct-pillar-range {
            color: var(--bcd-ct-muted);
            font-size: .9rem
        }

        .bcd-constitution-page .bcd-ct-principles {
            max-width: 970px;
            margin-inline: auto
        }

        .bcd-constitution-page .bcd-ct-principle {
            padding: 2.65rem 0;
            scroll-margin-top: 6.5rem;
            border-top: 1px solid var(--bcd-ct-line)
        }

            .bcd-constitution-page .bcd-ct-principle:first-child {
                padding-top: 1.5rem
            }

            .bcd-constitution-page .bcd-ct-principle:target .bcd-ct-number {
                background: var(--bcd-ct-teal);
                color: #fff;
                border-color: var(--bcd-ct-teal)
            }

        .bcd-constitution-page .bcd-ct-principle-head {
            display: grid;
            grid-template-columns: 80px minmax(0,1fr);
            gap: 1.5rem;
            align-items: start;
            margin-bottom: 1.3rem
        }

        .bcd-constitution-page .bcd-ct-number {
            display: block;
            text-align: center;
            font: 500 2.35rem/1.15 Georgia,serif;
            border-radius: 12px;
            border: 1px solid var(--bcd-ct-line);
            background: var(--bcd-ct-cream);
            padding: .82rem .25rem;
            color: var(--bcd-ct-teal);
            font-variant-numeric: tabular-nums
        }

        .bcd-constitution-page .bcd-ct-principle-label {
            font-weight: 750;
            color: #538177;
            letter-spacing: .13em;
            text-transform: uppercase;
            font-size: .71rem;
            margin-bottom: .55rem
        }

        .bcd-constitution-page .bcd-ct-principle-head h3 {
            margin-bottom: .7rem
        }

        .bcd-constitution-page .bcd-ct-declaration {
            font: italic 1.25rem/1.45 Georgia,serif;
            color: var(--bcd-ct-teal)
        }

        .bcd-constitution-page .bcd-ct-principle-body {
            max-width: 760px;
            margin-left: auto;
            margin-right: auto
        }

        .bcd-constitution-page .bcd-ct-question {
            margin-top: 1.6rem;
            background: var(--bcd-ct-cream);
            border-left: 4px solid #799d92;
            border-radius: 0 12px 12px 0;
            padding: 1.25rem 1.55rem
        }

        .bcd-constitution-page .bcd-ct-pillar-c .bcd-ct-question {
            background: #f9faf6
        }

        .bcd-constitution-page .bcd-ct-question-label {
            color: #507c70;
            font-size: .73rem;
            font-weight: 750;
            letter-spacing: .12em;
            text-transform: uppercase;
            margin-bottom: .45rem
        }

        .bcd-constitution-page .bcd-ct-question p:last-child {
            font-family: Georgia,serif;
            font-size: 1.22rem;
            line-height: 1.52
        }

        .bcd-constitution-page .bcd-ct-return {
            text-align: right;
            font-size: .9rem;
            max-width: 970px;
            margin: 1.25rem auto 0
        }

        .bcd-constitution-page .bcd-ct-synthesis {
            background: var(--bcd-ct-cream)
        }

        .bcd-constitution-page .bcd-ct-three-grid {
            margin: 2rem 0 2.1rem
        }

            .bcd-constitution-page .bcd-ct-three-grid > div {
                padding: 1.55rem;
                background: #fff;
                border: 1px solid var(--bcd-ct-line);
                border-radius: 13px
            }

            .bcd-constitution-page .bcd-ct-three-grid span {
                font-family: Georgia,serif;
                font-size: 2.2rem;
                line-height: 1;
                color: var(--bcd-ct-teal)
            }

            .bcd-constitution-page .bcd-ct-three-grid h3 {
                font-size: 1.48rem;
                margin: .55rem 0
            }

            .bcd-constitution-page .bcd-ct-three-grid p {
                font-size: 1rem;
                color: var(--bcd-ct-muted)
            }

        .bcd-constitution-page .bcd-ct-practice {
            background: #fff
        }

        .bcd-constitution-page .bcd-ct-steps > div {
            background: #f7f8f4
        }

        .bcd-constitution-page .bcd-ct-keyline {
            max-width: 780px;
            text-align: center;
            margin: 2rem auto 0;
            color: var(--bcd-ct-teal);
            font: 500 clamp(1.2rem,1.7vw,1.42rem)/1.5 Georgia,serif
        }

        .bcd-constitution-page .bcd-ct-limits {
            background: var(--bcd-ct-cream)
        }

            .bcd-constitution-page .bcd-ct-limits h2 {
                margin-bottom: 1.65rem
            }

            .bcd-constitution-page .bcd-ct-limits .bcd-ct-quote {
                margin-top: 1.7rem
            }

        .bcd-constitution-page .bcd-ct-ending {
            background: var(--bcd-ct-deep);
            color: #f7faf7
        }

            .bcd-constitution-page .bcd-ct-ending .bcd-ct-prose {
                color: #e1eee8;
                text-align: left
            }

        .bcd-constitution-page .bcd-ct-ending-motto {
            font: 500 clamp(1.35rem,2.25vw,1.9rem)/1.5 Georgia,serif;
            max-width: 820px;
            color: #f1f7f3;
            margin: 2rem auto 0
        }

        .bcd-constitution-page .bcd-ct-cta {
            margin: 2rem 0 0
        }

            .bcd-constitution-page .bcd-ct-cta a {
                display: inline-flex;
                padding: .7rem 1.25rem;
                border-radius: 999px;
                background: #f7faf7;
                color: var(--bcd-ct-deep);
                text-decoration: none;
                font-weight: 700
            }

                .bcd-constitution-page .bcd-ct-cta a:hover {
                    background: var(--bcd-ct-sage)
                }

@media(max-width:900px) {
    .bcd-constitution-page .bcd-ct-care-grid, .bcd-constitution-page .bcd-ct-nav-grid, .bcd-constitution-page .bcd-ct-three-grid {
        grid-template-columns: 1fr
    }

    .bcd-constitution-page .bcd-ct-nav-card ol {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 1.5rem
    }
}

@media(max-width:620px) {
    .bcd-constitution-page {
        font-size: 1rem;
        line-height: 1.68
    }

        .bcd-constitution-page .bcd-ct-container {
            padding-inline: 1.1rem
        }

        .bcd-constitution-page .bcd-ct-section {
            padding-block: 2.75rem;
            scroll-margin-top: 5rem
        }

        .bcd-constitution-page h1 {
            font-size: clamp(2.12rem,9.6vw,2.85rem);
            margin-bottom: .8rem
        }

        .bcd-constitution-page h2 {
            font-size: clamp(1.76rem,7.3vw,2.12rem);
            margin-bottom: 1rem
        }

        .bcd-constitution-page h3 {
            font-size: 1.48rem
        }

        .bcd-constitution-page p {
            margin-bottom: .95rem
        }

        .bcd-constitution-page .bcd-ct-kicker {
            margin-bottom: .7rem
        }

        .bcd-constitution-page .bcd-ct-lead {
            margin: 1.1rem 0 1.45rem
        }

        .bcd-constitution-page .bcd-ct-section-head {
            margin-bottom: 1.4rem
        }

        .bcd-constitution-page .bcd-ct-care-grid, .bcd-constitution-page .bcd-ct-three-grid {
            gap: .7rem;
            margin: 1.25rem 0 1.5rem
        }

            .bcd-constitution-page .bcd-ct-care-grid > div, .bcd-constitution-page .bcd-ct-three-grid > div {
                padding: 1.1rem
            }

        .bcd-constitution-page .bcd-ct-nav-grid {
            gap: .7rem
        }

        .bcd-constitution-page .bcd-ct-nav-card {
            padding: 1.05rem
        }

            .bcd-constitution-page .bcd-ct-nav-card ol {
                display: block
            }

            .bcd-constitution-page .bcd-ct-nav-card li a {
                display: inline-block;
                padding: .22rem 0
            }

        .bcd-constitution-page .bcd-ct-pillar-header {
            grid-template-columns: 1fr;
            gap: .7rem;
            margin-bottom: 1.6rem
        }

        .bcd-constitution-page .bcd-ct-pillar-letter {
            width: 72px;
            font-size: 3.65rem;
            padding: .25rem 0
        }

        .bcd-constitution-page .bcd-ct-principle {
            padding: 1.95rem 0;
            scroll-margin-top: 5rem
        }

            .bcd-constitution-page .bcd-ct-principle:first-child {
                padding-top: 1rem
            }

        .bcd-constitution-page .bcd-ct-principle-head {
            grid-template-columns: 56px minmax(0,1fr);
            gap: .8rem;
            margin-bottom: 1rem
        }

        .bcd-constitution-page .bcd-ct-number {
            font-size: 1.6rem;
            padding: .55rem .15rem;
            border-radius: 9px
        }

        .bcd-constitution-page .bcd-ct-principle-head h3 {
            font-size: 1.36rem;
            line-height: 1.22
        }

        .bcd-constitution-page .bcd-ct-declaration {
            font-size: 1.1rem
        }

        .bcd-constitution-page .bcd-ct-question {
            padding: 1rem 1.05rem;
            margin-top: 1.1rem
        }

            .bcd-constitution-page .bcd-ct-question p:last-child {
                font-size: 1.13rem
            }

        .bcd-constitution-page .bcd-ct-return {
            text-align: left
        }

        .bcd-constitution-page .bcd-ct-ending-motto {
            margin-top: 1.5rem
        }
}

@media(prefers-reduced-motion:reduce) {
    .bcd-constitution-page {
        scroll-behavior: auto
    }
}


/* Konstytucja BCD v2 — mocniejsza puenta po dwunastu zasadach */
.bcd-constitution-page .bcd-ct-synthesis-quote {
    max-width: 790px;
    margin: 2.2rem auto 0;
    padding: clamp(1.4rem, 3vw, 2.3rem) clamp(1.35rem, 4vw, 3rem);
    background: #fff;
    border: 1px solid var(--bcd-ct-line);
    border-left: 4px solid var(--bcd-ct-teal);
    border-radius: 0 14px 14px 0;
    box-shadow: 0 9px 28px rgba(32,59,58,.045);
    color: var(--bcd-ct-deep);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(1.2rem, 1.9vw, 1.52rem);
    font-weight: 500;
    line-height: 1.48;
}

    .bcd-constitution-page .bcd-ct-synthesis-quote p {
        margin: 0 0 .65rem;
    }

        .bcd-constitution-page .bcd-ct-synthesis-quote p:first-child {
            color: var(--bcd-ct-teal);
        }

        .bcd-constitution-page .bcd-ct-synthesis-quote p:last-child {
            margin-bottom: 0;
        }
/* Mobilne skróty zachowują dostęp do szczegółowego spisu 01–12. */
.bcd-constitution-page .bcd-ct-mobile-nav {
    display: none;
}

@media (max-width: 620px) {
    .bcd-constitution-page .bcd-ct-nav-grid {
        display: none;
    }

    .bcd-constitution-page .bcd-ct-mobile-nav {
        display: block;
    }

    .bcd-constitution-page .bcd-ct-mobile-shortcuts {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: .55rem;
    }

        .bcd-constitution-page .bcd-ct-mobile-shortcuts a {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: .1rem;
            min-height: 72px;
            padding: .7rem .35rem;
            background: #fff;
            border: 1px solid var(--bcd-ct-line);
            border-radius: 12px;
            text-decoration: none;
            color: var(--bcd-ct-deep);
            font-size: .9rem;
            font-weight: 650;
            line-height: 1.25;
        }

            .bcd-constitution-page .bcd-ct-mobile-shortcuts a:hover,
            .bcd-constitution-page .bcd-ct-mobile-shortcuts a:focus-visible {
                background: #e8f0eb;
                border-color: #8ea99e;
            }

    .bcd-constitution-page .bcd-ct-mobile-letter {
        font: 500 1.85rem/1.1 Georgia, 'Times New Roman', serif;
        color: var(--bcd-ct-teal);
    }

    .bcd-constitution-page .bcd-ct-mobile-details {
        margin-top: .85rem;
        background: #fff;
        border: 1px solid var(--bcd-ct-line);
        border-radius: 12px;
        overflow: hidden;
    }

        .bcd-constitution-page .bcd-ct-mobile-details summary {
            cursor: pointer;
            min-height: 48px;
            padding: .85rem 1rem;
            font-size: .92rem;
            font-weight: 650;
            color: var(--bcd-ct-teal);
        }

        .bcd-constitution-page .bcd-ct-mobile-details[open] summary {
            border-bottom: 1px solid var(--bcd-ct-line);
        }

    .bcd-constitution-page .bcd-ct-mobile-principles {
        padding: .35rem 1.2rem 1.1rem;
    }

    .bcd-constitution-page .bcd-ct-mobile-group {
        font-weight: 750;
        color: var(--bcd-ct-teal);
        margin: 1rem 0 .3rem;
        font-size: .94rem;
    }

    .bcd-constitution-page .bcd-ct-mobile-principles ol {
        margin: 0;
        padding-left: 1.5rem;
        font-size: .92rem;
        line-height: 1.5;
    }

    .bcd-constitution-page .bcd-ct-mobile-principles li + li {
        margin-top: .3rem;
    }

    .bcd-constitution-page .bcd-ct-mobile-principles li a {
        display: inline-block;
        padding: .3rem 0;
        text-underline-offset: 3px;
    }

    .bcd-constitution-page .bcd-ct-synthesis-quote {
        margin-top: 1.5rem;
        padding: 1.2rem 1.1rem;
        font-size: 1.19rem;
        line-height: 1.5;
    }
}

.bcd-about-page {
    --bcd-about-deep: var(--bcd-color-deep);
    --bcd-about-teal: var(--bcd-color-teal);
    --bcd-about-sage: var(--bcd-color-sage);
    --bcd-about-cream: var(--bcd-color-cream);
    --bcd-about-ink: #293D3C;
    --bcd-about-muted: var(--bcd-color-muted);
    --bcd-about-border: #DCE5DF;
    color: var(--bcd-about-ink);
    font-size: 1.0625rem;
    line-height: 1.72;
    overflow-wrap: break-word;
}

    .bcd-about-page *, .bcd-about-page *::before, .bcd-about-page *::after {
        box-sizing: border-box
    }

    .bcd-about-page h1, .bcd-about-page h2, .bcd-about-page h3 {
        color: inherit;
        font-family: Georgia,'Times New Roman',serif;
        font-weight: 500;
        letter-spacing: -.025em;
        line-height: 1.2;
    }

    .bcd-about-page h1 {
        font-size: clamp(2.5rem,5vw,4.55rem);
        margin: 0 auto 1.05rem;
        max-width: 990px
    }

    .bcd-about-page h2 {
        font-size: clamp(1.9rem,3.2vw,3.05rem);
        margin: 0 0 1.35rem
    }

    .bcd-about-page h3 {
        font-size: clamp(1.35rem,2vw,1.8rem);
        margin: 0 0 .75rem
    }

    .bcd-about-page p {
        margin: 0 0 1.15rem
    }

    .bcd-about-page a {
        color: var(--bcd-about-teal);
        text-underline-offset: .2em
    }

        .bcd-about-page a:focus-visible {
            outline: 3px solid #B88E76;
            outline-offset: 4px;
            border-radius: 4px
        }

    .bcd-about-page .bcd-about-container {
        width: 100%;
        max-width: 1180px;
        margin-inline: auto;
        padding-inline: clamp(1.25rem,4vw,2.5rem)
    }

    .bcd-about-page .bcd-about-center {
        text-align: center
    }

    .bcd-about-page .bcd-about-prose {
        max-width: 760px;
        margin-inline: auto
    }

        .bcd-about-page .bcd-about-prose strong {
            color: var(--bcd-about-deep);
            font-weight: 700
        }

        .bcd-about-page .bcd-about-prose p:last-child {
            margin-bottom: 0
        }

    .bcd-about-page .bcd-about-section {
        padding-block: clamp(3.25rem,5vw,5rem);
        scroll-margin-top: 6rem
    }

    .bcd-about-page .bcd-about-section--cream {
        background: var(--bcd-about-cream)
    }

    .bcd-about-page .bcd-about-section--sage {
        background: var(--bcd-about-sage)
    }

    .bcd-about-page .bcd-about-kicker {
        color: #47776E;
        font: 750 .73rem/1.5 system-ui,'Segoe UI',sans-serif;
        letter-spacing: .16em;
        text-transform: uppercase;
        margin: 0 0 1rem;
    }

    .bcd-about-page .bcd-about-hero {
        background: linear-gradient(180deg,var(--bcd-about-cream),#fff 85%);
        padding-top: clamp(3.5rem,6vw,6rem)
    }

    .bcd-about-page .bcd-about-lead {
        max-width: 740px;
        margin: 0 auto clamp(2.8rem,5vw,4.4rem);
        font-size: clamp(1.15rem,1.9vw,1.43rem);
        line-height: 1.55;
        color: var(--bcd-about-teal)
    }

    .bcd-about-page .bcd-about-intro {
        text-align: left
    }

    .bcd-about-page .bcd-about-heading {
        max-width: 870px;
        margin: 0 auto 2.25rem
    }

    .bcd-about-page .bcd-about-subtitle {
        font-size: 1.08rem;
        color: var(--bcd-about-muted);
        max-width: 720px;
        margin-inline: auto
    }

    .bcd-about-page .bcd-about-emphasis {
        font: 500 clamp(1.2rem,1.9vw,1.52rem)/1.5 Georgia,serif;
        color: var(--bcd-about-teal);
        margin-top: 1.85rem !important
    }

    .bcd-about-page .bcd-about-three-grid {
        display: grid;
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 1rem;
        margin: 0 auto 2.3rem;
        max-width: 1050px
    }

    .bcd-about-page .bcd-about-pillar {
        background: #fff;
        border: 1px solid var(--bcd-about-border);
        border-radius: 14px;
        padding: 1.55rem;
        min-width: 0
    }

        .bcd-about-page .bcd-about-pillar > span {
            display: block;
            font: 500 3.25rem/1 Georgia,serif;
            color: var(--bcd-about-teal);
            margin-bottom: .65rem
        }

        .bcd-about-page .bcd-about-pillar h3 {
            font-size: 1.55rem;
            margin-bottom: 0
        }

        .bcd-about-page .bcd-about-pillar .bcd-about-pillar-translation {
            font-weight: 700;
            letter-spacing: .12em;
            text-transform: uppercase;
            font-size: .75rem;
            color: #66847D;
            margin: .25rem 0 .75rem
        }

        .bcd-about-page .bcd-about-pillar p:last-child {
            font-size: .98rem;
            line-height: 1.6;
            margin: 0;
            color: var(--bcd-about-muted)
        }

    .bcd-about-page .bcd-about-statement {
        max-width: 860px;
        margin: 2.4rem auto;
        border-left: 4px solid #769F91;
        padding: 1.15rem 2rem;
        background: #fff;
        border-radius: 0 14px 14px 0;
        color: var(--bcd-about-deep)
    }

        .bcd-about-page .bcd-about-statement p {
            font: 500 clamp(1.35rem,2.2vw,1.95rem)/1.52 Georgia,serif;
            margin: 0
        }

    .bcd-about-page .bcd-about-underlink {
        margin: 2.2rem 0 0;
        font-weight: 700
    }

    .bcd-about-page .bcd-about-principles {
        max-width: 920px;
        margin: 2.1rem auto;
        display: grid;
        gap: .8rem
    }

        .bcd-about-page .bcd-about-principles p {
            margin: 0;
            border-left: 3px solid #799D92;
            background: #F7F8F4;
            padding: 1.05rem 1.35rem;
            border-radius: 0 10px 10px 0;
            font-family: Georgia,serif;
            font-size: clamp(1.06rem,1.6vw,1.22rem)
        }

    .bcd-about-page .bcd-about-path {
        max-width: 860px;
        margin: 2rem auto;
        display: grid;
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: .9rem
    }

        .bcd-about-page .bcd-about-path > div {
            background: #ffffffd9;
            border: 1px solid #D2DFD8;
            border-radius: 12px;
            padding: 1.15rem;
            text-align: center
        }

        .bcd-about-page .bcd-about-path span {
            display: block;
            font-size: .75rem;
            color: #66847D;
            letter-spacing: .13em;
            font-weight: 750;
            margin-bottom: .3rem
        }

        .bcd-about-page .bcd-about-path strong {
            font: 500 clamp(1.22rem,1.8vw,1.6rem)/1.25 Georgia,serif;
            color: var(--bcd-about-deep)
        }

    .bcd-about-page .bcd-about-questions {
        max-width: 900px;
        margin: 1.9rem auto;
        display: grid;
        gap: .75rem
    }

        .bcd-about-page .bcd-about-questions p {
            border: 1px solid var(--bcd-about-border);
            background: var(--bcd-about-cream);
            border-radius: 12px;
            margin: 0;
            padding: 1.05rem 1.35rem;
            font: 500 clamp(1.08rem,1.5vw,1.3rem)/1.5 Georgia,serif;
            color: var(--bcd-about-deep)
        }

    .bcd-about-page .bcd-about-two-grid {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 1.1rem;
        max-width: 1010px;
        margin: 0 auto 2.3rem
    }

    .bcd-about-page .bcd-about-project {
        background: #fff;
        border: 1px solid var(--bcd-about-border);
        border-radius: 14px;
        padding: clamp(1.3rem,2.5vw,2rem);
        min-width: 0;
        display: flex;
        flex-direction: column
    }

    .bcd-about-page .bcd-about-project-eyebrow {
        color: #65847B;
        font-weight: 750;
        letter-spacing: .12em;
        font-size: .72rem;
        margin: 0 0 .8rem;
        text-transform: uppercase
    }

    .bcd-about-page .bcd-about-project p:not(.bcd-about-project-eyebrow) {
        font-size: 1rem;
        line-height: 1.65;
        color: var(--bcd-about-muted)
    }

    .bcd-about-page .bcd-about-project a, .bcd-about-page .bcd-about-project-note {
        margin-top: auto;
        font-size: .94rem;
        font-weight: 700
    }

    .bcd-about-page .bcd-about-project-note {
        color: #68847B
    }

    .bcd-about-page .bcd-about-after-grid {
        margin-top: 1rem
    }

    .bcd-about-page .bcd-about-author-layout {
        max-width: 920px;
        margin: 0 auto
    }

        .bcd-about-page .bcd-about-author-layout:has(.bcd-about-author-photo) {
            display: grid;
            grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
            gap: clamp(2rem, 4vw, 4rem);
            align-items: center;
        }

    .bcd-about-page .bcd-about-author-photo {
        margin: 0;
    }

        .bcd-about-page .bcd-about-author-photo img {
            display: block;
            width: 100%;
            height: auto;
            border-radius: 12px;
        }

    .bcd-about-page .bcd-about-closing {
        background: var(--bcd-about-deep);
        color: #f8fbf8
    }

@media (max-width: 767.98px) {
    .bcd-about-page .bcd-about-author-layout {
        grid-template-columns: 1fr;
        gap: 1.75rem;
    }

    .bcd-about-page .bcd-about-author-photo {
        max-width: 440px;
        width: 100%;
        margin-inline: auto;
        align-self: center;
    }
}

.bcd-about-page .bcd-about-closing .bcd-about-kicker {
    color: #C7DED5
}

.bcd-about-page .bcd-about-closing .bcd-about-prose {
    text-align: left
}

.bcd-about-page .bcd-about-closing .bcd-about-final-motto {
    max-width: 760px;
    margin: 2.5rem auto 1rem;
    color: #fff;
    font: 500 clamp(1.5rem,2.8vw,2.25rem)/1.48 Georgia,serif
}

.bcd-about-page .bcd-about-last-line {
    color: #D6E6E0;
    font: italic 1.2rem/1.5 Georgia,serif;
    margin: 0 auto 1.8rem
}

.bcd-about-page .bcd-about-final-links {
    display: flex;
    justify-content: center;
    gap: .8rem;
    flex-wrap: wrap
}

    .bcd-about-page .bcd-about-final-links a {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
        background: #f7faf7;
        border: 1px solid #f7faf7;
        border-radius: 999px;
        padding: .62rem 1.1rem;
        color: var(--bcd-about-deep);
        font-weight: 700;
        text-decoration: none;
        font-size: .94rem
    }

        .bcd-about-page .bcd-about-final-links a:hover {
            background: #E0EAE4
        }

.bcd-about-page .bcd-about-signature {
    margin-top: 1.5rem;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.3rem;
    font-style: italic;
    color: #315E60;
}

@media (max-width:800px) {
    .bcd-about-page .bcd-about-three-grid {
        grid-template-columns: 1fr
    }

    .bcd-about-page .bcd-about-two-grid {
        grid-template-columns: 1fr
    }

    .bcd-about-page .bcd-about-author-layout:has(.bcd-about-author-photo) {
        grid-template-columns: 1fr
    }

    .bcd-about-page .bcd-about-author-photo {
        max-width: 520px
    }
}

@media (max-width:620px) {
    .bcd-about-page {
        font-size: 1rem;
        line-height: 1.7
    }

        .bcd-about-page .bcd-about-section {
            padding-block: clamp(2.75rem,7vw,3.25rem);
            scroll-margin-top: 5rem
        }

        .bcd-about-page .bcd-about-hero {
            padding-top: 3.25rem
        }

        .bcd-about-page h1 {
            font-size: clamp(2.2rem,9vw,2.85rem)
        }

        .bcd-about-page h2 {
            font-size: clamp(1.8rem,7vw,2.25rem)
        }

        .bcd-about-page .bcd-about-lead {
            margin-bottom: 2.5rem
        }

        .bcd-about-page .bcd-about-pillar {
            padding: 1.15rem
        }

            .bcd-about-page .bcd-about-pillar > span {
                font-size: 2.6rem
            }

        .bcd-about-page .bcd-about-statement {
            padding: 1rem 1.1rem
        }

        .bcd-about-page .bcd-about-principles p {
            padding: .95rem 1.05rem
        }

        .bcd-about-page .bcd-about-path {
            gap: .45rem
        }

            .bcd-about-page .bcd-about-path > div {
                padding: .95rem .35rem
            }

            .bcd-about-page .bcd-about-path strong {
                font-size: 1.12rem
            }

        .bcd-about-page .bcd-about-questions p {
            padding: 1rem
        }

        .bcd-about-page .bcd-about-closing .bcd-about-prose {
            text-align: left
        }
}

.bcd-questions-page {
    --bcd-q-deep: var(--bcd-color-deep);
    --bcd-q-teal: var(--bcd-color-teal);
    --bcd-q-sage: var(--bcd-color-sage);
    --bcd-q-cream: var(--bcd-color-cream);
    --bcd-q-text: var(--bcd-color-ink);
    --bcd-q-muted: var(--bcd-color-muted);
    --bcd-q-border: #dce5df;
    color: var(--bcd-q-text);
    font-size: 1.0625rem;
    line-height: 1.72;
}

    .bcd-questions-page *, .bcd-questions-page *::before, .bcd-questions-page *::after {
        box-sizing: border-box;
    }

    .bcd-questions-page h1, .bcd-questions-page h2, .bcd-questions-page h3 {
        font-family: Georgia,'Times New Roman',serif;
        font-weight: 500;
        letter-spacing: -.025em;
        line-height: 1.18;
        color: inherit;
    }

    .bcd-questions-page h1 {
        font-size: clamp(2.5rem,5vw,4.5rem);
        margin: 0 0 1.7rem;
    }

    .bcd-questions-page h2 {
        font-size: clamp(2rem,3.2vw,3.05rem);
        margin: 0 0 .8rem;
    }

    .bcd-questions-page h3 {
        font-size: clamp(1.18rem,2vw,1.5rem);
        margin: 0;
    }

    .bcd-questions-page p {
        margin: 0 0 1rem;
    }

        .bcd-questions-page p:last-child {
            margin-bottom: 0;
        }

    .bcd-questions-page a {
        color: var(--bcd-q-teal);
    }

        .bcd-questions-page a:focus-visible {
            outline: 3px solid #B88E76;
            outline-offset: 4px;
        }

    .bcd-questions-page .bcd-q-section {
        padding-block: clamp(3.25rem,5vw,5rem);
        scroll-margin-top: 6.5rem;
    }

    .bcd-questions-page .bcd-q-container {
        width: 100%;
        max-width: 1180px;
        margin-inline: auto;
        padding-inline: clamp(1.25rem,4vw,2.5rem);
    }

    .bcd-questions-page .bcd-q-prose {
        max-width: 760px;
        margin-inline: auto;
    }

    .bcd-questions-page .bcd-q-center {
        text-align: center;
    }

    .bcd-questions-page .bcd-q-kicker {
        font: 750 .72rem/1.45 system-ui,'Segoe UI',sans-serif;
        text-transform: uppercase;
        letter-spacing: .15em;
        color: #48776f;
        margin: 0 0 1.05rem;
    }

    .bcd-questions-page .bcd-q-muted {
        color: var(--bcd-q-muted);
    }

    .bcd-questions-page .bcd-q-hero {
        background: linear-gradient(180deg,var(--bcd-q-cream) 0%,#fff 100%);
    }

        .bcd-questions-page .bcd-q-hero h1 {
            max-width: 850px;
            margin-inline: auto;
        }

    .bcd-questions-page .bcd-q-intro-question {
        font: 500 clamp(1.35rem,2.3vw,1.88rem)/1.48 Georgia,serif;
        color: var(--bcd-q-teal);
        margin: 0 auto 2rem;
        max-width: 790px;
    }

    .bcd-questions-page .bcd-q-hero .bcd-q-prose > p:not(.bcd-q-kicker):not(.bcd-q-intro-question) {
        text-align: left;
    }

    .bcd-questions-page .bcd-q-navigation {
        background: var(--bcd-q-cream);
        padding-block: clamp(2.4rem,4vw,3.7rem);
    }

    .bcd-questions-page .bcd-q-nav-grid {
        display: grid;
        grid-template-columns: repeat(4,minmax(0,1fr));
        gap: 1rem;
    }

    .bcd-questions-page .bcd-q-nav-tile {
        display: flex;
        align-items: center;
        gap: .85rem;
        min-width: 0;
        min-height: 80px;
        padding: 1.1rem 1rem;
        border: 1px solid var(--bcd-q-border);
        border-radius: 13px;
        background: #fff;
        color: var(--bcd-q-deep);
        text-decoration: none;
        transition: background .18s ease,border-color .18s ease;
    }

        .bcd-questions-page .bcd-q-nav-tile:hover {
            background: #eef4ef;
            border-color: #83a69a;
            text-decoration: none;
            color: var(--bcd-q-deep);
        }

    .bcd-questions-page .bcd-q-nav-letter {
        font: 500 2.25rem/1 Georgia,serif;
        color: var(--bcd-q-teal);
        flex: 0 0 1.6rem;
    }

    .bcd-questions-page .bcd-q-nav-symbol {
        font: 400 2.2rem/1 Georgia,serif;
        color: var(--bcd-q-teal);
        flex: 0 0 1.8rem;
    }

    .bcd-questions-page .bcd-q-nav-tile strong, .bcd-questions-page .bcd-q-nav-tile small {
        display: block;
    }

    .bcd-questions-page .bcd-q-nav-tile strong {
        font-size: 1.02rem;
        line-height: 1.25;
    }

    .bcd-questions-page .bcd-q-nav-tile small {
        font-size: .78rem;
        color: var(--bcd-q-muted);
        line-height: 1.42;
        margin-top: .25rem;
    }

    .bcd-questions-page .bcd-q-pillar-b, .bcd-questions-page .bcd-q-pillar-d {
        background: #fff;
    }

    .bcd-questions-page .bcd-q-pillar-c {
        background: var(--bcd-q-sage);
    }

    .bcd-questions-page .bcd-q-pillar-header {
        display: grid;
        grid-template-columns: 90px minmax(0,1fr);
        gap: 1.5rem;
        align-items: center;
        max-width: 970px;
        margin: 0 auto 2.4rem;
    }

    .bcd-questions-page .bcd-q-pillar-letter {
        font: 500 4.6rem/1 Georgia,serif;
        text-align: center;
        padding: .45rem 0;
        color: var(--bcd-q-teal);
        border: 1px solid var(--bcd-q-border);
        background: #f3f7f3;
        border-radius: 13px;
    }

    .bcd-questions-page .bcd-q-pillar-subtitle {
        color: var(--bcd-q-teal);
        font: 500 clamp(1.08rem,1.65vw,1.33rem)/1.45 Georgia,serif;
    }

    .bcd-questions-page .bcd-q-question-grid {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 1.15rem;
        max-width: 1000px;
        margin-inline: auto;
    }

    .bcd-questions-page .bcd-q-question-card {
        background: #f9faf7;
        border: 1px solid var(--bcd-q-border);
        border-radius: 14px;
        padding: 1.55rem 1.65rem;
        scroll-margin-top: 7rem;
        min-width: 0;
    }

    .bcd-questions-page .bcd-q-pillar-c .bcd-q-question-card {
        background: #fff;
    }

    .bcd-questions-page .bcd-q-question-card:target {
        border-color: #4a8075;
        box-shadow: 0 0 0 3px rgba(49,94,96,.14);
    }

    .bcd-questions-page .bcd-q-card-top {
        display: flex;
        gap: .85rem;
        align-items: flex-start;
        margin-bottom: 1rem;
    }

    .bcd-questions-page .bcd-q-number {
        flex: 0 0 auto;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        min-width: 2.65rem;
        height: 2.65rem;
        border-radius: 8px;
        background: #e1eae4;
        color: var(--bcd-q-teal);
        font: 500 1.16rem/1 Georgia,serif;
        font-variant-numeric: tabular-nums;
    }

    .bcd-questions-page .bcd-q-card-top h3 {
        font-size: clamp(1.17rem,1.5vw,1.37rem);
        padding-top: .2rem;
    }

    .bcd-questions-page .bcd-q-question-text {
        font: 500 clamp(1.18rem,1.65vw,1.41rem)/1.52 Georgia,serif;
        color: var(--bcd-q-deep);
    }

    .bcd-questions-page .bcd-q-back {
        max-width: 1000px;
        margin: 1.35rem auto 0;
        text-align: right;
        font-size: .9rem;
    }

    .bcd-questions-page .bcd-q-care {
        background: var(--bcd-q-deep);
        color: #f5faf7;
    }

        .bcd-questions-page .bcd-q-care .bcd-q-kicker, .bcd-questions-page .bcd-q-ending .bcd-q-kicker {
            color: #c9e2d7;
        }

    .bcd-questions-page .bcd-q-section-heading {
        max-width: 850px;
        margin: 0 auto 2.3rem;
    }

    .bcd-questions-page .bcd-q-care-motto {
        color: #e5f0ea;
        font: 500 clamp(1.2rem,2vw,1.7rem)/1.48 Georgia,serif;
        margin: 1rem auto 1.6rem;
        max-width: 770px;
    }

    .bcd-questions-page .bcd-q-care-intro {
        max-width: 720px;
        margin-inline: auto;
        color: #d8e6df;
    }

    .bcd-questions-page .bcd-q-care-grid {
        display: grid;
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 1rem;
    }

    .bcd-questions-page .bcd-q-care-card {
        border: 1px solid #6b8882;
        background: #ffffff0d;
        border-radius: 14px;
        padding: 1.7rem;
    }

    .bcd-questions-page .bcd-q-care-index {
        color: #a9cbc0;
        display: block;
        font-weight: 700;
        font-size: .8rem;
        letter-spacing: .1em;
        margin-bottom: .85rem;
    }

    .bcd-questions-page .bcd-q-care-card h3 {
        font-size: 1.48rem;
        margin-bottom: 1rem;
    }

    .bcd-questions-page .bcd-q-care-card p {
        font: 400 1.13rem/1.6 Georgia,serif;
        color: #f0f6f1;
    }

    .bcd-questions-page .bcd-q-practice {
        background: #fff;
    }

    .bcd-questions-page .bcd-q-steps {
        display: grid;
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 1.15rem;
        max-width: 1050px;
        margin-inline: auto;
    }

        .bcd-questions-page .bcd-q-steps > div {
            padding: 1.55rem;
            background: var(--bcd-q-cream);
            border: 1px solid #e6e4da;
            border-radius: 13px;
        }

    .bcd-questions-page .bcd-q-step-no {
        display: block;
        color: #5c8379;
        letter-spacing: .13em;
        font-size: .76rem;
        font-weight: 750;
        margin-bottom: .65rem;
    }

    .bcd-questions-page .bcd-q-steps h3 {
        font-size: 1.58rem;
        margin-bottom: .8rem;
    }

    .bcd-questions-page .bcd-q-steps p {
        font-size: 1rem;
        line-height: 1.67;
        color: var(--bcd-q-muted);
    }

    .bcd-questions-page .bcd-q-after-steps {
        margin-top: 2.3rem;
    }

        .bcd-questions-page .bcd-q-after-steps strong {
            color: var(--bcd-q-teal);
        }

    .bcd-questions-page .bcd-q-ending {
        background: var(--bcd-q-deep);
        color: #f7faf7;
    }

    .bcd-questions-page .bcd-q-ending-lead {
        font-size: 1.1rem;
        max-width: 750px;
        margin: 1.3rem auto 1.5rem;
        color: #dceae3;
    }

    .bcd-questions-page .bcd-q-ending-motto {
        font: 500 clamp(1.3rem,2.2vw,1.85rem)/1.55 Georgia,serif;
        max-width: 840px;
        margin: 0 auto 2rem;
        color: #fff;
    }

    .bcd-questions-page .bcd-q-footer-links {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: .8rem;
    }

        .bcd-questions-page .bcd-q-footer-links a {
            display: inline-flex;
            align-items: center;
            min-height: 44px;
            padding: .7rem 1.15rem;
            border-radius: 999px;
            background: #f6f3ed;
            color: var(--bcd-q-deep);
            text-decoration: none;
            font-weight: 700;
            font-size: .91rem;
        }

            .bcd-questions-page .bcd-q-footer-links a:hover {
                background: #e0eae4;
            }

@media(max-width:960px) {
    .bcd-questions-page .bcd-q-nav-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media(max-width:700px) {
    .bcd-questions-page {
        font-size: 1rem;
        line-height: 1.68;
    }

        .bcd-questions-page .bcd-q-section {
            padding-block: 2.75rem;
        }

        .bcd-questions-page .bcd-q-question-grid, .bcd-questions-page .bcd-q-care-grid, .bcd-questions-page .bcd-q-steps {
            grid-template-columns: 1fr;
        }

        .bcd-questions-page .bcd-q-pillar-header {
            grid-template-columns: 58px minmax(0,1fr);
            gap: 1rem;
            margin-bottom: 1.55rem;
        }

        .bcd-questions-page .bcd-q-pillar-letter {
            font-size: 3rem;
            padding: .5rem 0;
        }

        .bcd-questions-page .bcd-q-question-card {
            padding: 1.2rem 1.15rem;
        }

        .bcd-questions-page .bcd-q-question-text {
            font-size: 1.2rem;
        }

        .bcd-questions-page .bcd-q-care-card {
            padding: 1.3rem;
        }

        .bcd-questions-page .bcd-q-steps > div {
            padding: 1.25rem;
        }
}

@media(max-width:440px) {
    .bcd-questions-page .bcd-q-nav-grid {
        gap: .55rem;
    }

    .bcd-questions-page .bcd-q-nav-tile {
        min-height: 70px;
        padding: .8rem .65rem;
        gap: .55rem;
    }

    .bcd-questions-page .bcd-q-nav-letter {
        font-size: 1.8rem;
        flex-basis: 1.25rem;
    }

    .bcd-questions-page .bcd-q-nav-symbol {
        font-size: 1.8rem;
        flex-basis: 1.35rem;
    }

    .bcd-questions-page .bcd-q-nav-tile strong {
        font-size: .87rem;
    }

    .bcd-questions-page .bcd-q-nav-tile small {
        font-size: .69rem;
    }

    .bcd-questions-page .bcd-q-card-top {
        gap: .7rem;
    }

    .bcd-questions-page .bcd-q-number {
        min-width: 2.35rem;
        height: 2.35rem;
    }
}

@media(prefers-reduced-motion:reduce) {
    .bcd-questions-page .bcd-q-nav-tile {
        transition: none;
    }
}

.bcd-over-page {
    --bo-deep: var(--bcd-color-deep);
    --bo-teal: var(--bcd-color-teal);
    --bo-sage: var(--bcd-color-sage);
    --bo-cream: var(--bcd-color-cream);
    --bo-ink: #293D3C;
    --bo-muted: var(--bcd-color-muted);
    --bo-line: #DCE5DF;
    color: var(--bo-ink);
    font-size: 1.0625rem;
    line-height: 1.72;
    overflow-wrap: break-word
}

    .bcd-over-page *, .bcd-over-page *::before, .bcd-over-page *::after {
        box-sizing: border-box
    }

    .bcd-over-page h1, .bcd-over-page h2, .bcd-over-page h3 {
        font-family: Georgia,'Times New Roman',serif;
        font-weight: 500;
        letter-spacing: -.026em;
        line-height: 1.2;
        color: inherit
    }

    .bcd-over-page h1 {
        font-size: clamp(2.35rem,4.8vw,4.35rem);
        max-width: 950px;
        margin: 0 0 1.1rem
    }

    .bcd-over-page h2 {
        font-size: clamp(1.85rem,3.15vw,3rem);
        margin: 0 0 1.5rem
    }

    .bcd-over-page h3 {
        font-size: clamp(1.35rem,1.8vw,1.7rem);
        margin: 0 0 .85rem
    }

    .bcd-over-page p {
        margin: 0 0 1.18rem
    }

        .bcd-over-page p:last-child {
            margin-bottom: 0
        }

    .bcd-over-page a {
        color: var(--bo-teal)
    }

        .bcd-over-page a:focus-visible {
            outline: 3px solid #B88E76;
            outline-offset: 4px
        }

    .bcd-over-page .bcd-over-section {
        padding-block: clamp(3.25rem,5vw,5rem);
        scroll-margin-top: 6rem
    }

    .bcd-over-page .bcd-over-container {
        width: 100%;
        max-width: 1180px;
        margin-inline: auto;
        padding-inline: clamp(1.15rem,4vw,2.5rem)
    }

    .bcd-over-page .bcd-over-prose {
        max-width: 760px;
        margin-inline: auto
    }

    .bcd-over-page .bcd-over-kicker {
        font: 750 .74rem/1.5 system-ui,'Segoe UI',sans-serif;
        letter-spacing: .15em;
        color: #47776E;
        text-transform: uppercase;
        margin: 0 0 1rem
    }

    .bcd-over-page .bcd-over-hero {
        background: linear-gradient(180deg,var(--bo-cream) 0%,#fff 100%)
    }

    .bcd-over-page .bcd-over-hero-copy {
        max-width: 810px
    }

    .bcd-over-page .bcd-over-lead {
        font: 500 clamp(1.37rem,2.45vw,1.95rem)/1.44 Georgia,serif;
        color: var(--bo-teal);
        margin: 0 0 2.2rem
    }

    .bcd-over-page .bcd-over-section--cream {
        background: var(--bo-cream)
    }

    .bcd-over-page .bcd-over-section--sage {
        background: var(--bo-sage)
    }

    .bcd-over-page .bcd-over-emphasis {
        border-left: 4px solid #477C72;
        background: rgba(224,234,228,.6);
        padding: 1.15rem 1.4rem;
        border-radius: 0 10px 10px 0;
        margin: 1.7rem 0 1.2rem;
        font: 500 clamp(1.17rem,1.7vw,1.43rem)/1.52 Georgia,serif;
        color: var(--bo-deep)
    }

    .bcd-over-page .bcd-over-quote {
        border-left: 3px solid #8BAC9E;
        margin: 1.8rem 0;
        padding: 1.15rem 1.6rem;
        background: #F1F5F0;
        border-radius: 0 12px 12px 0
    }

        .bcd-over-page .bcd-over-quote p {
            font: 500 clamp(1.2rem,1.8vw,1.58rem)/1.46 Georgia,serif;
            color: var(--bo-deep)
        }

    .bcd-over-page .bcd-over-visual {
        padding-block: 0;
        background: #fff
    }

    .bcd-over-page .bcd-over-figure {
        width: min(100%,850px);
        margin: 0 auto;
        padding-block: clamp(.8rem,2vw,1.6rem)
    }

        .bcd-over-page .bcd-over-figure img {
            display: block;
            width: 100%;
            height: auto;
            aspect-ratio: 4/3;
            object-fit: cover;
            border-radius: 15px
        }

        .bcd-over-page .bcd-over-figure figcaption {
            margin-top: .7rem;
            color: var(--bo-muted);
            font-size: .83rem;
            text-align: center
        }

    .bcd-over-page .bcd-over-contrast {
        max-width: 960px;
        margin: 2rem auto;
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 1rem
    }

    .bcd-over-page .bcd-over-contrast-card {
        background: #f8faf7;
        border: 1px solid var(--bo-line);
        border-radius: 13px;
        padding: clamp(1.2rem,2.5vw,1.8rem)
    }

        .bcd-over-page .bcd-over-contrast-card:nth-child(2) {
            background: var(--bo-cream)
        }

        .bcd-over-page .bcd-over-contrast-card span {
            font-size: .73rem;
            font-weight: 800;
            letter-spacing: .12em;
            color: #50796E
        }

        .bcd-over-page .bcd-over-contrast-card p {
            font: 500 clamp(1.35rem,2vw,1.65rem)/1.43 Georgia,serif;
            color: var(--bo-deep);
            margin: .8rem 0
        }

        .bcd-over-page .bcd-over-contrast-card small {
            display: block;
            font-size: .95rem;
            color: var(--bo-muted);
            line-height: 1.55
        }

    .bcd-over-page .bcd-over-observations {
        margin: 1.3rem 0 1.6rem;
        border-left: 2px solid #A7BCB1;
        padding-left: 1.15rem
    }

        .bcd-over-page .bcd-over-observations p {
            padding: .05rem 0;
            margin-bottom: .7rem
        }

    .bcd-over-page .bcd-over-say {
        margin: 1.6rem 0 1.8rem;
        display: grid;
        gap: .8rem
    }

        .bcd-over-page .bcd-over-say p {
            margin: 0;
            padding: 1rem 1.2rem;
            border: 1px solid var(--bo-line);
            background: #fff;
            border-radius: 12px;
            font: 500 clamp(1.08rem,1.55vw,1.24rem)/1.55 Georgia,serif;
            color: var(--bo-deep)
        }

    .bcd-over-page .bcd-over-questions {
        background: var(--bo-cream)
    }

    .bcd-over-page .bcd-over-center {
        text-align: center
    }

    .bcd-over-page .bcd-over-intro {
        max-width: 760px;
        margin: 0 auto 2.3rem
    }

    .bcd-over-page .bcd-over-question-grid {
        padding: 0;
        list-style: none;
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 1rem;
        max-width: 1040px;
        margin: 0 auto
    }

        .bcd-over-page .bcd-over-question-grid li {
            padding: clamp(1.25rem,2.5vw,1.85rem);
            border-radius: 13px;
            border: 1px solid var(--bo-line);
            background: #fff;
            min-width: 0
        }

            .bcd-over-page .bcd-over-question-grid li:last-child:nth-child(odd) {
                grid-column: 1/-1;
                max-width: 720px;
                width: 100%;
                justify-self: center
            }

    .bcd-over-page .bcd-over-q-number {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 2.4rem;
        height: 2.4rem;
        border-radius: 8px;
        background: var(--bo-sage);
        font: 500 1.05rem/1 Georgia,serif;
        color: var(--bo-teal);
        margin-bottom: 1rem
    }

    .bcd-over-page .bcd-over-question-grid li p {
        font: 500 clamp(1.16rem,1.8vw,1.42rem)/1.52 Georgia,serif;
        color: var(--bo-deep)
    }

    .bcd-over-page .bcd-over-after-questions {
        margin-top: 2rem
    }

    .bcd-over-page .bcd-over-steps {
        max-width: 1050px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 1.1rem
    }

        .bcd-over-page .bcd-over-steps > div {
            background: rgba(255,255,255,.84);
            border: 1px solid #D2DFD8;
            border-radius: 13px;
            padding: clamp(1.2rem,2vw,1.7rem);
            min-width: 0
        }

    .bcd-over-page .bcd-over-step-number {
        display: block;
        color: #517E73;
        font-weight: 800;
        font-size: .76rem;
        letter-spacing: .12em;
        margin-bottom: .6rem
    }

    .bcd-over-page .bcd-over-steps p {
        color: var(--bo-muted);
        font-size: .98rem;
        line-height: 1.65
    }

    .bcd-over-page .bcd-over-after-steps {
        margin-top: 2rem
    }

    .bcd-over-page .bcd-over-ending {
        background: var(--bo-deep);
        color: #EFF6F0
    }

        .bcd-over-page .bcd-over-ending .bcd-over-kicker {
            color: #C4DED3
        }

        .bcd-over-page .bcd-over-ending h2 {
            color: #fff
        }

    .bcd-over-page .bcd-over-ending-quote {
        margin: 2rem 0;
        padding: 1.3rem 1.6rem;
        border-left: 3px solid #B6D4C8;
        background: rgba(255,255,255,.07);
        border-radius: 0 12px 12px 0
    }

        .bcd-over-page .bcd-over-ending-quote p {
            color: #fff;
            font: 500 clamp(1.2rem,1.9vw,1.62rem)/1.48 Georgia,serif
        }

    .bcd-over-page .bcd-over-footer-links {
        display: flex;
        gap: .75rem;
        flex-wrap: wrap;
        margin-top: 2.3rem
    }

        .bcd-over-page .bcd-over-footer-links a {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            min-height: 44px;
            padding: .65rem 1.1rem;
            background: var(--bo-cream);
            color: var(--bo-deep);
            text-decoration: none;
            border-radius: 999px;
            font-size: .91rem;
            font-weight: 700
        }

            .bcd-over-page .bcd-over-footer-links a:hover {
                background: var(--bo-sage)
            }

@media(max-width:760px) {
    .bcd-over-page .bcd-over-steps {
        grid-template-columns: 1fr
    }

    .bcd-over-page .bcd-over-contrast {
        grid-template-columns: 1fr
    }
}

@media(max-width:620px) {
    .bcd-over-page {
        font-size: 1rem;
        line-height: 1.68
    }

        .bcd-over-page .bcd-over-section {
            padding-block: 2.75rem
        }

        .bcd-over-page .bcd-over-visual {
            padding-block: 0
        }

        .bcd-over-page h1 {
            font-size: clamp(2.25rem,9vw,3rem)
        }

        .bcd-over-page h2 {
            font-size: clamp(1.8rem,7vw,2.3rem)
        }

        .bcd-over-page .bcd-over-question-grid {
            grid-template-columns: 1fr
        }

            .bcd-over-page .bcd-over-question-grid li:last-child:nth-child(odd) {
                grid-column: auto
            }

        .bcd-over-page .bcd-over-quote, .bcd-over-page .bcd-over-ending-quote {
            padding: 1.1rem 1.15rem
        }

        .bcd-over-page .bcd-over-emphasis {
            padding: 1rem 1.15rem
        }

        .bcd-over-page .bcd-over-observations {
            padding-left: .85rem
        }

        .bcd-over-page .bcd-over-figure img {
            border-radius: 10px
        }
}

@media(prefers-reduced-motion:reduce) {
    .bcd-over-page * {
        scroll-behavior: auto !important
    }
}

/* ===========================================================
   BCD — DWIE SCIEZKI: wspolny zestaw 108 reguł
   Nie wymaga żadnych zmian klas w HTML.
   :is() zachowuje dotychczasowa specyficznosc selektorow.
   =========================================================== */
:is(.bcd-individual-page, .bcd-relational-page) {
    --bcd-ink: var(--bcd-color-deep);
    --bcd-teal: var(--bcd-color-teal);
    --bcd-muted: #597470;
    --bcd-sage: var(--bcd-color-sage);
    --bcd-cream: var(--bcd-color-cream);
    --bcd-line: #D9E2DC;
    --bcd-page-white: #FFFFFF;
    font-family: inherit;
    color: var(--bcd-ink);
    line-height: 1.78;
    font-size: 1rem;
    overflow-wrap: break-word;
    overflow-x: clip;
}

.bcd-individual-page *,
.bcd-individual-page *::before,
.bcd-individual-page *::after, .bcd-relational-page *,
.bcd-relational-page *::before,
.bcd-relational-page *::after {
    box-sizing: border-box;
}

:is(.bcd-individual-page .bcd-individual-container, .bcd-relational-page .bcd-relational-container) {
    width: min(100% - 3rem, 1120px);
    margin-inline: auto;
}

:is(.bcd-individual-page .bcd-individual-reading, .bcd-relational-page .bcd-relational-reading) {
    max-width: 800px;
}

:is(.bcd-individual-page h1, .bcd-individual-page h2, .bcd-individual-page h3, .bcd-relational-page h1, .bcd-relational-page h2, .bcd-relational-page h3) {
    color: var(--bcd-ink);
    font-family: Georgia,"Times New Roman",serif;
    font-weight: 400;
    line-height: 1.22;
    margin: 0;
}

:is(.bcd-individual-page p, .bcd-relational-page p) {
    margin: 0 0 1.1rem;
}

:is(.bcd-individual-page p:last-child, .bcd-relational-page p:last-child) {
    margin-bottom: 0;
}

:is(.bcd-individual-page a, .bcd-relational-page a) {
    color: var(--bcd-teal);
    text-underline-offset: .2em;
}

:is(.bcd-individual-page a:focus-visible, .bcd-relational-page a:focus-visible) {
    outline: 3px solid #B88E76;
    outline-offset: 4px;
    border-radius: 4px;
}

:is(.bcd-individual-page .bcd-individual-eyebrow, .bcd-relational-page .bcd-relational-eyebrow) {
    font-family: system-ui,-apple-system,"Segoe UI",sans-serif;
    text-transform: uppercase;
    letter-spacing: .16em;
    font-size: .72rem;
    font-weight: 750;
    color: var(--bcd-teal);
    margin-bottom: 1.15rem;
    line-height: 1.5;
}

:is(.bcd-individual-page .bcd-individual-section, .bcd-relational-page .bcd-relational-section) {
    padding: clamp(3.5rem,6vw,5.8rem) 0;
}

:is(.bcd-individual-page .bcd-individual-hero, .bcd-relational-page .bcd-relational-hero) {
    background: var(--bcd-cream);
    padding: clamp(3.9rem,7.5vw,6.8rem) 0 clamp(3.7rem,6vw,5.2rem);
    text-align: center;
}

:is(.bcd-individual-page .bcd-individual-hero-inner, .bcd-relational-page .bcd-relational-hero-inner) {
    max-width: 940px;
}

:is(.bcd-individual-page .bcd-individual-hero h1, .bcd-relational-page .bcd-relational-hero h1) {
    font-size: clamp(2.5rem,5.2vw,4.2rem);
    letter-spacing: -.025em;
    margin-bottom: .6rem;
}

:is(.bcd-individual-page .bcd-individual-hero-lead, .bcd-relational-page .bcd-relational-hero-lead) {
    font-size: clamp(1rem,2vw,1.28rem);
    color: var(--bcd-teal);
    margin-bottom: 2rem;
}

:is(.bcd-individual-page .bcd-individual-hero-rule, .bcd-relational-page .bcd-relational-hero-rule) {
    width: min(18rem,65%);
    height: 1px;
    background: #C5D6CE;
    margin: 0 auto 2rem;
    position: relative;
}

:is(.bcd-individual-page .bcd-individual-hero-rule span, .bcd-relational-page .bcd-relational-hero-rule span) {
    position: absolute;
    width: 9px;
    height: 9px;
    background: #B88E76;
    border-radius: 50%;
    left: 50%;
    top: -4px;
    transform: translateX(-50%);
}

:is(.bcd-individual-page .bcd-individual-hero-question, .bcd-relational-page .bcd-relational-hero-question) {
    max-width: 740px;
    margin-inline: auto;
    font-family: Georgia,"Times New Roman",serif;
    font-size: clamp(1.22rem,2.6vw,1.7rem);
    color: var(--bcd-teal);
    line-height: 1.55;
}

:is(.bcd-individual-page .bcd-individual-intro, .bcd-relational-page .bcd-relational-intro) {
    background: #fff;
}

:is(.bcd-individual-page .bcd-individual-intro h2, .bcd-relational-page .bcd-relational-intro h2) {
    font-size: clamp(1.8rem,3.4vw,2.55rem);
    margin-bottom: 1.8rem;
}

:is(.bcd-individual-page .bcd-individual-intro-highlight, .bcd-relational-page .bcd-relational-intro-highlight) {
    font-family: Georgia,"Times New Roman",serif;
    font-size: clamp(1.17rem,2.3vw,1.45rem);
    line-height: 1.52;
    color: var(--bcd-teal);
    margin: 2rem 0;
    padding-left: 1.3rem;
    border-left: 3px solid #8AA9A0;
}

:is(.bcd-individual-page .bcd-individual-index, .bcd-relational-page .bcd-relational-index) {
    background: var(--bcd-cream);
    padding: clamp(2.5rem,5vw,3.6rem) 0;
}

:is(.bcd-individual-page .bcd-individual-index .bcd-individual-eyebrow, .bcd-relational-page .bcd-relational-index .bcd-relational-eyebrow) {
    text-align: center;
}

:is(.bcd-individual-page .bcd-individual-index-grid, .bcd-relational-page .bcd-relational-index-grid) {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: .85rem;
}

:is(.bcd-individual-page .bcd-individual-index-link, .bcd-relational-page .bcd-relational-index-link) {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-width: 0;
    min-height: 82px;
    padding: 1.05rem 1.15rem;
    border-radius: 11px;
    background: #fff;
    border: 1px solid #E6E8E4;
    text-decoration: none;
    color: var(--bcd-ink);
    transition: border-color .15s,background-color .15s;
}

:is(.bcd-individual-page .bcd-individual-index-link:hover, .bcd-relational-page .bcd-relational-index-link:hover) {
    border-color: #91AEA5;
    background: #FAFCFB;
    text-decoration: none;
}

:is(.bcd-individual-page .bcd-individual-index-n, .bcd-relational-page .bcd-relational-index-n) {
    font-family: Georgia,"Times New Roman",serif;
    font-size: 1.45rem;
    color: var(--bcd-teal);
}

:is(.bcd-individual-page .bcd-individual-index-name, .bcd-relational-page .bcd-relational-index-name) {
    font-weight: 650;
    font-size: .95rem;
    line-height: 1.3;
}

:is(.bcd-individual-page .bcd-individual-index-arrow, .bcd-relational-page .bcd-relational-index-arrow) {
    margin-left: auto;
    font-size: 1rem;
    color: var(--bcd-muted);
}

:is(.bcd-individual-page .bcd-individual-index-note, .bcd-relational-page .bcd-relational-index-note) {
    max-width: 620px;
    text-align: center;
    color: var(--bcd-muted);
    font-size: .9rem;
    margin: 1.4rem auto 0;
}

:is(.bcd-individual-page .bcd-individual-chapter, .bcd-relational-page .bcd-relational-chapter) {
    padding: clamp(3.5rem,6vw,5.8rem) 0;
    scroll-margin-top: 1.5rem;
}

:is(.bcd-individual-page .bcd-individual-chapter--white, .bcd-relational-page .bcd-relational-chapter--white) {
    background: #fff;
}

:is(.bcd-individual-page .bcd-individual-chapter--sage, .bcd-relational-page .bcd-relational-chapter--sage) {
    background: var(--bcd-sage);
}

:is(.bcd-individual-page .bcd-individual-chapter-heading, .bcd-relational-page .bcd-relational-chapter-heading) {
    display: flex;
    gap: 1.35rem;
    align-items: center;
    max-width: 920px;
    margin: 0 auto 2.5rem;
}

:is(.bcd-individual-page .bcd-individual-chapter-num, .bcd-relational-page .bcd-relational-chapter-num) {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    font-family: Georgia,"Times New Roman",serif;
    font-size: 2.1rem;
    color: var(--bcd-teal);
    width: 80px;
    height: 80px;
    border-radius: 16px;
    background: #F4F7F4;
    border: 1px solid #DCE5DF;
}

:is(.bcd-individual-page .bcd-individual-chapter-heading .bcd-individual-eyebrow, .bcd-relational-page .bcd-relational-chapter-heading .bcd-relational-eyebrow) {
    margin-bottom: .3rem;
}

:is(.bcd-individual-page .bcd-individual-chapter-heading h2, .bcd-relational-page .bcd-relational-chapter-heading h2) {
    font-size: clamp(2rem,3.6vw,2.75rem);
}

:is(.bcd-individual-page .bcd-individual-chapter-subtitle, .bcd-relational-page .bcd-relational-chapter-subtitle) {
    color: var(--bcd-teal);
    font-family: Georgia,"Times New Roman",serif;
    font-style: italic;
    font-size: clamp(1rem,1.8vw,1.23rem);
    margin-top: .55rem;
}

:is(.bcd-individual-page .bcd-individual-chapter-content, .bcd-relational-page .bcd-relational-chapter-content) {
    margin-inline: auto;
}

:is(.bcd-individual-page .bcd-individual-chapter-content h3, .bcd-relational-page .bcd-relational-chapter-content h3) {
    font-size: clamp(1.35rem,2.5vw,1.8rem);
    margin: 2.4rem 0 1.15rem;
}

:is(.bcd-individual-page .bcd-individual-key, .bcd-relational-page .bcd-relational-key) {
    font-family: Georgia,"Times New Roman",serif;
    font-size: clamp(1.2rem,2.3vw,1.5rem);
    line-height: 1.5;
    color: var(--bcd-teal);
    padding: 1.15rem 1.4rem;
    margin: 2rem 0 !important;
    background: rgba(255,255,255,.64);
    border-left: 3px solid #7EAA9D;
}

:is(.bcd-individual-page .bcd-individual-reflection, .bcd-relational-page .bcd-relational-reflection) {
    max-width: 940px;
    margin: 3.3rem auto 0;
}

:is(.bcd-individual-page .bcd-individual-reflection-heading, .bcd-relational-page .bcd-relational-reflection-heading) {
    text-align: center;
    margin-bottom: 1.4rem;
}

:is(.bcd-individual-page .bcd-individual-reflection-heading .bcd-individual-eyebrow, .bcd-relational-page .bcd-relational-reflection-heading .bcd-relational-eyebrow) {
    display: block;
    margin-bottom: .35rem;
}

:is(.bcd-individual-page .bcd-individual-reflection-heading h3, .bcd-relational-page .bcd-relational-reflection-heading h3) {
    font-size: clamp(1.55rem,2.8vw,2.1rem);
}

:is(.bcd-individual-page .bcd-individual-question-grid, .bcd-relational-page .bcd-relational-question-grid) {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: .8rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

:is(.bcd-individual-page .bcd-individual-question, .bcd-relational-page .bcd-relational-question) {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    background: var(--bcd-cream);
    border: 1px solid #E4E9E3;
    border-radius: 11px;
    padding: 1.2rem 1.2rem 1.25rem;
    font-family: Georgia,"Times New Roman",serif;
    font-size: 1.08rem;
    line-height: 1.5;
}

:is(.bcd-individual-page .bcd-individual-chapter--sage .bcd-individual-question, .bcd-relational-page .bcd-relational-chapter--sage .bcd-relational-question) {
    background: #fff;
}

:is(.bcd-individual-page .bcd-individual-question:last-child:nth-child(odd), .bcd-relational-page .bcd-relational-question:last-child:nth-child(odd)) {
    grid-column: 1/-1;
}

:is(.bcd-individual-page .bcd-individual-question-n, .bcd-relational-page .bcd-relational-question-n) {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .15rem .45rem;
    min-width: 2rem;
    border-radius: 6px;
    background: var(--bcd-sage);
    color: var(--bcd-teal);
    font-family: system-ui,-apple-system,"Segoe UI",sans-serif;
    font-size: .76rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

:is(.bcd-individual-page .bcd-individual-thought, .bcd-relational-page .bcd-relational-thought) {
    max-width: 940px;
    margin: 2rem auto 0;
    padding: 2rem clamp(1.4rem,4vw,2.6rem);
    background: var(--bcd-ink);
    color: #fff;
    border-radius: 12px;
    text-align: center;
}

:is(.bcd-individual-page .bcd-individual-thought-label, .bcd-relational-page .bcd-relational-thought-label) {
    font-family: system-ui,-apple-system,"Segoe UI",sans-serif;
    color: #BFD5CD;
    letter-spacing: .16em;
    font-size: .67rem;
    font-weight: 750;
    margin-bottom: .8rem;
}

:is(.bcd-individual-page .bcd-individual-thought p:last-child, .bcd-relational-page .bcd-relational-thought p:last-child) {
    font-family: Georgia,"Times New Roman",serif;
    font-size: clamp(1.14rem,2vw,1.4rem);
    line-height: 1.55;
    color: #fff;
}

:is(.bcd-individual-page .bcd-individual-return, .bcd-relational-page .bcd-relational-return) {
    max-width: 940px;
    margin: 1.3rem auto 0 !important;
    text-align: right;
    font-size: .85rem;
}

:is(.bcd-individual-page .bcd-individual-practice, .bcd-relational-page .bcd-relational-practice) {
    background: #fff;
}

:is(.bcd-individual-page .bcd-individual-centered-heading, .bcd-relational-page .bcd-relational-centered-heading) {
    max-width: 810px;
    margin: 0 auto 2.35rem;
    text-align: center;
}

:is(.bcd-individual-page .bcd-individual-centered-heading h2, .bcd-relational-page .bcd-relational-centered-heading h2) {
    font-size: clamp(2rem,3.7vw,2.8rem);
    margin-bottom: 1.1rem;
}

:is(.bcd-individual-page .bcd-individual-centered-heading p:not(.bcd-individual-eyebrow), .bcd-relational-page .bcd-relational-centered-heading p:not(.bcd-relational-eyebrow)) {
    color: var(--bcd-muted);
}

:is(.bcd-individual-page .bcd-individual-steps, .bcd-relational-page .bcd-relational-steps) {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 1rem;
}

:is(.bcd-individual-page .bcd-individual-step, .bcd-relational-page .bcd-relational-step) {
    background: var(--bcd-cream);
    padding: 1.75rem 1.5rem;
    border-radius: 12px;
    min-width: 0;
}

:is(.bcd-individual-page .bcd-individual-step-n, .bcd-relational-page .bcd-relational-step-n) {
    display: block;
    color: var(--bcd-teal);
    font-size: .75rem;
    font-weight: 750;
    letter-spacing: .14em;
    margin-bottom: .5rem;
}

:is(.bcd-individual-page .bcd-individual-step h3, .bcd-relational-page .bcd-relational-step h3) {
    font-size: 1.65rem;
    margin-bottom: .85rem;
}

:is(.bcd-individual-page .bcd-individual-step p, .bcd-relational-page .bcd-relational-step p) {
    font-size: .93rem;
    line-height: 1.72;
}

:is(.bcd-individual-page .bcd-individual-map, .bcd-relational-page .bcd-relational-map) {
    background: var(--bcd-sage);
}

:is(.bcd-individual-page .bcd-individual-map-grid, .bcd-relational-page .bcd-relational-map-grid) {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 1rem;
}

:is(.bcd-individual-page .bcd-individual-map-item, .bcd-relational-page .bcd-relational-map-item) {
    background: #fff;
    padding: 1.6rem 1.4rem 1.9rem;
    border-radius: 12px;
    min-width: 0;
}

:is(.bcd-individual-page .bcd-individual-map-item span, .bcd-relational-page .bcd-relational-map-item span) {
    display: block;
    color: var(--bcd-teal);
    font-size: .74rem;
    font-weight: 750;
    letter-spacing: .12em;
    margin-bottom: .75rem;
}

:is(.bcd-individual-page .bcd-individual-map-item h3, .bcd-relational-page .bcd-relational-map-item h3) {
    font-size: 1.35rem;
    margin-bottom: .7rem;
}

:is(.bcd-individual-page .bcd-individual-map-item p, .bcd-relational-page .bcd-relational-map-item p) {
    font-size: .95rem;
    color: #405C57;
}

:is(.bcd-individual-page .bcd-individual-map-note, .bcd-relational-page .bcd-relational-map-note) {
    text-align: center;
    max-width: 720px;
    margin: 2rem auto 0 !important;
}

:is(.bcd-individual-page .bcd-individual-closing, .bcd-relational-page .bcd-relational-closing) {
    background: var(--bcd-ink);
    color: #fff;
    text-align: center;
    padding: clamp(3.7rem,7vw,6rem) 0;
}

:is(.bcd-individual-page .bcd-individual-closing .bcd-individual-container, .bcd-relational-page .bcd-relational-closing .bcd-relational-container) {
    max-width: 900px;
}

:is(.bcd-individual-page .bcd-individual-closing h2, .bcd-relational-page .bcd-relational-closing h2) {
    color: #fff;
    font-size: clamp(2rem,4vw,3rem);
    margin-bottom: 1.2rem;
}

:is(.bcd-individual-page .bcd-individual-closing .bcd-individual-eyebrow, .bcd-relational-page .bcd-relational-closing .bcd-relational-eyebrow) {
    color: #BAD2CA;
}

:is(.bcd-individual-page .bcd-individual-closing p, .bcd-relational-page .bcd-relational-closing p) {
    color: #F0F4F1;
}

:is(.bcd-individual-page .bcd-individual-pillars, .bcd-relational-page .bcd-relational-pillars) {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: .9rem;
    margin: 2rem 0;
    text-align: left;
}

:is(.bcd-individual-page .bcd-individual-pillars > div, .bcd-relational-page .bcd-relational-pillars > div) {
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 10px;
    padding: 1.3rem 1.1rem;
}

:is(.bcd-individual-page .bcd-individual-pillars span, .bcd-relational-page .bcd-relational-pillars span) {
    display: block;
    font-family: Georgia,"Times New Roman",serif;
    font-size: 2rem;
    margin-bottom: .3rem;
    color: #D5E6DD;
}

:is(.bcd-individual-page .bcd-individual-pillars p, .bcd-relational-page .bcd-relational-pillars p) {
    font-size: .9rem;
    line-height: 1.55;
}

:is(.bcd-individual-page .bcd-individual-motto, .bcd-relational-page .bcd-relational-motto) {
    font-family: Georgia,"Times New Roman",serif;
    font-size: clamp(1.3rem,2.5vw,1.85rem);
    line-height: 1.55;
    color: #fff !important;
    margin: 2rem 0 !important;
}

:is(.bcd-individual-page .bcd-individual-closing-highlight, .bcd-relational-page .bcd-relational-closing-highlight) {
    font-family: Georgia,"Times New Roman",serif;
    font-size: 1.5rem;
    color: #E0EAE4 !important;
    margin: 1.5rem 0 !important;
}

:is(.bcd-individual-page .bcd-individual-final-question, .bcd-relational-page .bcd-relational-final-question) {
    font-family: Georgia,"Times New Roman",serif;
    font-size: clamp(1.2rem,2.2vw,1.6rem);
    line-height: 1.52;
    margin: 1.8rem auto 0 !important;
    max-width: 750px;
    color: #fff !important;
}

:is(.bcd-individual-page .bcd-individual-actions, .bcd-relational-page .bcd-relational-actions) {
    display: flex;
    gap: .8rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 2.25rem;
}

:is(.bcd-individual-page .bcd-individual-button, .bcd-relational-page .bcd-relational-button) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 43px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 50px;
    color: var(--bcd-ink);
    text-decoration: none;
    padding: .6rem 1.4rem;
    font-weight: 700;
    font-size: .86rem;
    line-height: 1.3;
}

:is(.bcd-individual-page .bcd-individual-button:hover, .bcd-relational-page .bcd-relational-button:hover) {
    background: #E0EAE4;
    color: var(--bcd-ink);
    text-decoration: none;
}

:is(.bcd-individual-page .bcd-individual-button--light, .bcd-relational-page .bcd-relational-button--light) {
    background: transparent;
    color: #fff;
}

:is(.bcd-individual-page .bcd-individual-button--light:hover, .bcd-relational-page .bcd-relational-button--light:hover) {
    background: rgba(255,255,255,.12);
    color: #fff;
}

@media (max-width:900px) {
    :is(.bcd-individual-page .bcd-individual-index-grid, .bcd-relational-page .bcd-relational-index-grid) {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    :is(.bcd-individual-page .bcd-individual-map-grid, .bcd-relational-page .bcd-relational-map-grid) {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width:700px) {
    :is(.bcd-individual-page .bcd-individual-container, .bcd-relational-page .bcd-relational-container) {
        width: min(100% - 2rem,1120px);
    }

    :is(.bcd-individual-page .bcd-individual-chapter-heading, .bcd-relational-page .bcd-relational-chapter-heading) {
        gap: .9rem;
        align-items: flex-start;
    }

    :is(.bcd-individual-page .bcd-individual-chapter-num, .bcd-relational-page .bcd-relational-chapter-num) {
        width: 62px;
        height: 62px;
        font-size: 1.7rem;
        border-radius: 12px;
    }

    :is(.bcd-individual-page .bcd-individual-question-grid, .bcd-relational-page .bcd-relational-question-grid) {
        grid-template-columns: 1fr;
    }

    :is(.bcd-individual-page .bcd-individual-question:last-child:nth-child(odd), .bcd-relational-page .bcd-relational-question:last-child:nth-child(odd)) {
        grid-column: auto;
    }

    :is(.bcd-individual-page .bcd-individual-steps, .bcd-relational-page .bcd-relational-steps) {
        grid-template-columns: 1fr;
    }

    :is(.bcd-individual-page .bcd-individual-pillars, .bcd-relational-page .bcd-relational-pillars) {
        grid-template-columns: 1fr;
    }

    :is(.bcd-individual-page .bcd-individual-chapter-content h3, .bcd-relational-page .bcd-relational-chapter-content h3) {
        margin-top: 2rem;
    }
}

@media (max-width:440px) {
    :is(.bcd-individual-page .bcd-individual-container, .bcd-relational-page .bcd-relational-container) {
        width: min(100% - 1.5rem,1120px);
    }

    :is(.bcd-individual-page .bcd-individual-index-grid, .bcd-individual-page .bcd-individual-map-grid, .bcd-relational-page .bcd-relational-index-grid, .bcd-relational-page .bcd-relational-map-grid) {
        grid-template-columns: 1fr;
    }

    :is(.bcd-individual-page .bcd-individual-index-link, .bcd-relational-page .bcd-relational-index-link) {
        min-height: 66px;
    }

    :is(.bcd-individual-page .bcd-individual-chapter-heading, .bcd-relational-page .bcd-relational-chapter-heading) {
        gap: .7rem;
    }

    :is(.bcd-individual-page .bcd-individual-chapter-num, .bcd-relational-page .bcd-relational-chapter-num) {
        width: 52px;
        height: 52px;
        font-size: 1.45rem;
    }

    :is(.bcd-individual-page .bcd-individual-chapter-heading h2, .bcd-relational-page .bcd-relational-chapter-heading h2) {
        font-size: 1.75rem;
    }

    :is(.bcd-individual-page .bcd-individual-question, .bcd-relational-page .bcd-relational-question) {
        padding: 1rem;
        font-size: 1.02rem;
    }

    :is(.bcd-individual-page .bcd-individual-map-item, .bcd-relational-page .bcd-relational-map-item) {
        padding: 1.3rem;
    }

    :is(.bcd-individual-page .bcd-individual-actions, .bcd-relational-page .bcd-relational-actions) {
        flex-direction: column;
    }

    :is(.bcd-individual-page .bcd-individual-button, .bcd-relational-page .bcd-relational-button) {
        width: 100%;
    }
}

@media (prefers-reduced-motion:reduce) {
    :is(.bcd-individual-page .bcd-individual-index-link, .bcd-relational-page .bcd-relational-index-link) {
        transition: none;
    }
}

/* Sciezka relacyjna: wyłącznie dodatkowe reguly zakończenia */
.bcd-relational-page .bcd-relational-final-reading {
    max-width: 800px;
    margin: 2rem auto 3rem;
    text-align: left;
}

    .bcd-relational-page .bcd-relational-final-reading p {
        color: #E9F2ED;
        font-size: 1rem;
        line-height: 1.82;
    }

    .bcd-relational-page .bcd-relational-final-reading h3 {
        color: #fff;
        font-size: clamp(1.3rem,2.4vw,1.7rem);
        margin: 2.3rem 0 1rem;
    }

    .bcd-relational-page .bcd-relational-final-reading .bcd-relational-key {
        color: #fff;
        background: rgba(255,255,255,.1);
        border-left: 3px solid #B88E76;
        padding: 1.2rem;
        font-family: Georgia,"Times New Roman",serif;
        font-size: clamp(1.2rem,2.2vw,1.55rem);
    }

    .bcd-relational-page .bcd-relational-final-reading strong {
        color: #fff;
    }

.bcd-relational-page .bcd-relational-final-conclusion {
    max-width: 800px;
    margin: 0 auto;
    border-top: 1px solid rgba(255,255,255,.3);
    padding-top: 2.5rem;
    text-align: center;
}

    .bcd-relational-page .bcd-relational-final-conclusion p {
        color: #E9F2ED;
    }

    .bcd-relational-page .bcd-relational-final-conclusion .bcd-relational-final-question {
        color: #fff;
        font: 400 clamp(1.35rem,2.8vw,2rem)/1.45 Georgia,"Times New Roman",serif;
        padding: 1.5rem 0;
    }

    .bcd-relational-page .bcd-relational-final-conclusion .bcd-relational-final-line {
        color: #fff;
        font: 400 clamp(1.15rem,2vw,1.45rem)/1.5 Georgia,"Times New Roman",serif;
        margin-top: 1.5rem;
    }

.bcd-relational-page .bcd-relational-map-question {
    font-family: Georgia,"Times New Roman",serif;
    font-size: 1.05rem !important;
    color: var(--bcd-ink) !important;
    font-weight: 600;
}

.bcd-relational-page .bcd-relational-step {
    overflow-wrap: anywhere;
}

@media (max-width:700px) {
    .bcd-relational-page .bcd-relational-final-reading {
        margin-top: 1.5rem;
    }
}

.bcd-about-page .bcd-about-contact {
    margin-top: 1.75rem;
    padding-top: 1.25rem;
    border-top: 1px solid #D9E2DC;
}

.bcd-about-page .bcd-about-contact p {
    margin-bottom: 0.65rem;
}

.bcd-about-page .bcd-about-contact p:first-child {
    color: #586965;
    margin-bottom: 1rem;
}

.bcd-about-page .bcd-about-contact a {
    color: #315E60;
    text-underline-offset: 3px;
}


/* =====================================
   BCD — FOOTER
   ===================================== */

/* =====================================
   BCD — FOOTER
   ===================================== */

.container-footer {
    background: #203B3A;
    background-image: none;
    box-shadow: none;
}

.container-footer .grid-child {
    padding: 0.75rem 0.5rem;
}

.bcd-footer {
    width: 100%;
    text-align: center;
    padding: 0;
}

.bcd-footer p {
    margin: 0;
    color: #D3E2DB;
    font-size: 0.78rem;
    line-height: 1.7;
    letter-spacing: 0.015em;
}

.bcd-footer a {
    color: #E0EAE4;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.bcd-footer a:hover {
    color: #FFFFFF;
}

.bcd-footer-separator {
    margin: 0 0.35rem;
    opacity: 0.65;
}

@media (max-width: 575.98px) {
    .bcd-footer {
        padding: 0.5rem 0.25rem;
    }

    .bcd-footer p {
        font-size: 0.72rem;
    }
}

.bcd-nervous-page {
    --bn-deep: var(--bcd-color-deep, #203B3A);
    --bn-teal: var(--bcd-color-teal, #315E60);
    --bn-sage: var(--bcd-color-sage, #E0EAE4);
    --bn-cream: var(--bcd-color-cream, #F6F3ED);
    --bn-ink: var(--bcd-color-ink, #293D3C);
    --bn-muted: var(--bcd-color-muted, #586965);
    --bn-line: #DCE5DF;
    --bn-serif: var(--bcd-font-display, Georgia, 'Times New Roman', serif);
    color: var(--bn-ink);
    font-size: 1.0625rem;
    line-height: 1.75;
    overflow-wrap: break-word;
}

.bcd-nervous-page,
.bcd-nervous-page *,
.bcd-nervous-page *::before,
.bcd-nervous-page *::after { box-sizing: border-box; }

.bcd-nervous-page h1,
.bcd-nervous-page h2,
.bcd-nervous-page h3 {
    font-family: var(--bn-serif);
    font-weight: 500;
    letter-spacing: -.025em;
    line-height: 1.17;
    color: inherit;
}
.bcd-nervous-page h1 { font-size: clamp(2.4rem, 5vw, 4.55rem); margin: 0 0 1.4rem; }
.bcd-nervous-page h2 { font-size: clamp(1.95rem, 3.2vw, 3.08rem); margin: 0 0 1.55rem; }
.bcd-nervous-page h3 { font-size: clamp(1.3rem, 1.8vw, 1.65rem); margin: 0 0 .75rem; }
.bcd-nervous-page p { margin: 0 0 1.17rem; }
.bcd-nervous-page p:last-child { margin-bottom: 0; }
.bcd-nervous-page strong { font-weight: 700; }
.bcd-nervous-page a { color: var(--bn-teal); }
.bcd-nervous-page a:focus-visible { outline: 3px solid #B88E76; outline-offset: 4px; }

.bcd-nervous-page .bcd-nervous-section {
    padding-block: clamp(3.3rem, 5.5vw, 5.35rem);
    scroll-margin-top: 6rem;
}
.bcd-nervous-page .bcd-nervous-container {
    width: 100%;
    max-width: var(--bcd-page-width, 1180px);
    margin-inline: auto;
    padding-inline: clamp(1.2rem, 4vw, 2.5rem);
}
.bcd-nervous-page .bcd-nervous-prose {
    max-width: var(--bcd-reading-width, 760px);
    margin-inline: auto;
}
.bcd-nervous-page .bcd-nervous-kicker {
    margin: 0 0 1rem;
    font: 750 .73rem/1.55 system-ui, 'Segoe UI', sans-serif;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #47776E;
}
.bcd-nervous-page .bcd-nervous-section--sage { background: var(--bn-sage); }
.bcd-nervous-page .bcd-nervous-section--cream { background: var(--bn-cream); }

/* Wejście: ciepłe tło, delikatny gradient i czytelna kolumna tekstu */
.bcd-nervous-page .bcd-nervous-hero {
    background: linear-gradient(180deg, var(--bn-cream) 0%, #FFFFFF 100%);
    padding-block: clamp(3.4rem, 6vw, 6rem) clamp(3.5rem, 5vw, 5rem);
}
.bcd-nervous-page .bcd-nervous-hero-copy { max-width: 790px; }
.bcd-nervous-page .bcd-nervous-lead {
    font: 500 clamp(1.25rem, 2.2vw, 1.75rem)/1.5 var(--bn-serif);
    color: var(--bn-teal);
    margin: 0 0 2.4rem;
}

/* Wyróżnienia: dwa odrębne natężenia bez ciężkich ramek */
.bcd-nervous-page .bcd-nervous-quote {
    border-left: 3px solid #80A79B;
    border-radius: 0 11px 11px 0;
    background: #EFF4EF;
    margin: 1.9rem 0;
    padding: 1.15rem 1.6rem;
}
.bcd-nervous-page .bcd-nervous-quote p {
    font: 500 clamp(1.17rem, 1.8vw, 1.48rem)/1.55 var(--bn-serif);
    color: var(--bn-deep);
    margin: 0;
}
.bcd-nervous-page .bcd-nervous-quote--voices p { font-size: clamp(1.12rem, 1.55vw, 1.3rem); }
.bcd-nervous-page .bcd-nervous-quote--voices p + p { margin-top: .55rem; }
.bcd-nervous-page .bcd-nervous-emphasis {
    background: rgba(224, 234, 228, .65);
    border-left: 4px solid #658E82;
    border-radius: 0 10px 10px 0;
    padding: 1.15rem 1.45rem;
    margin: 2rem 0;
    font: 500 clamp(1.16rem, 1.85vw, 1.48rem)/1.55 var(--bn-serif);
    color: var(--bn-deep);
}
.bcd-nervous-page .bcd-nervous-section--sage .bcd-nervous-emphasis {
    background: rgba(255, 255, 255, .72);
}
.bcd-nervous-page .bcd-nervous-standout {
    font: 500 clamp(1.22rem, 2.1vw, 1.65rem)/1.5 var(--bn-serif);
    color: var(--bn-teal);
    margin: 2.3rem 0 0;
}

/* Dwie różne reakcje — układ porównawczy, bez wartościowania */
.bcd-nervous-page .bcd-nervous-pair {
    max-width: 960px;
    margin: 1.75rem auto 2rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.15rem;
}
.bcd-nervous-page .bcd-nervous-pair-card {
    background: #FBFCFA;
    border: 1px solid #CFDDD4;
    border-radius: 14px;
    padding: clamp(1.3rem, 2.4vw, 2rem);
    min-width: 0;
}
.bcd-nervous-page .bcd-nervous-card-label {
    font: 750 .72rem/1.5 system-ui, sans-serif;
    color: #4F7F73;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: .75rem;
}
.bcd-nervous-page .bcd-nervous-pair-card p:last-child { color: var(--bn-muted); }

/* Pytania o sygnały z ciała — niewielkie karty w dwóch kolumnach */
.bcd-nervous-page .bcd-nervous-question-grid {
    max-width: 960px;
    margin: 1.7rem auto 2rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}
.bcd-nervous-page .bcd-nervous-question {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    border: 1px solid var(--bn-line);
    border-radius: 12px;
    background: #F8FAF7;
    padding: 1.3rem;
}
.bcd-nervous-page .bcd-nervous-question span {
    color: #548175;
    font: 750 .85rem/1.6 system-ui, sans-serif;
    white-space: nowrap;
}
.bcd-nervous-page .bcd-nervous-question p { margin: 0; }

/* Zobacz / Zrozum / Wybierz */
.bcd-nervous-page .bcd-nervous-process {
    background: #F7F9F6;
}
.bcd-nervous-page .bcd-nervous-centered { text-align: center; }
.bcd-nervous-page .bcd-nervous-process-grid {
    margin: 2.5rem auto 2.2rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.1rem;
}
.bcd-nervous-page .bcd-nervous-process-card {
    background: #FFFFFF;
    border: 1px solid var(--bn-line);
    border-radius: 14px;
    padding: clamp(1.35rem, 2vw, 1.9rem);
    min-width: 0;
}
.bcd-nervous-page .bcd-nervous-process-number {
    display: inline-block;
    font: 750 .78rem/1.4 system-ui, sans-serif;
    color: #5A8479;
    letter-spacing: .12em;
    margin-bottom: .8rem;
}
.bcd-nervous-page .bcd-nervous-process-card h3 { color: var(--bn-teal); }
.bcd-nervous-page .bcd-nervous-process-card p { font-size: .97rem; line-height: 1.7; }

/* Ciemne zamknięcie — spójność z końcowymi sekcjami BCD */
.bcd-nervous-page .bcd-nervous-ending {
    background: var(--bn-deep);
    color: #F5FAF7;
}
.bcd-nervous-page .bcd-nervous-ending .bcd-nervous-kicker { color: #C5E0D6; }
.bcd-nervous-page .bcd-nervous-ending h2 { color: #FFFFFF; }
.bcd-nervous-page .bcd-nervous-ending p { color: #E6F0EB; }
.bcd-nervous-page .bcd-nervous-ending-quote {
    margin: 2.5rem 0;
    padding: 1.5rem 0;
    border: 0;
    border-top: 1px solid rgba(221, 240, 230, .35);
    border-bottom: 1px solid rgba(221, 240, 230, .35);
}
.bcd-nervous-page .bcd-nervous-ending-quote p {
    font: 500 clamp(1.25rem, 2.1vw, 1.73rem)/1.5 var(--bn-serif);
    color: #FFFFFF;
}

@media (max-width: 900px) {
    .bcd-nervous-page .bcd-nervous-process-grid { grid-template-columns: 1fr; max-width: 720px; }
    .bcd-nervous-page .bcd-nervous-process-card { padding: 1.5rem; }
}

@media (max-width: 620px) {
    .bcd-nervous-page { font-size: 1rem; line-height: 1.72; }
    .bcd-nervous-page .bcd-nervous-section { padding-block: 3rem; scroll-margin-top: 5rem; }
    .bcd-nervous-page .bcd-nervous-hero { padding-block: 3.2rem; }
    .bcd-nervous-page .bcd-nervous-container { padding-inline: 1.1rem; }
    .bcd-nervous-page h1 { font-size: clamp(2.12rem, 9.5vw, 2.95rem); }
    .bcd-nervous-page h2 { font-size: clamp(1.75rem, 7.1vw, 2.15rem); margin-bottom: 1.2rem; }
    .bcd-nervous-page .bcd-nervous-lead { font-size: 1.23rem; margin-bottom: 1.6rem; }
    .bcd-nervous-page .bcd-nervous-pair,
    .bcd-nervous-page .bcd-nervous-question-grid { grid-template-columns: 1fr; gap: .75rem; }
    .bcd-nervous-page .bcd-nervous-quote,
    .bcd-nervous-page .bcd-nervous-emphasis { padding: 1rem 1.1rem; }
    .bcd-nervous-page .bcd-nervous-question { padding: 1.1rem; }
    .bcd-nervous-page .bcd-nervous-process-card { padding: 1.25rem; }
}

.bcd-home .bcd-awareness-invite {
    width: calc(100% - 2 * clamp(1rem, 2vw, 1.5rem));
    max-width: 1132px;
    margin: 2.5rem auto 0;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    background: var(--bcd-cream);
    border: 1px solid #E4E9E3;
    border-radius: 14px;
}

.bcd-home .bcd-awareness-invite .bcd-kicker {
    margin-bottom: 0.7rem;
}

.bcd-home .bcd-awareness-invite h3 {
    font-size: clamp(1.5rem, 2.2vw, 2rem);
    margin-bottom: 0.9rem;
}

.bcd-home .bcd-awareness-invite p:not(.bcd-kicker) {
    max-width: 780px;
    color: var(--bcd-muted);
    margin-bottom: 1.2rem;
}

.bcd-home .bcd-awareness-invite .bcd-text-link {
    display: inline-block;
}

@media (max-width: 767.98px) {
    .bcd-home .bcd-awareness-invite {
        margin-top: 1.75rem;
        padding: 1.5rem;
    }
}

@media (max-width: 991.98px) {

    .container-header .mod-menu .mm-collapse {
        left: auto;
        right: 0;
    }

}