.landing-breadcrumbs__wrap {
    max-width: var(--max-width);
    margin: 1rem auto 0;
    padding: 0 var(--s5);
}

.landing-breadcrumbs__wrap--wide {
    max-width: var(--max-width);
}

.landing-breadcrumbs__wrap--footer {
    margin: 0 auto;
    padding: var(--s6) var(--s5) var(--s9);
}

.landing-breadcrumbs__wrap--footer .landing-breadcrumbs {
    justify-content: center;
}

.landing-breadcrumbs__wrap--footer .landing-breadcrumbs__updated {
    text-align: center;
}

.landing-breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--s2);
    color: var(--input-gray);
    font-size: var(--text-sm);
}

.landing-breadcrumbs a {
    color: var(--primary);
    text-decoration: none;
}

.landing-breadcrumbs a:hover,
.landing-breadcrumbs a:focus-visible {
    color: var(--accent-blue);
    text-decoration: underline;
    text-underline-offset: 0.16em;
    text-decoration-thickness: 0.08em;
}

.landing-breadcrumbs__sep {
    color: var(--gray-placeholder);
}

.landing-breadcrumbs__updated {
    color: var(--input-gray);
    font-size: var(--text-sm);
    margin-top: var(--s2);
}

.cluster-intro {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--s4);
}

.cluster-intro .section__highlight {
    align-self: flex-start;
    text-align: left;
}

.cluster-intro .section__title,
.cluster-intro .section__text {
    text-align: left;
}

.cluster-intro .section__title {
    width: 100%;
    margin: 0;
}

.cluster-intro .section__text {
    margin: 0;
}

.cluster-quick-answer {
    width: 100%;
    padding: var(--s4) var(--s5);
    border: var(--border-2);
    border-left: 4px solid var(--primary);
    border-radius: var(--r2);
    box-shadow: none;
    background: white;
    color: var(--primary);
}

.cluster-quick-answer__label {
    font-size: var(--text-sm);
    font-weight: 700;
    color: var(--primary);
    margin-bottom: var(--s3);
}

.cluster-quick-answer ul,
.cluster-mini-list,
.cluster-related__list {
    display: grid;
    gap: var(--s2);
    padding-left: 1.1rem;
    line-height: 1.6;
    color: var(--primary);
}

.cluster-quick-answer ul {
    margin: 0;
}

.cluster-mini-list {
    margin-top: var(--s3);
}

.cluster-related {
    width: 100%;
    margin-top: var(--s5);
    padding: var(--s5);
    border: var(--border);
    border-radius: var(--r2);
    background: var(--white);
    box-shadow: none;
}

.cluster-related__title {
    margin-bottom: var(--s2);
    color: var(--primary);
}

.cluster-related__text {
    margin-bottom: var(--s3);
    text-align: left;
    color: var(--input-gray);
}

.cluster-soft-cta {
    width: 100%;
    margin-top: var(--s5);
    padding: var(--s5);
    border: 1px solid var(--primary);
    border-radius: var(--r2);
    background: var(--accent-blue-light);
}

.cluster-soft-cta p {
    text-align: left;
    line-height: 1.6;
    margin-bottom: var(--s3);
}

.cluster-soft-cta--brand {
    border: 1px solid var(--primary);
    background: linear-gradient(135deg, var(--accent-blue-light) 0%, var(--white) 100%);
    box-shadow: var(--shadow3);
}

.cluster-soft-cta__eyebrow {
    display: inline-block;
    margin: 0 0 var(--s2) 0;
    padding: 0.2rem 0.6rem;
    border-radius: var(--r-pill);
    background: var(--primary);
    color: var(--white);
    font-size: var(--text-xs);
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.cluster-toc {
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 var(--s4);
}

.cluster-toc__box {
    background: linear-gradient(180deg, var(--white) 0%, var(--accent-blue-light) 240%);
    border: var(--border-2);
    border-radius: var(--r2);
    box-shadow: var(--shadow3);
    padding: var(--s5);
}

.cluster-toc__label {
    font-size: var(--text-sm);
    font-weight: 700;
    color: var(--primary);
    margin-bottom: var(--s3);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.cluster-toc__list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s3);
}

.cluster-toc__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--s2) var(--s4);
    border: 1px solid var(--border-2);
    border-radius: var(--r-button);
    background: transparent;
    color: var(--primary);
    font-size: var(--text-sm);
    font-weight: 600;
}

.cluster-toc__link:hover,
.cluster-toc__link:focus-visible {
    color: var(--primary);
    border-color: var(--primary);
    background: var(--white);
}

.cluster-split {
    width: 100%;
    display: grid;
    gap: var(--s6);
    align-items: center;
}

.cluster-visual {
    width: 100%;
    max-width: 23rem;
    margin: 0 auto;
    background: var(--white);
    border: var(--border-2);
    border-radius: var(--r2);
    box-shadow: var(--shadow3);
    overflow: hidden;
}

.cluster-visual img {
    display: block;
    width: 100%;
    height: auto;
}

.cluster-visual figcaption {
    padding: var(--s3) var(--s4);
    font-size: var(--text-sm);
    line-height: 1.45;
    color: var(--input-gray);
    text-align: left;
}

.cluster-note {
    width: 100%;
    margin-top: var(--s5);
    padding: var(--s4);
    border: 1px solid var(--primary);
    border-radius: var(--r2);
    background: var(--accent-blue-light);
}

.cluster-note p {
    text-align: left;
    line-height: 1.6;
}

.cluster-list {
    width: 100%;
    margin-top: var(--s4);
    display: grid;
    gap: var(--s4);
}

.cluster-list li {
    background: var(--bg);
    border: var(--border-2);
    border-radius: var(--r2);
    box-shadow: var(--shadow3);
    padding: var(--s4) var(--s5);
    color: var(--primary);
    line-height: 1.6;
}

.cluster-list strong {
    display: block;
    margin-bottom: var(--s2);
}

.cluster-step-list {
    width: 100%;
    display: grid;
    gap: var(--s4);
    margin-top: var(--s5);
}

.cluster-step-list li {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--s4);
    align-items: start;
    background: var(--bg);
    border: var(--border-2);
    border-radius: var(--r2);
    box-shadow: var(--shadow3);
    padding: var(--s4) var(--s5);
}

.cluster-step-number {
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--accent-blue);
    color: var(--white);
    font-weight: 700;
    font-size: var(--text-sm);
}

.cluster-step-copy h3,
.cluster-focus-copy h3 {
    margin-bottom: var(--s2);
}

.cluster-step-copy p,
.cluster-focus-copy p {
    text-align: left;
    line-height: 1.6;
}

.cluster-focus-stack {
    width: 100%;
    display: grid;
    gap: var(--s5);
    margin-top: var(--s5);
}

.cluster-focus-block {
    display: grid;
    gap: var(--s5);
    align-items: center;
    background: var(--bg);
    border: var(--border-2);
    border-radius: var(--r2);
    box-shadow: var(--shadow3);
    padding: var(--s5);
}

.cluster-focus-copy {
    display: grid;
    gap: var(--s3);
}

.cluster-focus-block--copy-only {
    grid-template-columns: 1fr;
}

.cluster-emoji {
    display: inline-block;
    margin-right: var(--s2);
    line-height: 1;
}

@media (max-width: 767px) {
    .cluster-toc {
        margin-bottom: var(--s5);
        padding: 0 var(--s3);
    }

    .cluster-toc__box {
        padding: var(--s4);
    }

    .cluster-toc__list {
        display: grid;
        grid-template-columns: 1fr;
        gap: var(--s2);
    }

    .cluster-toc__link {
        width: 100%;
        justify-content: flex-start;
        text-align: left;
        padding: var(--s3) var(--s4);
        border-radius: var(--r2);
    }
}

@media (min-width: 1024px) {
    .cluster-split {
        grid-template-columns: minmax(0, 1.05fr) minmax(19rem, 0.95fr);
    }

    .cluster-focus-block {
        grid-template-columns: minmax(0, 1.05fr) minmax(18rem, 0.95fr);
    }

    .cluster-focus-block--copy-only {
        grid-template-columns: 1fr;
    }
}