/* Interactive menu: the hero stays underneath the child card images. */
.dc-care-menu {
    --care-ink: var(--color-primary);
    --care-accent: var(--color-accent);
    --care-muted: var(--color-muted);
    color: var(--pc-section-ink, var(--care-ink));
}

.dc-care-menu__layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .85fr); align-items: start; gap: clamp(2rem, 6vw, 6rem); }
.dc-care-menu__stage { position: relative; isolation: isolate; overflow: hidden; aspect-ratio: 1; border-radius: .25rem; background: var(--color-tint); }
.dc-care-menu__base, .dc-care-menu__overlays, .dc-care-menu__overlay { position: absolute; inset: 0; }
.dc-care-menu__base figure { width: 100%; height: 100%; margin: 0; border-radius: 0; background: transparent; }
.dc-care-menu__base picture { display: block; width: 100%; height: 100%; }
.dc-care-menu__base img, .dc-care-menu__overlay img { display: block; width: 100%; height: 100%; object-fit: cover; opacity: 1; }
.dc-care-menu__base figcaption { display: none; }
.dc-care-menu__overlays { pointer-events: none; }
.dc-care-menu__overlay { opacity: 0; transition: opacity 240ms ease; }
.dc-care-menu__overlay.is-active { opacity: 1; }
.dc-care-menu__list { list-style: none; margin: 0; padding: 0; }
.dc-care-menu__list > li { border-bottom: 1px solid var(--color-border); }
.dc-care-menu__item { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.3rem 1rem; border-inline-start: 2px solid transparent; color: var(--pc-section-ink, var(--care-ink)); text-decoration: none; cursor: pointer; transition: background-color 200ms, border-color 200ms; }
.dc-care-menu__item::-webkit-details-marker { display: none; }
.dc-care-menu__item:hover, .dc-care-menu__item.is-active { color: var(--care-ink); background: var(--color-hover); border-inline-start-color: var(--care-accent); }
.dc-care-menu__item:focus-visible { outline: 2px solid var(--care-accent); outline-offset: 2px; }
.dc-care-menu__copy { display: grid; gap: .3rem; }
.dc-care-menu__label { font-size: 1.05rem; font-weight:var(--weight-semibold); }
.dc-care-menu__excerpt, .dc-care-menu__empty { font-size: .85rem; line-height: 1.6; color: var(--pc-section-muted, var(--care-muted)); }
.dc-care-menu__arrow { flex: none; color: var(--care-accent); transition: transform 200ms; }
.dc-care-menu__branch[open] > summary .dc-care-menu__arrow { transform: rotate(45deg); }
.dc-care-menu__branch > .dc-care-menu__list { margin-inline-start: 1.2rem; }
.dc-care-menu__branch > .dc-care-menu__list > li:last-child { border-bottom: 0; }
@media (max-width: 48rem) {
    .dc-care-menu__layout { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
    .dc-care-menu__stage { aspect-ratio: 4 / 3; }
}
@media (prefers-reduced-motion: reduce) {
    .dc-care-menu__overlay, .dc-care-menu__item, .dc-care-menu__arrow { transition: none; }
}

.dc-care-menu__item:hover .dc-care-menu__excerpt,.dc-care-menu__item.is-active .dc-care-menu__excerpt{color:var(--care-muted)}