/* Best Health IQ — Peptide Guides page */
.bhiq-gp {
  --gp-navy: #16233A;
  --gp-blue: var(--bhiq-blue, #3375D0);
  --gp-blue2: #3A6FCC;
  --gp-pink: #CC3366;
  --gp-panel: #F4F6FA;
  --gp-lblue: #E8EEF9;
  --gp-green: #DCEBE1;
  --gp-ink: var(--bhiq-ink, #16233A);
  --gp-grey: #6B7486;
  --gp-line: #E3E8F0;
  --gp-serif: var(--bhiq-serif, 'Noto Serif', Georgia, serif);
  --gp-ui: var(--bhiq-ui, 'Poppins', system-ui, sans-serif);
  font-family: var(--gp-ui);
  color: var(--gp-ink);
  background: #fff;
}
.bhiq-gp *, .bhiq-gp *::before, .bhiq-gp *::after { box-sizing: border-box; }
.bhiq-gp :where(h1, h2, h3, p, ul, ol, dl, dd) { margin: 0; padding: 0; }
.bhiq-gp :where(ul, ol) { list-style: none; }
.bhiq-gp svg { display: block; }
.bhiq-gp__wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; }
.bhiq-gp__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* HERO */
.bhiq-gp__hero { min-height: 790px; display: flex; align-items: center; padding: 72px 0 96px; background: #0E1A30; color: #fff; }
.bhiq-gp__hero-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: 56px; align-items: center; }
.bhiq-gp__hero-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.bhiq-gp__crumbs ol { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; color: rgba(255,255,255,.75); }
.bhiq-gp__crumbs a { display: inline-flex; align-items: center; gap: 6px; color: #fff; text-decoration: none; }
.bhiq-gp__crumbs svg { width: 15px; height: 15px; }
.bhiq-gp__pill { display: inline-block; padding: 6px 16px; border-radius: 999px; background: linear-gradient(90deg, #4F6A3D, #8BA870); color: #fff; font-size: 13px; font-weight: 600; letter-spacing: .02em; }
.bhiq-gp__hero h1 { font-family: var(--gp-serif); font-weight: 700; font-size: 60px; line-height: 1.15; color: #fff; letter-spacing: -.01em; }
.bhiq-gp__hero-sub { font-size: 18px; line-height: 1.6; color: rgba(255,255,255,.9); max-width: 640px; }
.bhiq-gp__graphwrap { display: flex; justify-content: center; min-width: 0; }

/* Hero graphic — "animated peptide chain", ported from besthealthiq.com/peptide-guides */
.ksc-pg{
  --pg-accent:#00B2FF;--pg-bright:#7FE0FF;
  --pg-bg:rgba(10,22,38,.55);--pg-ink:#EAF3FA;--pg-muted:#8CA2B8;
  --pg-size:520px;
  font-family:var(--bhiq-ui, Poppins, system-ui, sans-serif);color:var(--pg-ink);
  position:relative;width:100%;
  max-width:min(var(--pg-size),100%,var(--pg-max-h,70vh));aspect-ratio:1/1;
  margin:0 auto;min-width:0;box-sizing:border-box;overflow:hidden;
  border-radius:22px;border:1px solid rgba(0,178,255,.14);
  background:var(--pg-bg);
  -webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);
}
.ksc-pg *,.ksc-pg *::before,.ksc-pg *::after{box-sizing:border-box;}
.ksc-pg::after{content:"";position:absolute;inset:auto -25% -60% -25%;height:75%;
  background:radial-gradient(closest-side,rgba(0,178,255,.18),transparent 70%);pointer-events:none;}
.ksc-pg svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible;}

/* light sweep */
.ksc-pg .pg-scan{position:absolute;top:-30%;left:-40%;width:26%;height:160%;
  transform:rotate(16deg);pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(0,178,255,.13),transparent);
  animation:pgScan 7s ease-in-out infinite;}
@keyframes pgScan{0%,70%{left:-40%;opacity:0;}73%{opacity:1;}97%,100%{left:120%;opacity:0;}}

/* the wave the chain sits on */
.ksc-pg .pg-wave{fill:none;stroke:rgba(0,178,255,.32);stroke-width:1.6;stroke-linecap:round;
  stroke-dasharray:620;stroke-dashoffset:620;animation:pgDraw 8s ease-in-out infinite;}
.ksc-pg .pg-wave--ghost{stroke:rgba(0,178,255,.12);stroke-dasharray:none;stroke-dashoffset:0;animation:none;}
@keyframes pgDraw{0%{stroke-dashoffset:620;}35%,70%{stroke-dashoffset:0;}100%{stroke-dashoffset:-620;}}

/* beads assembling along the chain */
.ksc-pg .pg-bead{transform-origin:50% 50%;transform-box:fill-box;animation:pgBead 5.2s ease-in-out infinite;}
.ksc-pg .pg-bead:nth-of-type(2){animation-delay:.18s;}
.ksc-pg .pg-bead:nth-of-type(3){animation-delay:.36s;}
.ksc-pg .pg-bead:nth-of-type(4){animation-delay:.54s;}
.ksc-pg .pg-bead:nth-of-type(5){animation-delay:.72s;}
.ksc-pg .pg-bead:nth-of-type(6){animation-delay:.9s;}
.ksc-pg .pg-bead:nth-of-type(7){animation-delay:1.08s;}
@keyframes pgBead{0%{transform:scale(.2);opacity:0;}14%{transform:scale(1.15);opacity:1;}20%,82%{transform:scale(1);opacity:1;}96%,100%{transform:scale(.2);opacity:0;}}

/* bonds between beads */
.ksc-pg .pg-bond{stroke:rgba(0,178,255,.45);stroke-width:1.6;stroke-linecap:round;opacity:0;animation:pgBond 5.2s ease-in-out infinite;}
.ksc-pg .pg-bond:nth-of-type(2){animation-delay:.18s;}
.ksc-pg .pg-bond:nth-of-type(3){animation-delay:.36s;}
.ksc-pg .pg-bond:nth-of-type(4){animation-delay:.54s;}
.ksc-pg .pg-bond:nth-of-type(5){animation-delay:.72s;}
.ksc-pg .pg-bond:nth-of-type(6){animation-delay:.9s;}
@keyframes pgBond{0%{opacity:0;}18%,82%{opacity:1;}96%,100%{opacity:0;}}

/* step segments filling underneath */
.ksc-pg .pg-step{fill:rgba(0,178,255,.16);}
.ksc-pg .pg-step-fill{fill:var(--pg-accent);transform-origin:0% 50%;transform-box:fill-box;animation:pgStep 5.2s ease-in-out infinite;}
.ksc-pg .pg-step-fill:nth-of-type(2){animation-delay:.5s;}
.ksc-pg .pg-step-fill:nth-of-type(3){animation-delay:1s;}
.ksc-pg .pg-step-fill:nth-of-type(4){animation-delay:1.5s;}
@keyframes pgStep{0%,4%{transform:scaleX(0);}26%,84%{transform:scaleX(1);}98%,100%{transform:scaleX(0);}}

/* rotating dashed halo */
.ksc-pg .pg-halo{transform-origin:50% 50%;animation:pgSpin 32s linear infinite;}
@keyframes pgSpin{to{transform:rotate(360deg);}}

/* the moving marker on the chain */
.ksc-pg .pg-runner{animation:pgRun 5.2s ease-in-out infinite;}
@keyframes pgRun{0%,10%{opacity:0;}20%{opacity:1;}80%{opacity:1;}92%,100%{opacity:0;}}

/* label */
.ksc-pg .pg-tag{position:absolute;left:clamp(14px,5%,20px);bottom:clamp(14px,5%,20px);z-index:3;display:inline-flex;align-items:center;gap:8px;
  font-size:clamp(10px,1.05vw,11.5px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pg-muted);}
.ksc-pg .pg-dot{width:6px;height:6px;border-radius:50%;background:var(--pg-accent);box-shadow:0 0 0 0 rgba(0,178,255,.7);animation:pgPulse 2.4s ease-out infinite;}
@keyframes pgPulse{0%{box-shadow:0 0 0 0 rgba(0,178,255,.6);}70%{box-shadow:0 0 0 10px rgba(0,178,255,0);}100%{box-shadow:0 0 0 0 rgba(0,178,255,0);}}

/* GSAP takes over -> stand the CSS loop down */
.ksc-pg.is-gsap .pg-scan,.ksc-pg.is-gsap .pg-wave,.ksc-pg.is-gsap .pg-bead,
.ksc-pg.is-gsap .pg-bond,.ksc-pg.is-gsap .pg-step-fill,.ksc-pg.is-gsap .pg-halo,
.ksc-pg.is-gsap .pg-runner{animation:none!important;}
.ksc-pg .pg-spark{opacity:0;}

@media (max-width:900px){ .ksc-pg{--pg-size:min(68vw,420px);} }
@media (max-width:600px){
  .ksc-pg{--pg-size:min(70vw,290px);--pg-max-h:48vh;border-radius:18px;}
  .ksc-pg .pg-tag{letter-spacing:.1em;left:12px;bottom:12px;}
}
@media (max-width:400px){
  .ksc-pg{--pg-size:min(74vw,240px);--pg-max-h:44vh;border-radius:16px;}
  .ksc-pg .pg-tag{font-size:9.5px;letter-spacing:.08em;gap:6px;}
  .ksc-pg .pg-dot{width:5px;height:5px;}
}
@media (prefers-reduced-motion:reduce){
  .ksc-pg .pg-scan,.ksc-pg .pg-bead,.ksc-pg .pg-bond,.ksc-pg .pg-step-fill,
  .ksc-pg .pg-halo,.ksc-pg .pg-runner,.ksc-pg .pg-dot{animation:none!important;}
  .ksc-pg .pg-bead,.ksc-pg .pg-bond,.ksc-pg .pg-runner{opacity:1!important;transform:none!important;}
  .ksc-pg .pg-step-fill{transform:scaleX(1)!important;}
  .ksc-pg .pg-wave{animation:none!important;stroke-dashoffset:0!important;}
}

/* TABS */
.bhiq-gp__tabs { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.96); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); padding: 16px 0; border-bottom: 1px solid transparent; }
.bhiq-gp__tabs-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; max-width: 1160px; }
.bhiq-gp__tab { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 120px; padding: 18px 12px; border-radius: 16px; background: #fff; border: 1px solid #EEF1F6; box-shadow: 0 6px 24px rgba(22,35,58,.06); color: var(--gp-ink); text-decoration: none; transition: border-color .2s, box-shadow .2s, transform .2s; }
.bhiq-gp__tab svg { width: 34px; height: 34px; color: var(--gp-blue); }
.bhiq-gp__tab h3 { font-family: var(--gp-ui); font-size: 16px; font-weight: 600; color: var(--gp-ink); }
.bhiq-gp__tab:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(22,35,58,.10); }
.bhiq-gp__tab.is-active { border-color: var(--gp-blue); box-shadow: 0 10px 28px rgba(51,117,208,.18); }
.bhiq-gp__tab:focus-visible { outline: 2px solid var(--gp-blue); outline-offset: 2px; }

/* SECTIONS */
.bhiq-gp__sec { padding: 56px 0 24px; scroll-margin-top: 170px; }
.bhiq-gp__sec--last { padding-bottom: 88px; }
.bhiq-gp__sechead { display: flex; align-items: center; gap: 14px; margin-bottom: 28px; }
.bhiq-gp__secico { flex: 0 0 auto; width: 38px; height: 38px; color: var(--gp-blue); opacity: .85; }
.bhiq-gp__secico svg { width: 100%; height: 100%; }
.bhiq-gp__sechead h3 { font-family: var(--gp-serif); font-weight: 700; font-size: 22px; line-height: 1.3; color: var(--gp-ink); }
.bhiq-gp__sechead p { font-size: 14px; color: var(--gp-grey); margin-top: 2px; }
.bhiq-gp__card { background: #fff; border: 1px solid #EEF1F6; border-radius: 16px; box-shadow: 0 8px 30px rgba(22,35,58,.05); padding: 28px; }
.bhiq-gp__h2 { font-family: var(--gp-serif); font-weight: 700; font-size: 26px; line-height: 1.3; color: var(--gp-ink); margin-bottom: 18px; }
.bhiq-gp__h2--steps { margin-top: 44px; }
.bhiq-gp__muted { font-size: 13px; color: var(--gp-grey); }

/* Reconstitution */
.bhiq-gp__recon { display: grid; grid-template-columns: minmax(0, 1fr) 410px; gap: 32px; align-items: start; }
.bhiq-gp__supplies { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.bhiq-gp__supply { background: var(--gp-lblue); border-radius: 10px; padding: 16px 16px 18px; }
.bhiq-gp__supico { display: block; width: 20px; height: 20px; color: var(--gp-blue); margin-bottom: 8px; }
.bhiq-gp__supico svg { width: 100%; height: 100%; }
.bhiq-gp__supply h3 { font-family: var(--gp-serif); font-size: 17px; font-weight: 700; line-height: 1.35; color: var(--gp-ink); margin-bottom: 6px; }
.bhiq-gp__supply p { font-size: 13px; line-height: 1.6; color: var(--gp-grey); }
.bhiq-gp__steps { display: flex; flex-direction: column; gap: 18px; }
.bhiq-gp__steps li { display: flex; gap: 14px; align-items: flex-start; }
.bhiq-gp__num { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%; background: linear-gradient(135deg, #3A6FCC, #5A93E8); color: #fff; font-weight: 700; font-size: 14px; display: grid; place-items: center; box-shadow: 0 4px 12px rgba(51,117,208,.3); }
.bhiq-gp__steps h3 { font-family: var(--gp-ui); font-size: 16px; font-weight: 600; color: var(--gp-ink); margin: 4px 0 4px; }
.bhiq-gp__steps p { font-size: 14px; line-height: 1.65; color: var(--gp-grey); }
.bhiq-gp__side { display: flex; flex-direction: column; gap: 28px; }
.bhiq-gp__conc { border-radius: 16px; padding: 22px 22px 24px; color: #fff; background: linear-gradient(180deg, #16233A 0%, #1F4C8F 55%, #3A7BD8 100%); box-shadow: 0 16px 40px rgba(31,76,143,.35); }
.bhiq-gp__conc h2 { font-family: var(--gp-serif); font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 16px; }
.bhiq-gp__formula { background: rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.22); border-radius: 10px; padding: 12px 14px; margin-bottom: 14px; }
.bhiq-gp__formula h3 { font-family: var(--gp-ui); font-size: 12px; font-weight: 600; color: rgba(255,255,255,.8); margin-bottom: 4px; }
.bhiq-gp__formula p { font-size: 14px; font-weight: 600; color: #fff; }
.bhiq-gp__rows > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 7px 0; border-bottom: 1px solid var(--gp-line); }
.bhiq-gp__rows > div:last-child { border-bottom: 0; }
.bhiq-gp__rows dt { font-size: 14px; font-weight: 600; color: var(--gp-ink); }
.bhiq-gp__rows dd { font-size: 14px; font-weight: 600; color: var(--gp-blue); white-space: nowrap; }
.bhiq-gp__rows--dark > div { border-bottom-color: rgba(255,255,255,.14); }
.bhiq-gp__rows--dark dt { color: rgba(255,255,255,.82); font-weight: 400; }
.bhiq-gp__rows--dark dd { color: #fff; }
.bhiq-gp__syr { padding: 22px; }
.bhiq-gp__syr h3 { font-family: var(--gp-serif); font-size: 18px; font-weight: 700; color: var(--gp-ink); }
.bhiq-gp__syr .bhiq-gp__muted { margin: 2px 0 12px; }

/* Storage */
.bhiq-gp__store { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.bhiq-gp__storecol { background: var(--gp-lblue); border-radius: 12px; padding: 22px 20px 24px; }
.bhiq-gp__storecol--green { background: #ECEFEC; }
.bhiq-gp__storecol h2 { font-family: var(--gp-serif); font-size: 20px; font-weight: 700; color: var(--gp-ink); margin-bottom: 14px; }
.bhiq-gp__checks { display: flex; flex-direction: column; gap: 8px; }
.bhiq-gp__checks li { display: flex; gap: 8px; font-size: 14px; line-height: 1.6; color: #4A5468; }
.bhiq-gp__checks svg { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 3px; color: var(--gp-blue); }

/* Safety */
.bhiq-gp__safety { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.bhiq-gp__cardtitle { display: flex; align-items: center; gap: 10px; font-family: var(--gp-serif); font-size: 19px; font-weight: 700; color: var(--gp-ink); margin-bottom: 16px; }
.bhiq-gp__ti { flex: 0 0 auto; width: 22px; height: 22px; }
.bhiq-gp__ti svg { width: 100%; height: 100%; }
.bhiq-gp__ti--blue { color: var(--gp-blue); }
.bhiq-gp__ti--red { color: #E04E5A; }
.bhiq-gp__dots { display: flex; flex-direction: column; gap: 12px; }
.bhiq-gp__dots li { position: relative; padding-left: 16px; font-size: 14px; line-height: 1.55; color: #4A5468; }
.bhiq-gp__dots li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 5px; height: 5px; border-radius: 50%; background: var(--gp-blue); }
.bhiq-gp__contra { display: flex; flex-direction: column; gap: 12px; }
.bhiq-gp__contra li { position: relative; padding-left: 18px; }
.bhiq-gp__contra li::before { content: "•"; position: absolute; left: 2px; top: -1px; color: #E04E5A; font-size: 18px; line-height: 1.2; }
.bhiq-gp__contra h3 { font-family: var(--gp-ui); font-size: 14px; font-weight: 600; color: var(--gp-ink); }
.bhiq-gp__contra p { font-size: 13px; line-height: 1.5; color: var(--gp-grey); }
.bhiq-gp__monitor { border-radius: 16px; padding: 22px; background: linear-gradient(180deg, #16233A 0%, #1F4C8F 55%, #3A7BD8 100%); box-shadow: 0 16px 40px rgba(31,76,143,.35); }
.bhiq-gp__monitor .bhiq-gp__cardtitle { color: #fff; }
.bhiq-gp__monitor ul { display: flex; flex-direction: column; gap: 12px; }
.bhiq-gp__monitor li { background: rgba(232,238,249,.92); border-radius: 8px; padding: 10px 14px; }
.bhiq-gp__monitor li h3 { font-family: var(--gp-ui); font-size: 14px; font-weight: 600; color: var(--gp-ink); }
.bhiq-gp__monitor p { font-size: 13px; line-height: 1.5; color: #D9304A; }
.bhiq-gp__inject { display: flex; flex-direction: column; justify-content: center; gap: 14px; }
.bhiq-gp__inject .bhiq-gp__h2 { margin-bottom: 4px; }
.bhiq-gp__inject h3 { font-family: var(--gp-ui); font-size: 15px; font-weight: 600; color: var(--gp-ink); margin-bottom: 4px; }
.bhiq-gp__inject p { font-size: 14px; line-height: 1.6; color: var(--gp-grey); }

/* Dosing */
.bhiq-gp__dosing { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 32px; align-items: start; }
.bhiq-gp__serif { font-family: var(--gp-serif); font-size: 24px; font-weight: 700; color: var(--gp-ink); margin-bottom: 16px !important; }
.bhiq-gp__box { background: var(--gp-lblue); border-radius: 10px; padding: 16px 18px; margin-bottom: 16px; }
.bhiq-gp__box:last-child { margin-bottom: 0; }
.bhiq-gp__box p { font-size: 13px; line-height: 1.55; color: var(--gp-blue2); }
.bhiq-gp__boxlabel { font-family: var(--gp-ui); font-size: 12px; font-weight: 500; color: var(--gp-grey); margin-bottom: 4px; }
.bhiq-gp__box .bhiq-gp__boxformula { font-family: var(--gp-ui); font-size: 16px; font-weight: 700; color: var(--gp-ink); }
.bhiq-gp__exhead { font-family: var(--gp-ui); font-size: 15px; font-weight: 600; color: var(--gp-blue); margin-bottom: 8px; }
.bhiq-gp__exres { font-family: var(--gp-ui); font-size: 14px; font-weight: 600; margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(51,117,208,.18); }
.bhiq-gp__exres a { color: var(--gp-blue); text-decoration: none; }
.bhiq-gp__exres a:hover { text-decoration: underline; }
.bhiq-gp__ref { padding: 24px 0 0; overflow: hidden; }
.bhiq-gp__ref .bhiq-gp__serif { padding: 0 24px; }
.bhiq-gp__tablewrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.bhiq-gp__ref table { width: 100%; border-collapse: collapse; font-size: 14px; min-width: 380px; }
.bhiq-gp__ref th { background: var(--gp-panel); text-align: left; font-size: 12px; font-weight: 600; color: var(--gp-grey); padding: 10px 24px; white-space: nowrap; }
.bhiq-gp__ref td { padding: 14px 24px; color: var(--gp-grey); border-bottom: 1px solid #F0F2F6; white-space: nowrap; }
.bhiq-gp__ref td:first-child { font-weight: 700; color: var(--gp-ink); }
.bhiq-gp__foot { background: var(--gp-panel); padding: 16px 24px; font-size: 12px; line-height: 1.6; color: var(--gp-grey); }

/* RESPONSIVE */
@media (max-width: 1100px) {
  .bhiq-gp__recon { grid-template-columns: minmax(0, 1fr) 340px; }
}
@media (max-width: 991px) {
  .bhiq-gp__hero { min-height: 0; padding: 56px 0 64px; }
  .bhiq-gp__hero-grid { grid-template-columns: 1fr; gap: 36px; }
  .bhiq-gp__hero h1 { font-size: 46px; }
  .bhiq-gp__glass { max-width: 460px; }
  .bhiq-gp__recon, .bhiq-gp__dosing { grid-template-columns: 1fr; }
  .bhiq-gp__store { grid-template-columns: 1fr; }
  .bhiq-gp__safety { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .bhiq-gp__wrap { padding: 0 16px; }
  .bhiq-gp__hero { padding: 40px 0 48px; }
  .bhiq-gp__hero h1 { font-size: 36px; line-height: 1.2; }
  .bhiq-gp__hero-sub { font-size: 16px; }
  .bhiq-gp__glass { padding: 18px 16px 48px; }
  .bhiq-gp__tabs { position: static; padding: 20px 0 4px; }
  .bhiq-gp__tabs-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .bhiq-gp__tab { min-height: 96px; padding: 14px 8px; gap: 8px; border-radius: 12px; }
  .bhiq-gp__tab svg { width: 28px; height: 28px; }
  .bhiq-gp__tab h3 { font-size: 14px; text-align: center; }
  .bhiq-gp__hero { min-height: 0; }
  .bhiq-gp__sec { padding: 40px 0 12px; scroll-margin-top: 110px; }
  .bhiq-gp__card { padding: 20px; }
  .bhiq-gp__h2 { font-size: 22px; }
  .bhiq-gp__supplies { grid-template-columns: 1fr; }
  .bhiq-gp__supply { display: grid; grid-template-columns: 20px minmax(0, 1fr); column-gap: 12px; }
  .bhiq-gp__supico { grid-row: span 2; margin: 3px 0 0; }
  .bhiq-gp__ref { padding: 20px 0 0; }
  .bhiq-gp__ref .bhiq-gp__serif { padding: 0 20px; }
  .bhiq-gp__ref th, .bhiq-gp__ref td { padding-left: 16px; padding-right: 16px; }
  .bhiq-gp__serif { font-size: 21px; }
}