/* MHP design system: self-hosted fonts + tokens. Generated 2026-07-30. */

@font-face{font-family:'Montserrat';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/montserrat-300.woff2) format('woff2');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/montserrat-400.woff2) format('woff2');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/montserrat-500.woff2) format('woff2');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/montserrat-600.woff2) format('woff2');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/montserrat-700.woff2) format('woff2');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/montserrat-800.woff2) format('woff2');}
@font-face{font-family:'Montserrat';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/montserrat-400i.woff2) format('woff2');}
@font-face{font-family:'Spectral';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/spectral-300.woff2) format('woff2');}
@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/spectral-400.woff2) format('woff2');}
@font-face{font-family:'Spectral';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/spectral-500.woff2) format('woff2');}
@font-face{font-family:'Spectral';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/spectral-600.woff2) format('woff2');}
@font-face{font-family:'Spectral';font-style:italic;font-weight:300;font-display:swap;src:url(fonts/spectral-300i.woff2) format('woff2');}
@font-face{font-family:'Spectral';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/spectral-400i.woff2) format('woff2');}
@font-face{font-family:'Spectral';font-style:italic;font-weight:500;font-display:swap;src:url(fonts/spectral-500i.woff2) format('woff2');}

:root{
  --mhp-navy:#16283c;
  --mhp-navy-deep:#101e2e;
  --mhp-teal:#14907f;
  --mhp-teal-ink:#0d6f62;
  --mhp-gold:#F0B40C;
  --mhp-paper:#f7f9f9;
  --mhp-paper-2:#eef2f2;
  --mhp-ink:#1d2b3a;
  --mhp-ink-soft:#44556a;
  --mhp-rule:rgba(22,40,60,.16);
  --mhp-rule-soft:rgba(22,40,60,.09);
  --mhp-rule-gold:rgba(201,162,39,.55);
  --mhp-serif:'Spectral', Georgia, serif;
  --mhp-sans:'Montserrat', Helvetica, sans-serif;
}

/* ---------- [mhp_record] credentials card ---------- */
.mhp-record{
  border:1px solid var(--mhp-rule);background:#fff;
  padding:30px 30px 26px;position:relative;
  box-shadow:0 30px 60px -42px rgba(22,40,60,.35);
  font-family:var(--mhp-serif);color:var(--mhp-ink);
  max-width:420px;
}
.mhp-record::before{content:"";position:absolute;inset:6px;border:1px solid var(--mhp-rule-soft);pointer-events:none}
.mhp-record__head{
  display:flex;justify-content:space-between;align-items:baseline;
  padding-bottom:14px;border-bottom:2px solid var(--mhp-navy);
}
.mhp-record__head span{
  font-family:var(--mhp-sans);font-weight:600;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--mhp-navy);
}
.mhp-record__head .mhp-record__tag{color:var(--mhp-gold)}
.mhp-record__row{
  display:flex;align-items:baseline;gap:10px;
  padding:13px 0;border-bottom:1px solid var(--mhp-rule-soft);
}
.mhp-record__lbl{font-size:14.5px;color:var(--mhp-ink-soft);white-space:nowrap}
.mhp-record__dots{flex:1;border-bottom:2px dotted var(--mhp-rule);transform:translateY(-4px);min-width:14px}
.mhp-record__val{font-family:var(--mhp-sans);font-weight:700;font-size:15px;color:var(--mhp-navy);font-variant-numeric:tabular-nums;white-space:nowrap}
.mhp-record__val .mhp-stars{color:var(--mhp-gold);font-size:11px;letter-spacing:1px}
.mhp-record__seals{display:flex;align-items:center;gap:16px;padding-top:18px;border-top:2px solid var(--mhp-navy);margin-top:2px}
.mhp-record__seals img{height:64px;width:auto}
.mhp-record__note{font-style:italic;font-size:13px;line-height:1.55;color:var(--mhp-ink-soft);margin:0}
.mhp-record--compact .mhp-record__note{margin-top:14px}