/* CSDA Home Feature Panels | isolated stylesheet, 2026-10-26 */
.csda-home-features{background:#f5f7fb;padding:65px 0 75px;overflow:hidden}
.csda-home-features *{box-sizing:border-box}
.csda-home-features-shell{display:grid;gap:24px}
.csda-feature-panel{display:grid;grid-template-columns:1fr 47%;min-height:340px;background:#fff;border:1px solid #e0e7ee;border-radius:14px;overflow:hidden;box-shadow:0 12px 34px rgba(20,45,80,.035)}
.csda-feature-copy{padding:51px 6.5% 45px 9.5%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.csda-feature-kicker{font-size:11px!important;color:#7185a1!important;letter-spacing:.14em!important;font-weight:700!important;line-height:1.5!important;margin:0 0 15px!important;display:flex;gap:10px;align-items:center}
.csda-feature-kicker span{display:inline-block;width:19px;height:1px;background:#d5ad62}
.csda-feature-copy h2{font-size:31px;line-height:1.38;letter-spacing:.02em;color:#18334f;font-weight:700;margin:0 0 15px}
.csda-feature-copy h2 span{display:block}
.csda-feature-lead{font-size:14px!important;line-height:1.95!important;letter-spacing:.012em;color:#6d7d91!important;margin:0 0 19px!important;max-width:440px}
.csda-feature-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 29px;padding:0;list-style:none}
.csda-feature-tags li{font-size:11px;letter-spacing:.045em;color:#50708c;background:#edf3f8;border:1px solid #e4edf5;border-radius:3px;line-height:1.4;padding:6px 10px}
.csda-feature-action{display:inline-flex!important;align-items:center!important;gap:18px;min-height:40px;color:#23445f!important;border-bottom:1px solid #b5a07d;padding:0 1px 3px 0;text-decoration:none!important;font-weight:700;font-size:13px;letter-spacing:.045em;transition:color .2s,border-color .2s}
.csda-feature-action:hover{color:#9a702f!important;border-bottom-color:#9a702f}
.csda-feature-action:focus-visible{outline:2px solid #b28c55;outline-offset:4px}
.csda-feature-action-icon{font-size:19px;font-weight:400;line-height:1;transition:transform .2s}
.csda-feature-action:hover .csda-feature-action-icon{transform:translate(2px,-2px)}
.csda-feature-visual{position:relative;min-width:0;min-height:340px;isolation:isolate;overflow:hidden}
.csda-training-art{background:linear-gradient(130deg,#203a58,#12273e 75%)}
.csda-training-art::before,.csda-dealer-art::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:33px 33px}
.csda-training-orbit{position:absolute;border:1px solid rgba(236,215,159,.20);border-radius:50%;width:370px;height:370px;top:-190px;right:-110px}
.csda-training-orbit-two{width:450px;height:450px;top:135px;right:175px;opacity:.45}
.csda-training-caption{position:absolute;top:27px;right:30px;color:rgba(232,237,245,.52);font-size:9px;letter-spacing:.2em;z-index:1}
.csda-training-certificate{position:absolute;width:min(64%,310px);min-width:220px;left:50%;top:50%;transform:translate(-51%,-46%) rotate(-5deg);height:246px;padding:22px 23px 19px;background:linear-gradient(153deg,#fff,#eef3f8);border:5px solid rgba(247,249,252,.7);outline:1px solid rgba(197,210,226,.65);color:#203f5a;box-shadow:0 22px 38px rgba(0,0,0,.3);text-align:center;display:flex;flex-direction:column;align-items:center}
.csda-training-cert-top{display:flex;justify-content:space-between;width:100%;align-items:center;color:#496278;font-size:8px;letter-spacing:.08em;text-align:left}
.csda-training-cert-top span:first-child{font-weight:800;font-size:17px;letter-spacing:.11em}
.csda-training-seal{height:90px;color:#b99650;display:flex;align-items:center;justify-content:center;margin-top:5px}
.csda-training-certificate strong{font-size:18px;letter-spacing:.07em;line-height:1.4}
.csda-training-cert-en{font-size:7px;letter-spacing:.08em;color:#83909e;margin-top:4px;white-space:nowrap}
.csda-training-cert-rule{height:1px;width:90%;background:#c9d4df;margin-top:auto;margin-bottom:9px}
.csda-training-cert-foot{font-size:9px;letter-spacing:.035em;color:#60748b}
.csda-training-mark{position:absolute;right:7%;bottom:24px;width:103px;height:88px;background:#e6bd75;color:#223a53;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 10px 16px rgba(0,0,0,.18);transform:rotate(7deg);z-index:2}
.csda-training-mark span{font-size:24px;font-weight:800;letter-spacing:.075em;line-height:1.2}
.csda-training-mark small{font-size:9px;letter-spacing:.13em;line-height:1.3;text-align:center;margin-top:5px}
.csda-feature-dealers{grid-template-columns:47% 1fr}
.csda-feature-dealers .csda-feature-visual{grid-column:1;grid-row:1}
.csda-feature-dealers .csda-feature-copy{grid-column:2;grid-row:1;padding:50px 9% 45px 9.5%}
.csda-dealer-art{background:linear-gradient(140deg,#163d63,#0e263f)}
.csda-dealer-orbit{position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.09);border-radius:50%;left:50%;top:52%;transform:translate(-50%,-50%);box-shadow:0 0 0 44px rgba(255,255,255,.015),0 0 0 89px rgba(255,255,255,.012)}
.csda-dealer-art-label{position:absolute;top:25px;left:28px;font-size:9px;letter-spacing:.18em;color:rgba(225,239,248,.65)}
.csda-dealer-map{position:absolute;left:50%;top:50%;width:min(94%,420px);height:95%;transform:translate(-50%,-50%)}
.csda-dealer-mark{position:absolute;right:7%;bottom:23px;color:#23445f;background:#e7bf7b;min-width:126px;min-height:52px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 17px rgba(0,0,0,.17)}
.csda-dealer-pin-icon{font-size:33px;font-weight:300;line-height:1}
.csda-dealer-mark span:last-child{font-size:9px;font-weight:800;line-height:1.35;letter-spacing:.13em}
@media(max-width:1050px){
 .csda-feature-panel{grid-template-columns:1fr 45%;min-height:320px}
 .csda-feature-dealers{grid-template-columns:45% 1fr}
 .csda-feature-copy,.csda-feature-dealers .csda-feature-copy{padding:38px 7%}
 .csda-feature-copy h2{font-size:27px}
 .csda-feature-visual{min-height:320px}
}
@media(max-width:720px){
 .csda-home-features{padding:35px 0 44px}
 .csda-home-features-shell{gap:18px}
 .csda-feature-panel,.csda-feature-dealers{display:flex;flex-direction:column;min-height:0;border-radius:10px}
 .csda-feature-copy,.csda-feature-dealers .csda-feature-copy{order:1;padding:32px 26px 26px}
 .csda-feature-visual,.csda-feature-dealers .csda-feature-visual{order:2;min-height:255px}
 .csda-feature-copy h2{font-size:25px;margin-bottom:11px}
 .csda-feature-copy h2 span{display:inline}
 .csda-feature-lead{font-size:13px!important;line-height:1.85!important}
 .csda-feature-tags{margin-bottom:19px;gap:6px}
 .csda-feature-kicker{font-size:9px!important;letter-spacing:.10em!important;margin-bottom:12px!important}
 .csda-training-certificate{height:207px;min-width:205px;width:55%;padding:15px 19px 13px;top:48%}
 .csda-training-seal{height:73px}
 .csda-training-seal svg{width:62px;height:62px}
 .csda-training-certificate strong{font-size:16px}
 .csda-training-mark{width:84px;height:70px;bottom:18px}
 .csda-training-mark span{font-size:20px}
 .csda-dealer-map{height:108%;width:min(94%,370px)}
}
@media(max-width:380px){
 .csda-feature-copy,.csda-feature-dealers .csda-feature-copy{padding:28px 19px 23px}
 .csda-feature-copy h2{font-size:22px}
 .csda-training-certificate{transform:translate(-56%,-46%) rotate(-5deg)}
 .csda-training-mark{right:4%}
}
@media(prefers-reduced-motion:reduce){.csda-feature-action,.csda-feature-action-icon{transition:none}}

/* CSDA HOME IMAGE SWAP v3: commissioned artwork, scoped to the two service visuals only.
 * The accessible live text, actions, layout and all other sections remain unchanged.
 * Hide legacy CSS/SVG illustration decorations, without altering content markup. */
.csda-home-features .csda-feature-visual.csda-training-art {
  background: #edf0f4 url('/Public/CSDA/images/csda-home-cert-20261026-v4.webp') center center / cover no-repeat;
}
.csda-home-features .csda-feature-visual.csda-dealer-art {
  background: #132d4b url('/Public/CSDA/images/csda-home-dealer-20261026.webp') center center / cover no-repeat;
}
.csda-home-features .csda-training-art::before,
.csda-home-features .csda-dealer-art::before { display:none; }
.csda-home-features .csda-training-art > *,
.csda-home-features .csda-dealer-art > * { display:none !important; }