.ihra-badge{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;margin:2px 0 8px;padding:3px 11px 3px 6px;border-radius:999px;background:#fff;color:#1b2a3f;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.01em;white-space:nowrap;text-decoration:none;box-shadow:inset 0 0 0 1px #d3dbe6,0 1px 2px #1f4b8f12;transition:box-shadow .2s}
.ihra-badge svg{flex:none}
a.ihra-badge:hover{box-shadow:inset 0 0 0 1px #9fb3cf,0 3px 8px #1f4b8f1f}
.hero-marks{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 10px}
@media (min-width:761px){.hero-marks:has(> .sehat-badge:only-child){display:none}}
.hero-marks .sehat-badge,.hero-marks .ihra-badge{margin:0}
.hero-marks .ihra-badge{padding:4px 13px 4px 7px;font-size:13px}
.card-marks{display:inline-flex;flex:none;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px}
.card-mark{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px 0 6px;border-radius:999px;background:#fff;color:#1d2420;font-size:11.5px;font-weight:600;line-height:1;white-space:nowrap;box-shadow:inset 0 0 0 1px #dde3df}
.card-mark svg{flex:none}
.card-mark-chip{position:relative;flex:none;width:15px;height:11px;border-radius:2.5px;background:linear-gradient(135deg,#0b5f34,#25a85d)}
.card-mark-chip::after{content:"";position:absolute;top:3px;left:2.5px;width:5px;height:4px;border-radius:1px;background:linear-gradient(135deg,#f7e3a1,#c39a3a)}
.ihra-panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.ihra-panel-head .profile-section-heading{margin-bottom:0}
.ihra-facts{display:flex;flex-wrap:wrap;gap:8px 22px;margin:16px 0 12px;padding:14px 16px;border-radius:14px;background:#f3f6f9;font-size:14px}
.ihra-facts div{display:flex;flex-direction:column;gap:2px}
.ihra-facts dt{color:var(--muted);font-size:12px}
.ihra-facts dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
.ihra-panel .ihra-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:6px}