.dhc{--gap:24px;--v:var(--dhc-d,3);background:#f1faf8;padding:clamp(40px,6vw,80px) 0;color:#0b3b45;box-sizing:border-box;overflow:hidden}
.dhc *,.dhc *::before,.dhc *::after{box-sizing:border-box}
@media(max-width:1024px){.dhc{--v:var(--dhc-t,2)}}
@media(max-width:640px){.dhc{--v:1;--gap:16px}}
.dhc-inner{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.dhc .dhc-title{font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.15;font-weight:800;margin:0 0 8px;color:#0b3b45}
.dhc .dhc-sub{margin:0 0 30px;max-width:36em;color:#3d5f66;font-size:1.05rem;line-height:1.5}
.dhc-viewport{overflow:hidden;padding:6px 4px 14px;margin:0 -4px}
.dhc-track{display:flex;gap:var(--gap);position:relative;transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform}
.dhc-card{flex:0 0 calc((100% - (var(--v) - 1) * var(--gap)) / var(--v));min-width:0;background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 6px 22px rgba(11,59,69,.09)}
.dhc-media{aspect-ratio:16/10;background:linear-gradient(135deg,#d6f1ec,#bfe6e0);display:flex;align-items:center;justify-content:center;overflow:hidden}
.dhc-media img{width:100%;height:100%;object-fit:cover;display:block;max-width:none}
.dhc-icon{width:64px;height:auto}
.dhc-body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
.dhc .dhc-ctitle{font-size:1.2rem;line-height:1.25;font-weight:700;margin:0 0 8px;color:#0b3b45}
.dhc .dhc-ctext{margin:0 0 16px;color:#46666d;line-height:1.55;font-size:.98rem}
.dhc .dhc-link{margin-top:auto;color:#0b3b45;font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#3cc4b4;text-decoration-thickness:2px}
.dhc .dhc-link:hover{color:#1f8f88}
.dhc-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;min-height:46px}
.dhc-dots{display:flex;gap:8px;flex-wrap:wrap}
.dhc .dhc-dot{width:28px;height:6px;padding:0;margin:0;border:0;border-radius:3px;background:#b9d9d4;cursor:pointer}
.dhc .dhc-dot.is-active{background:#0b3b45}
.dhc-arrows{display:flex;gap:10px}
.dhc .dhc-btn{width:46px;height:46px;padding:0;border-radius:50%;border:1px solid #0b3b45;background:transparent;color:#0b3b45;font-size:20px;line-height:1;cursor:pointer}
.dhc .dhc-btn:hover{background:#0b3b45;color:#fff}
.dhc .dhc-btn:focus-visible,.dhc .dhc-dot:focus-visible,.dhc .dhc-link:focus-visible{outline:3px solid #f2b84b;outline-offset:3px}
.dhc-static .dhc-controls{display:none}
@media(prefers-reduced-motion:reduce){.dhc-track{transition:none}}