.hhp-dp{padding:40px 0}
.hhp-dp__inner{max-width: 1600px;margin:0 auto;padding:0 16px}
.hhp-dp__head{text-align:center;margin-bottom:16px}
.hhp-dp h2{margin:0 0 6px;font-weight:700}
.hhp-dp__sub{color:#6b7280;margin:0}
.hhp-dp__grid{display:grid;gap:16px;grid-template-columns:repeat(1,minmax(0,1fr));list-style:none;margin:16px 0 0;padding:0}
@media(min-width:640px){.hhp-dp__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:940px){.hhp-dp__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.hhp-dp__item{margin:0}
.hhp-dp__card{display:flex;gap:14px;align-items:center;border:1px solid #e5e7eb;background:#fff;border-radius:16px;padding:16px;text-decoration:none;transition:transform .15s ease, box-shadow .15s ease}
.hhp-dp__card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.06)}
.hhp-dp__media{width:56px;height:56px;border-radius:14px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.hhp-dp__emoji{font-size:28px;line-height:1}
.hhp-dp__icon{width:40px;height:40px;object-fit:contain;display:block}
.hhp-dp__title{font-weight:700;color:#111827}
.hhp-dp__caption{display:block;color:#6b7280;font-size:.92rem}