/* MCV DJ: dark broadcast desk, warm paper and green signal accents.
   Keep every selector scoped to this app's components. */
.mcvdj-hero {
    background: linear-gradient(115deg, #142126 0%, #203c3d 58%, #176c63 100%);
    border-bottom: 5px solid #a8e063;
}
.mcvdj-kicker, .mcvdj-label {
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .1em;
    line-height: 1.7;
}
.mcvdj-kicker { color: #c2ee91; }
.mcvdj-label { color: #365e50; }
.mcvdj-hero h1 { letter-spacing: -.04em; }
.mcvdj-hero-title {
    font-size: clamp(1.6rem, 3vw, 2.6rem);
    font-weight: 700;
    line-height: 1.25;
    max-width: 25ch;
    margin: 1.25rem 0;
}
.mcvdj-measure { max-width: 62ch; }
.mcvdj-hero-status { color: #e1eee8; font-size: .95rem; }
.btn-mcvdj {
    background: #a8e063;
    border: 2px solid #a8e063;
    color: #142126;
    font-weight: 700;
}
.btn-mcvdj:hover, .btn-mcvdj:focus-visible {
    background: #c1f28a;
    border-color: #c1f28a;
    color: #142126;
}
.mcvdj-page { background: #faf9f5; color: #172329; }
.mcvdj-page h2 { font-size: clamp(1.65rem, 3vw, 2.3rem); font-weight: 800; line-height: 1.25; max-width: 30ch; margin-bottom: 1.5rem; }
.mcvdj-page h3 { font-size: 1.3rem; font-weight: 700; line-height: 1.4; }
.mcvdj-page p, .mcvdj-page dd, .mcvdj-limits { line-height: 1.8; }
.mcvdj-page a:not(.btn) { color: #215d50; text-decoration: underline; text-underline-offset: .2em; }
.mcvdj-page a:not(.btn):hover { color: #142126; }
.mcvdj-section { padding: 4.5rem 0; scroll-margin-top: 2rem; }
.mcvdj-intro { max-width: 68ch; font-size: 1.15rem; }
.mcvdj-sound-section { background: #172b2c; color: #f5f8ef; border-top: 4px solid #a8e063; scroll-margin-top: 2rem; }
.mcvdj-note { background: #edf1e6; border-left: 5px solid #365e50; }
/* Shared with the download page. */
.mcvdj-card { border: 1px solid #cbd4cc; border-top: 3px solid #365e50; }
.mcvdj-hero a:focus-visible, .mcvdj-page a:focus-visible,
.mcvdj-card a:focus-visible, #mcvdjNav a:focus-visible {
    outline: 3px solid #ffc107 !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 2px #172329 !important;
}
@media (max-width: 575.98px) {
    .mcvdj-section { padding: 3rem 0; }
}
/* Retain the light local navigation even when global dark navigation is loaded. */
.mcvdj-subnav.navbar { background-color: #f1f4ee !important; }
.mcvdj-subnav .navbar-brand, .mcvdj-subnav .nav-link { color: #243d35; }
.mcvdj-subnav .nav-link:hover, .mcvdj-subnav .nav-link.active { color: #142126; text-decoration: underline; text-underline-offset: .2em; }
/* A continuous reading column keeps the explanation together on wide screens. */
.mcvdj-prose { max-width: 76ch; margin-inline: auto; }
.mcvdj-prose p { margin-bottom: 1.4rem; }