.hpc-wrap{background:#fff4dc;border:2px dashed #f1a400;border-radius:6px;padding:8px;font-family:Arial,Helvetica,sans-serif;}
.hpc-head{font-size:13px;font-weight:700;margin-bottom:6px;}
.hpc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.hpc-card{background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px;display:flex;flex-direction:column;}
.hpc-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;margin-bottom:4px;line-height:1.2;}
.hpc-title-text{display:block;flex:1;word-break:break-word;}
.hpc-icon{width:22px;height:22px;flex-shrink:0;}
.hpc-sub{font-size:11px;color:#444;margin-bottom:6px;}
.hpc-btn{display:block;width:100%;text-align:center;font-size:12px;font-weight:700;color:#fff;padding:6px 0;border-radius:3px;text-decoration:none;margin-top:auto;}
.green{background:#28a745;}
@media(max-width:768px){
  .hpc-grid{display:flex;overflow-x:auto;}
  .hpc-card{min-width:70%;}
  .hpc-grid::-webkit-scrollbar{display:none;}
}