.hsc-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0 8px;display:grid}.hsc-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;min-width:0;padding:14px 12px}.hsc-card.after{background:#fff7ed;border-color:#fed7aa}.hsc-title{color:#1e293b;text-align:center;margin-bottom:8px;font-size:.85rem;font-weight:800}.hsc-card.after .hsc-title{color:#9a3412}.hsc-list{flex-direction:column;gap:6px;display:flex}.hsc-item{color:#334155;word-wrap:break-word;min-width:0;font-size:.76rem;line-height:1.4}.hsc-caption{text-align:center;color:#888;margin-top:6px;font-size:.8rem;font-style:italic}
.mag-wrap{flex-direction:column;gap:10px;margin:16px 0 8px;display:flex}.mag-row{align-items:center;gap:10px;display:flex}.mag-label{color:#1e293b;flex:0 0 130px;font-size:.76rem;font-weight:700}.mag-track{background:#f1f5f9;border-radius:8px;flex:auto;min-width:0;height:14px;overflow:hidden}.mag-fill{background:linear-gradient(90deg,#93c5fd,#3b82f6);border-radius:8px;height:100%}.mag-fill.actual{background:linear-gradient(90deg,#fca5a5,#ef4444)}.mag-caption{text-align:center;color:#888;margin-top:6px;font-size:.8rem;font-style:italic}
.mhg-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:16px 0 8px;display:grid}.mhg-card{text-align:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;min-width:0;padding:14px 10px}.mhg-icon{font-size:1.5rem}.mhg-name{color:#14532d;margin-top:4px;font-size:.78rem;font-weight:800}.mhg-desc{color:#4d7c0f;margin-top:4px;font-size:.68rem}.mhg-caption{text-align:center;color:#888;margin-top:6px;font-size:.8rem;font-style:italic}