/* CDM COMPLIANCE DETAIL */
.cdm-hero{position:relative;overflow:hidden;padding:72px 0 70px;background:linear-gradient(118deg,#ff6500,#ff8732 58%,#ffb15f)}
.cdm-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:44px 44px;opacity:.45}
.cdm-hero::after{content:"";position:absolute;right:-120px;bottom:-195px;width:310px;height:310px;border:50px solid rgba(17,17,17,.1);border-radius:50%}
.cdm-hero .container{position:relative;z-index:2}.breadcrumb-mini{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:15px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.breadcrumb-mini a{color:#111}.breadcrumb-mini span{color:rgba(17,17,17,.65)}.breadcrumb-mini i{font-size:9px;color:rgba(17,17,17,.45)}
.cdm-hero h1{max-width:850px;margin:0 0 14px;color:#111;font-size:clamp(41px,5vw,63px);font-weight:900;line-height:1.02;letter-spacing:-2px}.cdm-hero p{max-width:850px;margin:0;color:#242424;font-size:18px;font-weight:600}
.hero-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.hero-badge{padding:8px 13px;border:1px solid rgba(17,17,17,.15);border-radius:50px;background:rgba(255,255,255,.42);color:#111;font-size:12px;font-weight:900}
.cdm-section{padding:42px 0}.cdm-soft{background:#f7f7f7}.cdm-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px;color:#ff6600;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1.5px}.cdm-eyebrow::before{content:"";width:30px;height:3px;border-radius:10px;background:linear-gradient(90deg,#ff6600,#ffcc00)}
.cdm-title{margin:0 0 18px;color:#111;font-size:clamp(29px,3.4vw,43px);font-weight:900;line-height:1.12;letter-spacing:-1px}.cdm-copy p{color:#666;font-size:15.5px;margin-bottom:15px}
.intro-card{height:100%;padding:31px;border-radius:25px;background:#111;color:#fff;position:relative;overflow:hidden}.intro-card::after{content:"";position:absolute;right:-75px;bottom:-90px;width:195px;height:195px;border:40px solid rgba(255,102,0,.14);border-radius:50%}.intro-icon{position:relative;z-index:2;width:58px;height:58px;display:grid;place-items:center;margin-bottom:20px;border-radius:17px;background:#ff6600;color:#111;font-size:23px}.intro-card h3,.intro-card p{position:relative;z-index:2}.intro-card h3{font-size:23px;font-weight:900}.intro-card p{color:#c9c9c9;font-size:14px}
.dutyholder-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:32px}.dutyholder{padding:24px 20px;border-radius:20px;background:#fff;border:1px solid #e6e6e6;box-shadow:0 10px 27px rgba(0,0,0,.045)}.dutyholder i{width:47px;height:47px;display:grid;place-items:center;margin-bottom:15px;border-radius:14px;background:#fff1e7;color:#ff6600;font-size:18px}.dutyholder h3{font-size:16px;font-weight:900;color:#111}.dutyholder p{margin:0;color:#707070;font-size:12.5px}
.role-block{display:grid;grid-template-columns:290px 1fr;gap:30px;padding:35px 0;border-bottom:1px solid #e7e7e7}.role-block:last-child{border-bottom:0}.role-label{padding:27px;border-radius:23px;background:#111;color:#fff;height:max-content;position:sticky;top:95px}.role-label .role-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:#ff6600;color:#111;font-size:20px;margin-bottom:17px}.role-label h2{font-size:24px;font-weight:900}.role-label p{margin:0;color:#bfbfbf;font-size:13px}
.check-list{list-style:none;padding:0;margin:18px 0 0}.check-list li{position:relative;padding:10px 0 10px 28px;border-top:1px solid #eee;color:#555;font-size:13.5px}.check-list li::before{content:"\f00c";position:absolute;left:0;top:13px;font-family:"Font Awesome 6 Free";font-weight:900;color:#ff6600}
.check-list .sub-list { list-style: none !important; margin: 12px 0 5px 0;padding: 0 0 0 10px;}
.check-list .sub-list li {
    position: relative;list-style: none !important; padding: 6px 0 6px 24px; border: none;color: #666;font-size: 13.5px;line-height: 1.6;
}
.check-list .sub-list li::before {
    content: "\f105" !important; font-family: "Font Awesome 6 Free";font-weight: 900;position: absolute; left: 0;top: 8px;color: #ff6600;font-size: 12px;
}
.workshop{margin-top:20px;padding:19px 21px;border-radius:17px;background:#fff1e7;border-left:5px solid #ff6600}.workshop strong{color:#111}.workshop p{margin:4px 0 0;color:#666;font-size:13px}
.free-meeting{display:flex;align-items:center;gap:15px;margin-top:22px;padding:18px 20px;border-radius:16px;background:#111;color:#fff}.free-meeting i{width:43px;height:43px;display:grid;place-items:center;flex:0 0 43px;border-radius:12px;background:#ffcc00;color:#111}.free-meeting strong{display:block}.free-meeting span{display:block;color:#bdbdbd;font-size:12px}
.parts-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-top:30px}.part-card{padding:22px 16px;border-radius:18px;background:#fff;border:1px solid #e5e5e5;text-align:center}.part-num{font-size:30px;line-height:1;font-weight:900;color:#ffd8bd}.part-card h3{margin:9px 0 0;color:#111;font-size:13px;font-weight:900}
.resource-card{margin-top:28px;padding:25px;border-radius:22px;background:#111;color:#fff;display:flex;justify-content:space-between;gap:25px;align-items:center}.resource-card h3{margin:0 0 5px;font-size:19px;font-weight:900}.resource-card p{margin:0;color:#bbb;font-size:13px}.resource-btn{white-space:nowrap;padding:11px 16px;border-radius:50px;background:#ff6600;color:#111;font-size:12px;font-weight:900}.resource-btn:hover{background:#ffcc00;color:#111}
.video-placeholder{margin-top:30px;padding:28px;border:1px solid #e5e5e5;border-radius:22px;background:#fff}.video-placeholder h3{font-size:19px;font-weight:900;color:#111}.video-placeholder p{margin:0;color:#666;font-size:13px}
.cdm-cta{position:relative;overflow:hidden;padding:40px;border-radius:27px;background:linear-gradient(135deg,#ff6600,#ff9e38);color:#111}.cdm-cta::after{content:"";position:absolute;right:-80px;top:-100px;width:235px;height:235px;border:48px solid rgba(255,255,255,.15);border-radius:50%}.cdm-cta h2,.cdm-cta p,.cdm-btn{position:relative;z-index:2}.cdm-cta h2{font-size:31px;font-weight:900}.cdm-cta p{max-width:760px;font-weight:600}.cdm-btn{display:inline-flex;align-items:center;gap:9px;margin-top:8px;padding:12px 19px;border-radius:50px;background:#111;color:#fff;font-size:13px;font-weight:900}
@media(max-width:991px){.dutyholder-grid{grid-template-columns:repeat(2,1fr)}.role-block{grid-template-columns:1fr}.role-label{position:static}.parts-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.cdm-section{padding:62px 0}.parts-grid{grid-template-columns:1fr 1fr}.resource-card{align-items:flex-start;flex-direction:column}}
@media(max-width:575px){.dutyholder-grid,.parts-grid{grid-template-columns:1fr}.cdm-hero{padding:48px 0}.cdm-cta{padding:28px 23px}}

.cdm-video-card{max-width:900px;margin:30px auto 0;background:#fff;border:1px solid #e5e5e5;border-radius:22px;overflow:hidden;box-shadow:0 18px 42px rgba(0,0,0,.09)}
.cdm-video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#111}
.cdm-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cdm-video-caption{padding:18px 22px;font-size:16px;font-weight:800;color:#111}
.cdm-video-caption i{color:#f00;margin-right:9px}