.dcd-cabinet-finder-page {
    width: min(100% - 2rem, 78rem);
    margin-inline: auto;
    padding-block: clamp(1.75rem, 4vw, 3.25rem);
}

.dcd-cabinet-finder-hero {
    max-width: 48rem;
    margin: 0 auto clamp(1.4rem, 3vw, 2.25rem);
    text-align: center;
}

.dcd-cabinet-finder-kicker {
    margin: 0 0 .55rem;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    opacity: .64;
}

.dcd-cabinet-finder-hero h1,
.dcd-cabinet-finder-guide h2,
.dcd-cabinet-finder-next h2 {
    margin-top: 0;
    text-wrap: balance;
}

.dcd-cabinet-finder-hero h1 {
    margin-bottom: .8rem;
    font-size: clamp(2rem, 4.5vw, 3.3rem);
    line-height: 1.05;
}

.dcd-cabinet-finder-lead {
    margin: 0 auto;
    max-width: 44rem;
    font-size: clamp(1rem, 1.8vw, 1.14rem);
    line-height: 1.62;
    opacity: .82;
}

/*
 * The homepage Finder is deliberately left alone.
 * On the dedicated page there is no visible step two, so the inherited
 * homepage "1" badge is removed and the heading is allowed to stand alone.
 */
.dcd-cabinet-finder-tool .dcd-step-badge {
    display: none;
}

.dcd-cabinet-finder-tool .dcd-finder-heading {
    gap: 0;
}

.dcd-cabinet-finder-tool {
    margin-bottom: clamp(2.4rem, 5vw, 3.8rem);
}

/*
 * The shared Finder contains a small reassurance row between the filter grid
 * and the primary action. Keep it, but make it supporting information rather
 * than a second visual headline on the dedicated tool page.
 */
.dcd-cabinet-finder-tool .dcd-finder-form > .dcd-finder-grid + div {
    opacity: .7;
    font-size: .78rem;
}

.dcd-cabinet-finder-guide {
    padding-top: clamp(2rem, 4vw, 3rem);
    border-top: 1px solid color-mix(in srgb, currentColor 14%, transparent);
}

.dcd-cabinet-finder-guide-heading {
    max-width: 49rem;
    margin-bottom: clamp(1.4rem, 3vw, 2rem);
}

.dcd-cabinet-finder-guide-heading h2 {
    margin-bottom: .65rem;
    font-size: clamp(1.55rem, 3vw, 2.1rem);
}

.dcd-cabinet-finder-guide-heading p:last-child,
.dcd-cabinet-finder-next p {
    line-height: 1.65;
    opacity: .78;
}

.dcd-cabinet-finder-guide-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: clamp(1.75rem, 4vw, 3.5rem);
    row-gap: 0;
}

.dcd-cabinet-finder-guide-grid article {
    padding: 1.15rem 0 1.35rem;
    border-top: 1px solid color-mix(in srgb, currentColor 12%, transparent);
}

.dcd-cabinet-finder-guide-grid h3 {
    margin: 0 0 .45rem;
    font-size: 1rem;
    font-weight: 650;
}

.dcd-cabinet-finder-guide-grid p {
    margin: 0;
    max-width: 34rem;
    line-height: 1.62;
    opacity: .76;
}

.dcd-cabinet-finder-next {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(17rem, .65fr);
    gap: clamp(1.5rem, 5vw, 4rem);
    align-items: center;
    margin-top: clamp(2.5rem, 5vw, 4rem);
    padding: clamp(1.5rem, 3.5vw, 2.2rem);
    border-top: 1px solid color-mix(in srgb, currentColor 14%, transparent);
    border-bottom: 1px solid color-mix(in srgb, currentColor 10%, transparent);
}

.dcd-cabinet-finder-next h2 {
    margin-bottom: .55rem;
    font-size: clamp(1.35rem, 2.5vw, 1.8rem);
}

.dcd-cabinet-finder-next p:last-child {
    margin-bottom: 0;
    max-width: 45rem;
}

.dcd-cabinet-finder-actions {
    display: flex;
    flex-direction: column;
    gap: .7rem;
    align-items: stretch;
}

.dcd-cabinet-finder-action {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 2.9rem;
    padding: .7rem 1rem;
    border-radius: .5rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    transition: opacity .15s ease, transform .15s ease;
}

.dcd-cabinet-finder-action:hover {
    opacity: .92;
}

.dcd-cabinet-finder-action:focus-visible,
.dcd-cabinet-finder-text-link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

/*
 * Explicit foreground/background colours avoid the prior currentColor /
 * ::first-line interaction that rendered the primary CTA as a blank block.
 */
.dcd-cabinet-finder-action-primary {
    border: 1px solid #7ea3ff;
    background: #7ea3ff;
    color: #09111f;
}

.dcd-cabinet-finder-action-secondary {
    border: 1px solid color-mix(in srgb, currentColor 72%, transparent);
    background: transparent;
    color: inherit;
}

.dcd-cabinet-finder-text-link {
    display: inline-flex;
    justify-content: center;
    padding: .35rem .5rem;
    font-weight: 600;
    text-decoration: none;
}

@media (max-width: 48rem) {
    .dcd-cabinet-finder-page {
        width: min(100% - 1.25rem, 78rem);
        padding-top: 1.35rem;
    }

    .dcd-cabinet-finder-hero {
        margin-bottom: 1.25rem;
    }

    .dcd-cabinet-finder-guide-grid,
    .dcd-cabinet-finder-next {
        grid-template-columns: 1fr;
    }

    .dcd-cabinet-finder-guide-grid article {
        padding-block: 1rem;
    }

    .dcd-cabinet-finder-next {
        padding-inline: 0;
    }
}


/* ============================================================
   Cabinet Finder — theme-aware selects
   ============================================================ */

.dcd-cabinet-finder select,
.dcd-cabinet-finder .form-select {
    min-height: 3.15rem;
    border: 1px solid var(--dcd-border);
    border-radius: .55rem;
    background-color: var(--dcd-surface);
    color: var(--dcd-fg);
    font-size: 1rem;
    box-shadow: none;
}

.dcd-cabinet-finder select:focus,
.dcd-cabinet-finder .form-select:focus {
    border-color: var(--dcd-brand);
    outline: 2px solid color-mix(
        in srgb,
        var(--dcd-brand) 18%,
        transparent
    );
    outline-offset: 1px;
}

/* Explicit dark presentation */
html[data-dcd-resolved-theme="dark"] .dcd-cabinet-finder select,
html[data-dcd-resolved-theme="dark"] .dcd-cabinet-finder .form-select,
html[data-theme="dark"] .dcd-cabinet-finder select,
html[data-theme="dark"] .dcd-cabinet-finder .form-select {
    background-color: var(--dcd-bg);
    border-color: var(--dcd-border);
    color: var(--dcd-fg);
}

.dcd-cabinet-finder select option,
.dcd-cabinet-finder .form-select option {
    background: var(--dcd-surface);
    color: var(--dcd-fg);
}

html[data-dcd-resolved-theme="dark"] .dcd-cabinet-finder select option,
html[data-theme="dark"] .dcd-cabinet-finder select option {
    background: var(--dcd-bg);
    color: var(--dcd-fg);
}


/* ============================================================
   Cabinet Finder — theme-aware selects
   ============================================================ */

.dcd-cabinet-finder select,
.dcd-cabinet-finder .form-select {
    min-height: 3.15rem;
    border: 1px solid var(--dcd-border);
    border-radius: .55rem;
    background-color: var(--dcd-surface);
    color: var(--dcd-fg);
    font-size: 1rem;
    box-shadow: none;
}

.dcd-cabinet-finder select:focus,
.dcd-cabinet-finder .form-select:focus {
    border-color: var(--dcd-brand);
    outline: 2px solid color-mix(
        in srgb,
        var(--dcd-brand) 18%,
        transparent
    );
    outline-offset: 1px;
}

/* Explicit dark presentation */
html[data-dcd-resolved-theme="dark"] .dcd-cabinet-finder select,
html[data-dcd-resolved-theme="dark"] .dcd-cabinet-finder .form-select,
html[data-theme="dark"] .dcd-cabinet-finder select,
html[data-theme="dark"] .dcd-cabinet-finder .form-select {
    background-color: var(--dcd-bg);
    border-color: var(--dcd-border);
    color: var(--dcd-fg);
}

.dcd-cabinet-finder select option,
.dcd-cabinet-finder .form-select option {
    background: var(--dcd-surface);
    color: var(--dcd-fg);
}

html[data-dcd-resolved-theme="dark"] .dcd-cabinet-finder select option,
html[data-theme="dark"] .dcd-cabinet-finder select option {
    background: var(--dcd-bg);
    color: var(--dcd-fg);
}

/* DCD Entry Journey V8: scoped to the two existing entry points */
.dcd-entry-explainer{margin:0 auto 1.6rem;padding:clamp(1.15rem,2.5vw,1.8rem);border:1px solid #d7e3f1;border-radius:14px;background:linear-gradient(110deg,#f7faff,#fff)}
.dcd-entry-explainer__intro h2{font-size:clamp(1.35rem,2.3vw,1.75rem);font-weight:650;line-height:1.3;margin:0 0 .6rem}
.dcd-entry-explainer__intro p:last-child{max-width:65rem;line-height:1.55;margin:0 0 1rem}
.dcd-entry-explainer__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.dcd-entry-explainer__choices>div{display:flex;flex-direction:column;gap:.4rem;border-top:1px solid #d7e3f1;padding-top:1rem}
.dcd-entry-explainer__choices strong{font-weight:650}
.dcd-entry-explainer__choices span,.dcd-entry-explainer__note{font-size:.9rem;line-height:1.55;color:#52647a}
.dcd-entry-explainer__note{margin:1rem 0 0}
.dcd-entry-help{margin-top:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.dcd-entry-help details{padding:.85rem 1rem;border:1px solid #dce5ef;border-radius:9px;background:#fff}
.dcd-entry-help summary{cursor:pointer;font-weight:650;color:#123b64}
.dcd-entry-help details p{font-size:.88rem;line-height:1.55;margin:.7rem 0 0;color:#52647a}
.dcd-entry-help summary:focus-visible{outline:2px solid #1768bd;outline-offset:3px}
.dcd-guided-finder-help{margin:.6rem 0 1rem;font-size:.92rem;line-height:1.5}
.dcd-guided-finder-help a{font-weight:650;text-decoration:underline;text-underline-offset:3px;margin-left:.25rem}
@media(max-width:760px){.dcd-entry-explainer__choices,.dcd-entry-help{grid-template-columns:1fr}.dcd-entry-explainer{margin-bottom:1rem}.dcd-entry-help{gap:.5rem}}
html[data-theme="dark"] .dcd-entry-explainer,html[data-dcd-resolved-theme="dark"] .dcd-entry-explainer{background:var(--dcd-surface);border-color:var(--dcd-border);color:var(--dcd-fg)}
html[data-theme="dark"] .dcd-entry-help details,html[data-dcd-resolved-theme="dark"] .dcd-entry-help details{background:var(--dcd-surface);border-color:var(--dcd-border)}
html[data-theme="dark"] .dcd-entry-help summary,html[data-dcd-resolved-theme="dark"] .dcd-entry-help summary{color:var(--dcd-fg)}
html[data-theme="dark"] .dcd-entry-explainer__choices span,html[data-theme="dark"] .dcd-entry-explainer__note,html[data-theme="dark"] .dcd-entry-help details p,html[data-dcd-resolved-theme="dark"] .dcd-entry-explainer__choices span,html[data-dcd-resolved-theme="dark"] .dcd-entry-explainer__note,html[data-dcd-resolved-theme="dark"] .dcd-entry-help details p{color:var(--dcd-fg)}