
/* Role-based DealershipCore education. Scoped independently of legacy page cards. */
.dc-site-unified .dc-feature-edu{--edu-ink:#161a22;--edu-red:#e7192d;--edu-muted:#687382;background:#f7f8fa!important;color:var(--edu-ink)!important;padding:clamp(75px,8vw,125px) 24px!important;overflow:hidden;position:relative}
.dc-site-unified .dc-feature-edu *{box-sizing:border-box}
.dc-site-unified .dc-feature-edu-container{width:min(1300px,100%)!important;max-width:1300px!important;margin:auto!important}
.dc-site-unified .dc-feature-edu-heading{text-align:center;max-width:850px;margin:0 auto 52px}
.dc-site-unified .dc-feature-edu-eyebrow{color:var(--edu-red)!important;font-size:12px!important;font-weight:820!important;letter-spacing:.15em!important;text-transform:uppercase!important;margin:0 0 15px!important}
.dc-site-unified .dc-feature-edu-heading h2{font-size:clamp(34px,4.3vw,57px)!important;line-height:1.08!important;letter-spacing:-.05em!important;text-wrap:balance;color:var(--edu-ink)!important;font-weight:760!important;margin:0 auto 20px!important}
.dc-site-unified .dc-feature-edu-heading>p:last-child{max-width:730px!important;margin:auto!important;color:var(--edu-muted)!important;font-size:clamp(16px,1.35vw,19px)!important;line-height:1.65!important}
.dc-site-unified .dc-feature-edu-layout{display:grid!important;grid-template-columns:1.07fr .93fr!important;gap:clamp(28px,4vw,64px)!important;align-items:start!important}
.dc-site-unified .dc-feature-edu-visual{border:1px solid #e5e7ec;border-radius:24px;background:#fff;padding:14px;box-shadow:0 30px 70px rgba(18,23,33,.07);min-width:0}
.dc-site-unified .dc-feature-edu-visual-head{display:flex;align-items:center;gap:9px;padding:12px 12px 20px;font-size:11px;letter-spacing:.1em;font-weight:800;color:#6f7784}
.dc-site-unified .dc-feature-edu-live-dot{width:8px;height:8px;border-radius:50%;background:var(--edu-red);box-shadow:0 0 0 4px #fce8eb}
.dc-site-unified .dc-feature-edu-preview-note{margin-left:auto;font-size:11px;letter-spacing:0;text-transform:none;font-weight:500;color:#9198a3}
.dc-site-unified .dc-feature-edu-visual>img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:8/5!important;object-fit:cover!important;object-position:left top!important;border:1px solid #e8eaf0;border-radius:13px!important;background:#f5f6f8}
.dc-site-unified .dc-feature-edu-team{margin:20px 6px 5px}
.dc-site-unified .dc-feature-edu-team>strong{display:block;font-size:14px;font-weight:750;color:#1b202a;margin:0 0 12px}
.dc-site-unified .dc-feature-edu-team>div{display:flex;gap:8px;flex-wrap:wrap}
.dc-site-unified .dc-feature-edu-team span{padding:8px 12px;background:#f7f8fa;border:1px solid #e9ebef;border-radius:999px;color:#535d6b;font-size:12px;font-weight:630}
.dc-site-unified .dc-feature-edu-explain{padding:12px 0}
.dc-site-unified .dc-feature-edu-small{font-size:11px;letter-spacing:.13em;font-weight:800;color:#e7192d}
.dc-site-unified .dc-feature-edu-explain>h3{font-size:clamp(25px,2.8vw,36px)!important;line-height:1.2!important;letter-spacing:-.045em!important;font-weight:750;color:var(--edu-ink)!important;margin:13px 0 23px!important}
.dc-site-unified .dc-feature-edu-steps{display:grid;gap:10px}
.dc-site-unified .dc-feature-edu-step{background:#fff;border:1px solid #e4e7ec;border-radius:15px;overflow:hidden;box-shadow:0 7px 21px rgba(14,18,28,.02)}
.dc-site-unified .dc-feature-edu-step[open]{border-color:#d7dbe3;box-shadow:0 10px 24px rgba(14,18,28,.05)}
.dc-site-unified .dc-feature-edu-step summary{list-style:none;display:flex;gap:14px;align-items:center;cursor:pointer;padding:19px 20px;color:#1d232d}
.dc-site-unified .dc-feature-edu-step summary::-webkit-details-marker{display:none}
.dc-site-unified .dc-feature-edu-step summary:focus-visible{outline:3px solid #e7192d;outline-offset:-3px}
.dc-site-unified .dc-feature-edu-index{font-weight:800;color:#d71a2c;font-size:11px;letter-spacing:.05em}
.dc-site-unified .dc-feature-edu-step summary strong{flex:1;font-size:16px;font-weight:730;line-height:1.35}
.dc-site-unified .dc-feature-edu-toggle{display:grid;place-items:center;border-radius:8px;background:#f4f5f7;color:#66707e;width:29px;height:29px;flex:none;font-size:21px;line-height:1;transition:transform .2s}
.dc-site-unified .dc-feature-edu-step[open] .dc-feature-edu-toggle{transform:rotate(45deg);color:#e7192d}
.dc-site-unified .dc-feature-edu-step>p{padding:0 22px 21px 47px!important;margin:0!important;color:#66717e!important;font-size:14px!important;line-height:1.7!important}
.dc-site-unified .dc-feature-edu-outcomes{padding:23px 24px;margin-top:23px;border-radius:16px;background:#191b22;color:white}
.dc-site-unified .dc-feature-edu-outcomes>strong{color:#fff;font-size:14px;font-weight:750}
.dc-site-unified .dc-feature-edu-outcomes ul{display:grid;gap:10px;list-style:none;margin:16px 0 0!important;padding:0!important}
.dc-site-unified .dc-feature-edu-outcomes li{position:relative;padding:0 0 0 21px!important;color:#d1d5de;font-size:13px;line-height:1.55}
.dc-site-unified .dc-feature-edu-outcomes li:before{content:"✓";position:absolute;top:0;left:0;color:#ff5063;font-weight:900}
.dc-site-unified a.dc-feature-edu-link{display:inline-flex!important;margin:22px 0 0!important;gap:6px;align-items:center;color:#d5192b!important;text-decoration:none!important;font-size:14px;font-weight:770}
.dc-site-unified a.dc-feature-edu-link:hover{text-decoration:underline!important}
.dc-site-unified a.dc-feature-edu-link:focus-visible{outline:3px solid #d5192b;outline-offset:4px;border-radius:3px}
@media(max-width:980px){.dc-site-unified .dc-feature-edu-layout{grid-template-columns:1fr!important;gap:33px!important}.dc-site-unified .dc-feature-edu-visual>img{max-height:440px!important}.dc-site-unified .dc-feature-edu-heading{margin-bottom:34px}}
@media(max-width:640px){.dc-site-unified .dc-feature-edu{padding:68px 17px!important}.dc-site-unified .dc-feature-edu-heading h2{font-size:clamp(34px,9vw,43px)!important}.dc-site-unified .dc-feature-edu-visual{padding:8px;border-radius:17px}.dc-site-unified .dc-feature-edu-visual>img{border-radius:10px!important}.dc-site-unified .dc-feature-edu-explain>h3{font-size:28px!important}.dc-site-unified .dc-feature-edu-step summary{padding:18px 16px}.dc-site-unified .dc-feature-edu-step>p{padding:0 16px 18px 42px!important}}
@media(prefers-reduced-motion:reduce){.dc-site-unified .dc-feature-edu-toggle{transition:none!important}}
