/* Collect MD 6.8 — targeted changes following staging review. */
/* 1. Scroll-reveal text: green is visible on cream BEFORE it lights up. */
.collectmd-inner .cmp-main .cmp-words{color:#315f2b!important;}
.collectmd-inner.cmp-js .cmp-main .cmp-words .cmp-w,
.collectmd-inner .cmp-js .cmp-main .cmp-words .cmp-w,
.collectmd-inner .cmp-js .cmp-words .cmp-w {color:#4f8d3d!important;opacity:1!important;}
.collectmd-inner.cmp-js .cmp-main .cmp-words .cmp-w.is-lit,
.collectmd-inner .cmp-js .cmp-main .cmp-words .cmp-w.is-lit,
.collectmd-inner .cmp-js .cmp-words .cmp-w.is-lit{color:#10251c!important;opacity:1!important;}
/* 2. Return to the intentional DARK first service card, keeping every line legible. */
.collectmd-inner .cmp-main .cmp-stack__card:first-child,
.collectmd-inner .cmp-main .cmp-stack__card:nth-child(5n+1){
 --bg:#14221d!important;--fg:#f7f9f3!important;--soft:#b9d6bd!important;
 background:#14221d!important;color:#f7f9f3!important;
 border:1px solid #365c45!important;
 box-shadow:0 24px 60px rgba(19,37,27,.22)!important;
}
.collectmd-inner .cmp-main .cmp-stack__card:first-child :is(h3,.cmp-stack__num),
.collectmd-inner .cmp-main .cmp-stack__card:nth-child(5n+1) :is(h3,.cmp-stack__num){color:#f7f9f3!important;opacity:1!important;}
.collectmd-inner .cmp-main .cmp-stack__card:first-child :is(p,.cmp-stack__incl),
.collectmd-inner .cmp-main .cmp-stack__card:nth-child(5n+1) :is(p,.cmp-stack__incl){color:#d3e4d5!important;opacity:1!important;}
.collectmd-inner .cmp-main .cmp-stack__card:first-child::after,
.collectmd-inner .cmp-main .cmp-stack__card:nth-child(5n+1)::after{background:#08110c!important;opacity:calc(var(--dim,0)*.15)!important;}
/* 3. Accessible hidden page title replaces oversized inner-page banner. */
.collectmd-inner .cmp-a11y-page-title{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;clip-path:inset(50%)!important;}
/* Leave enough room under the nav for the actual designed first chapter. */
.collectmd-inner .cmp-main{padding-top:clamp(88px,7vw,110px)!important;}
.collectmd-inner .cmp-main .cmp-content{padding-top:0!important;}
.collectmd-inner .cmp-main .cmp-content > .cmp-section:first-child{scroll-margin-top:85px;}
/* 4. Homepage alerts: red AND positioned wholly to the right of the heading. */
.collectmd-home .problem-map .problem-alert{
 background:#fff0ed!important;border:1.5px solid #e66d64!important;
 color:#802b27!important;box-shadow:0 18px 38px rgba(141,46,43,.16)!important;
 border-radius:13px!important;
}
.collectmd-home .problem-map .problem-alert b{color:#842d28!important;font-weight:850!important;}
.collectmd-home .problem-map .problem-alert p{color:#8b4c47!important;font-size:clamp(10px,.72vw,12px)!important;line-height:1.45!important;}
.collectmd-home .problem-map .problem-alert .alert-icon{
 background:#f9d7d3!important;color:#b33d35!important;border:1px solid #e5a29b!important;
 font-weight:900!important;
}
@media(min-width:1001px){
 .collectmd-home .sticky-scene .scene-head{width:37%!important;left:4.6%!important;}
 .collectmd-home .sticky-scene .scene-head h2{font-size:clamp(45px,5.0vw,80px)!important;line-height:.98!important;max-width:11.8ch!important;overflow-wrap:normal!important;}
 .collectmd-home .problem-map{right:2%!important;width:55%!important;top:16%!important;}
 .collectmd-home .problem-map .alert-a{left:23%!important;top:4%!important;}
 .collectmd-home .problem-map .alert-c{left:15%!important;bottom:8%!important;}
}
@media(min-width:701px) and (max-width:1000px){
 .collectmd-home .sticky-scene .scene-head{width:42%!important;}
 .collectmd-home .sticky-scene .scene-head h2{font-size:clamp(38px,5.3vw,58px)!important;}
 .collectmd-home .problem-map .alert-a{left:28%!important;top:3%!important;}
}
@media(max-width:700px){
 .collectmd-home .problem-map .alert-a{left:2%!important;top:4%!important;}
 .collectmd-home .problem-map .problem-alert{max-width:145px!important;padding:9px!important;}
 .collectmd-home .sticky-scene .scene-head h2{font-size:clamp(39px,10vw,59px)!important;max-width:12ch!important;}
 .collectmd-inner .cmp-main{padding-top:76px!important;}
}
/* 5. Header and footer logo wordmark use the same dark lettering and tasteful green md. */
.collectmd-home .nav .logo,.collectmd-home .footer .logo{color:#10251c!important;}
.collectmd-home .nav .logo i,.collectmd-home .footer .logo i{color:#649a3c!important;}
.collectmd-home .nav .logo sup,.collectmd-home .footer .logo sup{color:#649a3c!important;}