.dg{padding:56px 20px 48px;background:#fff}
.dg-in{max-width:1260px;margin:0 auto}
.dg-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}
.dg-head h2{margin:4px 0 6px}
.dg-sub{margin:0;color:#5d7378;font-size:15px}
.dg-count{flex:none;border:1px solid #cfe0dc;border-radius:999px;padding:7px 14px;font-size:13px;color:#2f6a63;white-space:nowrap}
.dg-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.dg-card{position:relative;display:block;aspect-ratio:197/214;border-radius:15px;overflow:hidden;background:#0b3b44;color:#fff;text-decoration:none;isolation:isolate;min-height:44px;transition:transform .25s ease,box-shadow .25s ease}
.dg-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;z-index:-2;transition:transform .5s ease}
.dg-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(5,25,30,.82) 0%,rgba(5,25,30,.45) 30%,rgba(5,25,30,0) 58%)}
.dg-tag{position:absolute;top:10px;left:10px;background:rgba(255,255,255,.92);color:#0b3b44;font-size:11px;font-weight:600;padding:4px 9px;border-radius:7px;line-height:1.2}
.dg-name{position:absolute;left:14px;right:40px;bottom:12px;font-size:18px;font-weight:600;line-height:1.2;text-shadow:0 1px 6px rgba(0,0,0,.55)}
.dg-arr{position:absolute;right:12px;bottom:12px;font-size:16px;text-shadow:0 1px 6px rgba(0,0,0,.55)}
.dg-card:hover,.dg-card:focus-visible{transform:translateY(-3px);box-shadow:0 12px 26px rgba(11,59,68,.22)}
.dg-card:hover img{transform:scale(1.04)}
.dg-card:focus-visible,.dg-help a:focus-visible{outline:3px solid #f2796b;outline-offset:3px}
.dg-help{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding:16px 20px;background:#eff7f4;border:1px solid #dbebe6;border-radius:12px}
.dg-help p{margin:0;color:#35575c;font-size:15px}
.dg-help a{flex:none;min-height:44px;display:inline-flex;align-items:center;font-weight:600;color:#1e6b5f;text-decoration:none}
@media(max-width:1100px){.dg-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){.dg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.dg{padding:40px 20px 36px}.dg-head{flex-direction:column;align-items:flex-start;gap:12px}.dg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dg-card{border-radius:12px;aspect-ratio:169/183}.dg-name{font-size:16px;left:12px;bottom:11px}.dg-help{flex-direction:column;align-items:flex-start;gap:4px}}
@media(prefers-reduced-motion:reduce){.dg-card,.dg-card img{transition:none}}
.dg-card{box-shadow:inset 0 0 0 1px rgba(11,59,68,.14)}
.dg-card:hover,.dg-card:focus-visible{box-shadow:0 12px 26px rgba(11,59,68,.22),inset 0 0 0 1px rgba(11,59,68,.14)}
.dg-help a{gap:6px}
.dg{padding:36px 20px 40px}
.dg-head{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;margin-bottom:18px}
.dg-head .eyebrow{margin:0 0 2px;text-align:center}
.dg-head h2{margin:0 0 4px;text-align:center}
.dg-sub{margin:0;text-align:center}
.dg-count{margin-top:2px;padding:5px 12px;font-size:12px}
@media(max-width:620px){.dg{padding:24px 20px 32px}.dg-head{align-items:center;gap:6px;margin-bottom:14px}.dg-head h2{font-size:26px;line-height:1.15}.dg-sub{font-size:14px}.dg-count{margin-top:0}}
.dg-count{display:none!important}