/* ============================================================
   Shared styles for the "In the Body" mechanism module (HCMechanism).
   Used by both food.html and supplements.html. Extracted v2.17.0 so
   the module's look lives in one place (Componentization Law).
   ============================================================ */
.fg-mech{background:linear-gradient(170deg,#0a1f2e,#0d2438);border:1.5px solid rgba(0,180,162,.22);border-radius:16px;padding:1.6rem 1.5rem 1.4rem;margin-top:1.4rem}
.fg-mech-hd{margin-bottom:1.5rem;padding-bottom:1.2rem;border-bottom:1px solid rgba(255,255,255,.09)}
.fg-mech-eyebrow{display:block;font-family:'Space Grotesk','Inter',sans-serif;font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--hc-teal-light);margin-bottom:.6rem}
.fg-mech-hook{font-family:'Fraunces',Georgia,serif;font-size:1.5rem;font-weight:700;line-height:1.2;color:#fff;margin:0 0 .6rem;letter-spacing:-.02em}
.fg-mech-lede{font-size:.88rem;line-height:1.65;color:rgba(255,255,255,.66);margin:0}
.fg-mech-list{list-style:none;margin:0;padding:0;position:relative}
.fg-mech-list::before{content:'';position:absolute;left:13px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--hc-teal),rgba(0,180,162,.15));border-radius:2px}
.fg-mech-st{position:relative;display:flex;gap:1rem;padding-bottom:1.6rem}
.fg-mech-st:last-child{padding-bottom:0}
.fg-mech-marker{position:relative;z-index:1;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#0d2438;border:2px solid var(--hc-teal);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk','Inter',sans-serif;font-size:.72rem;font-weight:700;color:var(--hc-teal-light)}
.fg-mech-body{flex:1;min-width:0}
.fg-mech-top{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;margin-bottom:.5rem}
.fg-mech-nm{font-family:'Fraunces',Georgia,serif;font-size:1.02rem;font-weight:700;color:#fff;margin:0;line-height:1.25}
.fg-mech-win{font-family:'Space Grotesk','Inter',sans-serif;font-size:.62rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--hc-teal-light);background:rgba(0,180,162,.14);border:1px solid rgba(0,180,162,.3);padding:.16rem .5rem;border-radius:50px;white-space:nowrap}
.fg-mech-what{font-size:.86rem;line-height:1.68;color:rgba(255,255,255,.74);margin:0}
.fg-mech-fig{margin:.7rem 0 0;padding:.7rem .85rem;background:rgba(0,180,162,.1);border-left:3px solid var(--hc-teal);border-radius:0 8px 8px 0;font-size:.83rem;line-height:1.6;color:#bff0e8;font-weight:500}
.fg-mech-honest{margin:.7rem 0 0;padding:.7rem .85rem;background:rgba(255,107,53,.09);border-left:3px solid var(--hc-coral);border-radius:0 8px 8px 0;font-size:.81rem;line-height:1.6;color:#ffc9b0}
.fg-mech-honest-l{font-family:'Space Grotesk','Inter',sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--hc-coral)}
.fg-mech-funder{margin:.55rem 0 0;font-size:.75rem;line-height:1.55;color:#e0c98a;font-style:italic}
.fg-mech-cite{margin:.5rem 0 0;font-size:.72rem;line-height:1.5;color:rgba(255,255,255,.42);font-style:italic}
.fg-mech-verdict{margin-top:1.5rem;padding:1.1rem 1.2rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:12px}
.fg-mech-vl{display:block;font-family:'Space Grotesk','Inter',sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hc-teal-light);margin-bottom:.45rem}
.fg-mech-verdict p{margin:0;font-size:.87rem;line-height:1.7;color:rgba(255,255,255,.8)}
@media(max-width:560px){
  .fg-mech{padding:1.2rem 1rem 1.1rem}
  .fg-mech-hook{font-size:1.25rem}
  .fg-mech-st{gap:.75rem}
  .fg-mech-list::before{left:11px}
  .fg-mech-marker{width:24px;height:24px;font-size:.66rem}
}