/* =========================================================================
   gela-gen.us
   Class convention: "usg-" prefix, modifiers written as "usg-block--mod".
   Layout is editorial: numbered sections, asymmetric columns, a sticky
   side rail on long pages. No framework, no JavaScript.
   ========================================================================= */

:root{
  /* ink */
  --ink:#12211F;
  --ink-2:#3E5450;
  --ink-3:#6C837E;
  /* primary: deep green */
  --pine:#1F6F5C;
  --pine-dk:#155345;
  --pine-lt:#E4F0EC;
  /* accent: persimmon */
  --fire:#DE5B33;
  --fire-dk:#B34320;
  --fire-lt:#FCEBE4;
  /* surfaces */
  --paper:#FFFFFF;
  --sand:#F8F5EF;
  --sand-2:#EFE9DF;
  --rule:#DFD9CE;
  --rule-2:#C9C1B3;
  --night:#0F1D1B;
  --night-2:#17302C;
  /* shape */
  --rad:10px;
  --rad-lg:18px;
  --lift:0 1px 2px rgba(18,33,31,.05),0 10px 30px rgba(18,33,31,.07);
  --lift-2:0 2px 6px rgba(18,33,31,.06),0 22px 56px rgba(18,33,31,.13);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink-2);
  font:19px/1.72 "Public Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
h1,h2,h3,h4{margin:0 0 .55em;color:var(--ink);
  font-family:Archivo,"Public Sans",Helvetica,Arial,sans-serif;
  font-weight:800;letter-spacing:-.021em;line-height:1.14}
h1{font-size:34px}
h2{font-size:27px}
h3{font-size:20px;letter-spacing:-.012em}
h4{font-size:17px}
p{margin:0 0 1.15em}
a{color:var(--pine-dk);text-decoration:none}
a:hover{text-decoration:underline}
b,strong{color:var(--ink);font-weight:700}
img{max-width:100%;height:auto;display:block}
ul,ol{margin:0 0 1.2em;padding-left:1.3em}
li{margin-bottom:.5em}
table{width:100%;border-collapse:collapse;font-size:17px}
th,td{padding:13px 15px;text-align:left;vertical-align:top;
  border-bottom:1px solid var(--rule)}
thead th{background:var(--night);color:#fff;border-bottom:0;
  font-family:Archivo,sans-serif;font-weight:700;font-size:15.5px;
  letter-spacing:.02em;white-space:nowrap}
tbody th{width:34%;color:var(--ink);font-weight:700;
  border-left:3px solid var(--pine)}
:focus-visible{outline:3px solid var(--fire);outline-offset:2px}
::selection{background:var(--pine);color:#fff}

@media (min-width:760px){
  h1{font-size:46px}
  h2{font-size:34px}
  h3{font-size:22px}
}
@media (min-width:1180px){
  h1{font-size:56px}
  h2{font-size:38px}
}

/* ---------- shell ------------------------------------------------------- */
.usg-hold{width:100%;max-width:1220px;margin:0 auto;padding:0 20px}
.usg-hold--tight{max-width:900px}
.usg-jump{position:absolute;left:-9999px;top:0;z-index:120;padding:12px 18px;
  background:var(--night);color:#fff}
.usg-jump:focus{left:0}

/* ---------- announcement ------------------------------------------------ */
.usg-flash{background:var(--night);color:#BFD4CE;font-size:14.5px}
.usg-flash p{margin:0;padding:10px 0;text-align:center;line-height:1.5}
.usg-flash b{color:#fff}
.usg-flash i{font-style:normal;color:var(--fire);margin:0 12px}

/* ---------- masthead ---------------------------------------------------- */
.usg-top{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--rule);backdrop-filter:saturate(160%) blur(6px)}
.usg-top-in{display:flex;align-items:center;gap:18px;min-height:66px}
.usg-sign{display:flex;align-items:center;gap:10px;flex:none}
.usg-sign img{width:36px;height:36px}
.usg-sign span{font-family:Archivo,sans-serif;font-weight:800;font-size:23px;
  letter-spacing:-.028em;color:var(--ink);line-height:1}
.usg-sign span i{font-style:normal;color:var(--pine)}
.usg-sign em{display:block;margin-top:2px;font-style:normal;font-size:10px;
  letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.usg-menu{display:none;margin-left:auto;align-items:center;gap:2px}
.usg-menu a{padding:9px 11px;color:var(--ink-2);font-size:16px;font-weight:600;
  border-radius:7px}
.usg-menu a:hover{background:var(--sand);color:var(--pine-dk);text-decoration:none}
.usg-menu a[aria-current]{color:var(--pine);background:var(--pine-lt)}
.usg-tap{margin-left:auto}
.usg-tap a{display:inline-block;padding:10px 16px;border:1px solid var(--rule-2);
  border-radius:7px;color:var(--ink);font-size:15px;font-weight:700}
@media (min-width:1080px){
  .usg-menu{display:flex}
  .usg-tap{display:none}
}

/* ---------- buttons ----------------------------------------------------- */
.usg-go{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:16px 30px;border:0;border-radius:var(--rad);cursor:pointer;
  background:var(--fire);color:#fff;
  font:800 18px/1.15 Archivo,sans-serif;letter-spacing:-.004em;
  box-shadow:0 3px 0 var(--fire-dk);transition:transform .12s,box-shadow .12s}
.usg-go:hover{color:#fff;text-decoration:none;transform:translateY(3px);
  box-shadow:0 0 0 var(--fire-dk)}
.usg-go i{font-style:normal}
.usg-go--pine{background:var(--pine);box-shadow:0 3px 0 var(--pine-dk)}
.usg-go--pine:hover{box-shadow:0 0 0 var(--pine-dk)}
.usg-go--bare{background:none;color:var(--ink);border:2px solid var(--rule-2);
  box-shadow:none;padding:14px 26px}
.usg-go--bare:hover{color:var(--pine-dk);border-color:var(--pine);
  background:var(--pine-lt);transform:none}
.usg-go--wide{width:100%}
.usg-go--small{padding:11px 20px;font-size:15.5px;box-shadow:0 2px 0 var(--fire-dk)}
.usg-dim .usg-go--bare{color:#fff;border-color:rgba(255,255,255,.34)}
.usg-dim .usg-go--bare:hover{background:rgba(255,255,255,.1);color:#fff;
  border-color:rgba(255,255,255,.6)}

/* ---------- bands ------------------------------------------------------- */
.usg-band{padding:52px 0}
@media (min-width:900px){.usg-band{padding:74px 0}}
.usg-band--paper{background:var(--paper)}
.usg-band--sand{background:var(--sand)}
.usg-band--sand2{background:var(--sand-2)}
.usg-band--pine{background:var(--pine-lt)}
.usg-band--fire{background:var(--fire-lt)}
.usg-dim{background:var(--night);color:#B7CCC7}
.usg-dim h1,.usg-dim h2,.usg-dim h3,.usg-dim h4{color:#fff}
.usg-dim b,.usg-dim strong{color:#fff}
.usg-dim a{color:#8FD9C4}

/* section heading: number on the left, rule under it */
.usg-lead{max-width:760px;margin:0 0 38px}
.usg-lead-no{display:flex;align-items:center;gap:14px;margin:0 0 16px}
.usg-lead-no b{font:800 15px/1 Archivo,sans-serif;color:var(--fire);
  letter-spacing:.04em}
.usg-lead-no span{font:700 12px/1 "Public Sans",sans-serif;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ink-3)}
.usg-lead-no::after{content:"";flex:1;height:1px;background:var(--rule)}
.usg-dim .usg-lead-no::after{background:#2C4B45}
.usg-dim .usg-lead-no span{color:#8AA6A0}
.usg-lead p{margin:14px 0 0;font-size:19.5px;color:var(--ink-3)}
.usg-dim .usg-lead p{color:#95AFA9}

/* ---------- grids ------------------------------------------------------- */
.usg-row{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.usg-row--2,.usg-row--3,.usg-row--4{display:grid;
  grid-template-columns:minmax(0,1fr);gap:22px}
.usg-split{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;
  align-items:center}
@media (min-width:700px){
  .usg-row--2,.usg-row--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:980px){
  .usg-row--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .usg-row--4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .usg-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}
  .usg-split--wide{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
  .usg-split--flip > *:first-child{order:2}
}

/* ---------- hero -------------------------------------------------------- */
.usg-open{position:relative;overflow:hidden;padding:40px 0 52px;
  background:linear-gradient(172deg,var(--sand) 0%,#FBF9F5 55%,var(--paper) 100%)}
@media (min-width:900px){.usg-open{padding:60px 0 74px}}
.usg-open-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:34px;
  align-items:center}
@media (min-width:980px){
  .usg-open-grid{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:52px}
}
.usg-tagline{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;
  padding:7px 15px 7px 11px;border:1px solid var(--rule-2);border-radius:999px;
  background:var(--paper);font:700 12.5px/1 "Public Sans",sans-serif;
  letter-spacing:.15em;text-transform:uppercase;color:var(--ink-2)}
.usg-tagline em{display:inline-block;width:7px;height:7px;border-radius:50%;
  background:var(--fire);font-style:normal}
.usg-open h1{letter-spacing:-.032em}
.usg-open h1 u{text-decoration:none;color:var(--pine)}
.usg-open-lede{font-size:20px;line-height:1.65;color:var(--ink-2);
  max-width:36em;margin-bottom:22px}
.usg-shot{position:relative;text-align:center}
.usg-shot > img{margin-inline:auto;max-width:min(400px,100%)}
@media (min-width:980px){.usg-shot > img{max-width:min(470px,100%)}}
.usg-shot img.usg-seal{position:absolute;left:2%;bottom:4%;width:98px;height:98px;
  max-width:98px;filter:drop-shadow(0 10px 24px rgba(18,33,31,.24))}

/* the nutrient chip row under the hero copy */
.usg-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;
  list-style:none}
.usg-chips li{margin:0;display:inline-flex;align-items:baseline;gap:7px;
  padding:7px 13px;border:1px solid var(--rule);border-radius:999px;
  background:var(--paper);font-size:15px;color:var(--ink-2)}
.usg-chips li b{font-family:Archivo,sans-serif;font-size:15px}
.usg-chips li span{color:var(--fire-dk);font-weight:700;font-size:14.5px}

/* strip of four facts */
.usg-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;margin-top:34px;background:var(--rule)}
@media (min-width:900px){.usg-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}
.usg-facts > div{padding:20px 16px;background:var(--paper)}
.usg-facts b{display:block;font:800 24px/1.05 Archivo,sans-serif;color:var(--pine)}
.usg-facts span{display:block;margin-top:6px;font-size:14.5px;line-height:1.45;
  color:var(--ink-3)}
.usg-dim .usg-facts{background:#2C4B45}
.usg-dim .usg-facts > div{background:var(--night-2)}
.usg-dim .usg-facts b{color:#8FD9C4}
.usg-dim .usg-facts span{color:#8AA6A0}

/* ---------- prose + side rail ------------------------------------------- */
.usg-read{display:grid;grid-template-columns:minmax(0,1fr);gap:34px}
@media (min-width:1000px){
  .usg-read{grid-template-columns:225px minmax(0,1fr);gap:54px;align-items:start}
}
.usg-rail{display:none}
@media (min-width:1000px){
  .usg-rail{display:block;position:sticky;top:96px}
}
.usg-rail p{margin:0 0 12px;font:700 12px/1 "Public Sans",sans-serif;
  letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
.usg-rail ol{margin:0;padding:0;list-style:none;counter-reset:r}
.usg-rail li{counter-increment:r;margin:0;border-left:2px solid var(--rule)}
.usg-rail a{display:block;padding:8px 0 8px 15px;font-size:15.5px;
  line-height:1.4;color:var(--ink-2)}
.usg-rail a::before{content:counter(r,decimal-leading-zero) ".";
  margin-right:7px;font-family:Archivo,sans-serif;font-weight:800;
  font-size:12.5px;color:var(--fire)}
.usg-rail a:hover{color:var(--pine-dk);text-decoration:none}
.usg-prose{max-width:44rem}
.usg-prose h2{margin-top:2.6em;scroll-margin-top:96px}
.usg-prose h2:first-child{margin-top:0}
.usg-prose h3{margin-top:1.8em;color:var(--pine-dk)}
.usg-prose > p:last-child{margin-bottom:0}

/* ---------- callouts ---------------------------------------------------- */
.usg-aside{margin:0 0 1.4em;padding:20px 22px;background:var(--sand);
  border-left:4px solid var(--pine)}
.usg-aside p{margin:0;font-size:17.5px;line-height:1.66}
.usg-alert{margin:0 0 1.4em;padding:20px 22px;background:var(--fire-lt);
  border-left:4px solid var(--fire);color:#6B2C13}
.usg-alert p{margin:0;font-size:17.5px;line-height:1.66}
.usg-alert b{color:#4E1F0C}
.usg-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1.5em}

/* tick / cross lists */
.usg-yes,.usg-no{margin:0 0 1.4em;padding:0;list-style:none}
.usg-yes li,.usg-no li{position:relative;padding-left:32px;margin-bottom:11px;
  font-size:17.5px;line-height:1.6}
.usg-yes li::before{content:"";position:absolute;left:0;top:5px;width:21px;
  height:21px;border-radius:5px;background:var(--pine-lt)
   url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6F5C' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")
   center/12px no-repeat}
.usg-no li::before{content:"";position:absolute;left:0;top:5px;width:21px;
  height:21px;border-radius:5px;background:var(--fire-lt)
   url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B34320' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E")
   center/11px no-repeat}
.usg-dim .usg-yes li::before{background-color:rgba(143,217,196,.22)}

/* ---------- cards ------------------------------------------------------- */
.usg-note{padding:26px 24px;background:var(--paper);border:1px solid var(--rule);
  border-radius:var(--rad-lg);height:100%}
.usg-note p{margin:0;font-size:16.5px;line-height:1.62}
.usg-note h3{margin-bottom:9px}
.usg-note-ic{display:flex;align-items:center;justify-content:center;width:46px;
  height:46px;margin-bottom:15px;border-radius:12px;background:var(--pine-lt);
  color:var(--pine)}
.usg-note-ic svg{width:23px;height:23px}
.usg-note-ic--fire{background:var(--fire-lt);color:var(--fire-dk)}

/* numbered step */
.usg-step{position:relative;height:100%;padding:24px 22px 22px;
  background:var(--paper);border:1px solid var(--rule);border-radius:var(--rad-lg)}
.usg-step-n{display:block;margin-bottom:12px;
  font:800 13px/1 Archivo,sans-serif;letter-spacing:.14em;color:var(--fire)}
.usg-step h3{margin-bottom:8px}
.usg-step p{margin:0;font-size:16.5px;line-height:1.62}

/* ---------- nutrient cards (label hub + homepage) ----------------------- */
.usg-nut{display:block;height:100%;overflow:hidden;background:var(--paper);
  border:1px solid var(--rule);border-radius:var(--rad-lg);
  transition:border-color .15s,box-shadow .15s,transform .15s}
.usg-nut:hover{text-decoration:none;border-color:var(--pine);
  box-shadow:var(--lift-2);transform:translateY(-3px)}
.usg-nut-top{display:flex;align-items:baseline;justify-content:space-between;
  gap:12px;padding:16px 20px;background:var(--sand);
  border-bottom:1px solid var(--rule)}
.usg-nut-top b{font:800 18px/1.2 Archivo,sans-serif;color:var(--ink)}
.usg-nut-top span{flex:none;font:700 14.5px/1 "Public Sans",sans-serif;
  color:var(--fire-dk);white-space:nowrap}
.usg-nut figure{margin:0;aspect-ratio:5/3;overflow:hidden;background:var(--sand-2)}
.usg-nut figure img{width:100%;height:100%;object-fit:cover}
.usg-nut-body{padding:16px 20px 20px}
.usg-nut-body em{display:block;margin-bottom:6px;font-style:normal;
  font:700 11.5px/1 "Public Sans",sans-serif;letter-spacing:.16em;
  text-transform:uppercase;color:var(--pine)}
.usg-nut-body p{margin:0;font-size:16px;line-height:1.58;color:var(--ink-3)}

/* the big amount block on an ingredient page */
.usg-dose{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;
  background:var(--rule);border:1px solid var(--rule);border-radius:var(--rad-lg);
  overflow:hidden}
@media (min-width:760px){.usg-dose{grid-template-columns:repeat(4,minmax(0,1fr))}}
.usg-dose > div{padding:22px 18px;background:var(--paper);text-align:center}
.usg-dose b{display:block;font:800 27px/1.05 Archivo,sans-serif;color:var(--ink)}
.usg-dose b small{font-size:15px;font-weight:700;color:var(--ink-3)}
.usg-dose span{display:block;margin-top:7px;font-size:14px;line-height:1.45;
  color:var(--ink-3)}
.usg-dose > div:first-child{background:var(--pine)}
.usg-dose > div:first-child b,.usg-dose > div:first-child b small{color:#fff}
.usg-dose > div:first-child span{color:#B7DED2}

/* ---------- panel ------------------------------------------------------- */
.usg-label{max-width:34rem;border:2px solid var(--ink);border-radius:var(--rad);
  overflow:hidden;background:var(--paper)}
.usg-label-hd{padding:15px 20px;background:var(--ink);color:#fff}
.usg-label-hd b{display:block;font:800 19px/1.2 Archivo,sans-serif;
  letter-spacing:.02em;color:#fff}
.usg-label-hd span{display:block;margin-top:4px;font-size:14px;color:#A9C0BB}
.usg-label table{font-size:16px}
.usg-label th,.usg-label td{padding:11px 20px}
.usg-label tbody th{width:auto;background:none;border-left:0}
.usg-label td{text-align:right;font-family:Archivo,sans-serif;font-weight:700;
  color:var(--ink);white-space:nowrap}
.usg-label-ft{margin:0;padding:15px 20px;background:var(--sand);
  border-top:1px solid var(--rule);font-size:14px;line-height:1.55;
  color:var(--ink-3)}

/* ---------- quotes ------------------------------------------------------ */
.usg-say{height:100%;padding:24px 22px;background:var(--paper);
  border:1px solid var(--rule);border-radius:var(--rad-lg)}
.usg-say-mk{margin:0 0 12px;font:800 13px/1 Archivo,sans-serif;
  letter-spacing:.14em;text-transform:uppercase;color:var(--fire)}
.usg-say blockquote{margin:0 0 16px;font-size:17px;line-height:1.66;
  color:var(--ink-2)}
.usg-say-who{display:flex;align-items:center;gap:12px;padding-top:15px;
  border-top:1px solid var(--rule)}
.usg-say-who img{flex:none;width:46px;height:46px;border-radius:var(--rad);
  object-fit:cover}
.usg-say-who b{display:block;font-size:16.5px;color:var(--ink)}
.usg-say-who span{display:block;font-size:14px;color:var(--ink-3)}

/* ---------- price cards ------------------------------------------------- */
.usg-tiers{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;
  align-items:start}
@media (min-width:980px){
  .usg-tiers{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.usg-tier{position:relative;display:flex;flex-direction:column;height:100%;
  background:var(--paper);border:1px solid var(--rule-2);
  border-radius:var(--rad-lg);overflow:hidden}
.usg-tier--pick{border:2px solid var(--pine);box-shadow:var(--lift-2)}
.usg-tier-tag{margin:0;padding:11px;text-align:center;background:var(--sand-2);
  color:var(--ink-2);font:800 12px/1 Archivo,sans-serif;letter-spacing:.17em;
  text-transform:uppercase}
.usg-tier--pick .usg-tier-tag{background:var(--pine);color:#fff}
.usg-tier-in{display:flex;flex-direction:column;flex:1;padding:26px 22px 24px;
  text-align:center}
.usg-tier-in h3{margin-bottom:3px}
.usg-tier-sup{margin:0 0 16px;font-size:14px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--ink-3)}
.usg-tier figure{display:flex;align-items:flex-end;justify-content:center;height:190px;margin:0 auto 16px}
.usg-tier figure img{max-width:min(180px,100%);max-height:190px;width:auto;object-fit:contain;margin-inline:auto}
.usg-tier-num{margin:0;font-family:Archivo,sans-serif;line-height:1;
  color:var(--ink)}
.usg-tier-num u{text-decoration:none;font-size:21px;font-weight:800;
  vertical-align:super}
.usg-tier-num b{font-size:52px;font-weight:800;letter-spacing:-.035em}
.usg-tier-num span{display:inline-block;margin-left:6px;text-align:left;
  font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  color:var(--ink-3);line-height:1.2}
.usg-tier-sum{margin:8px 0 14px;font-size:16.5px;color:var(--ink-2)}
.usg-tier-list{flex:1;margin:16px 0 20px;padding:0;list-style:none;
  text-align:left}
.usg-tier-list li{position:relative;margin-bottom:9px;padding-left:26px;
  font-size:16px;line-height:1.5}
.usg-tier-list li::before{content:"";position:absolute;left:0;top:4px;width:17px;
  height:17px;border-radius:4px;background:var(--pine-lt)
   url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6F5C' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")
   center/10px no-repeat}
.usg-ship{display:inline-block;padding:6px 14px;border-radius:999px;
  font-size:13.5px;font-weight:700}
.usg-ship--free{background:var(--pine-lt);color:var(--pine-dk)}
.usg-ship--paid{background:var(--sand-2);color:var(--ink-3)}
.usg-tier-pay{margin:14px 0 0}
.usg-tier-pay img{max-width:min(165px,100%);margin-inline:auto}

/* ---------- FAQ (no JS) ------------------------------------------------- */
.usg-ask{counter-reset:q;max-width:52rem}
.usg-ask details{counter-increment:q;margin-bottom:10px;background:var(--paper);
  border:1px solid var(--rule);border-radius:var(--rad);overflow:hidden}
.usg-ask summary{position:relative;padding:17px 52px 17px 58px;cursor:pointer;
  list-style:none;font:700 17.5px/1.45 Archivo,sans-serif;color:var(--ink)}
.usg-ask summary::-webkit-details-marker{display:none}
.usg-ask summary::before{content:counter(q,decimal-leading-zero);
  position:absolute;left:20px;top:19px;font:800 13px/1 Archivo,sans-serif;
  color:var(--fire);letter-spacing:.03em}
.usg-ask summary::after{content:"";position:absolute;right:20px;top:22px;
  width:13px;height:13px;border-right:2.4px solid var(--pine);
  border-bottom:2.4px solid var(--pine);transform:rotate(45deg);
  transition:transform .18s}
.usg-ask details[open] summary{background:var(--pine-lt);color:var(--pine-dk)}
.usg-ask details[open] summary::after{transform:rotate(-135deg);top:26px}
.usg-ask-a{padding:0 22px 18px 58px}
.usg-ask-a p{margin:0;font-size:17px;line-height:1.68}

/* ---------- link cards -------------------------------------------------- */
.usg-onward{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media (min-width:700px){.usg-onward{grid-template-columns:repeat(3,minmax(0,1fr))}}
.usg-onward a{display:block;height:100%;padding:20px 22px;background:var(--paper);
  border:1px solid var(--rule);border-radius:var(--rad-lg);
  transition:border-color .15s,transform .15s}
.usg-onward a:hover{text-decoration:none;border-color:var(--pine);
  transform:translateY(-3px)}
.usg-onward b{display:block;margin-bottom:5px;color:var(--ink);
  font:800 17px/1.3 Archivo,sans-serif}
.usg-onward span{display:block;font-size:15.5px;line-height:1.55;
  color:var(--ink-3)}
.usg-dim .usg-onward a{background:var(--night-2);border-color:#2C4B45}
.usg-dim .usg-onward b{color:#fff}
.usg-dim .usg-onward span{color:#8AA6A0}

/* ---------- article cards ----------------------------------------------- */
.usg-piece{display:flex;flex-direction:column;height:100%;padding:24px 22px;
  background:var(--paper);border:1px solid var(--rule);border-radius:var(--rad-lg)}
.usg-piece-kind{align-self:flex-start;margin-bottom:12px;padding:5px 12px;
  border-radius:999px;background:var(--sand-2);color:var(--ink-2);
  font:700 11px/1 "Public Sans",sans-serif;letter-spacing:.15em;
  text-transform:uppercase}
.usg-piece h3{margin-bottom:9px;font-size:19px}
.usg-piece h3 a{color:var(--ink)}
.usg-piece h3 a:hover{color:var(--pine-dk);text-decoration:none}
.usg-piece p{flex:1;margin:0 0 16px;font-size:16px;line-height:1.6}
.usg-piece-ft{margin:0;padding-top:14px;border-top:1px solid var(--rule);
  font-size:14px;color:var(--ink-3)}

/* ---------- crumbs + page head ------------------------------------------ */
.usg-trail{padding:18px 0 0;font-size:14.5px;color:var(--ink-3)}
.usg-trail ol{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;
  list-style:none}
.usg-trail li{margin:0}
.usg-trail li+li::before{content:"/";margin-right:8px;color:var(--rule-2)}
.usg-head{padding:12px 0 44px;background:var(--sand);
  border-bottom:1px solid var(--rule)}
.usg-head .usg-trail{padding-top:18px}
.usg-kick{margin:0 0 10px;font:700 12px/1 "Public Sans",sans-serif;
  letter-spacing:.19em;text-transform:uppercase;color:var(--fire-dk)}
.usg-head-lede{max-width:44rem;margin:0;font-size:19.5px;color:var(--ink-2)}

/* ---------- badges / bonuses / guarantee -------------------------------- */
.usg-marks figure{margin:0;text-align:center}
.usg-marks img{max-width:min(145px,100%);margin:0 auto 12px}
.usg-marks b{display:block;margin-bottom:5px;color:var(--ink);
  font:800 16px/1.3 Archivo,sans-serif}
.usg-marks span{display:block;font-size:15px;line-height:1.55;color:var(--ink-3)}
.usg-book{height:100%;padding:20px 18px;text-align:center;background:var(--paper);
  border:1px solid var(--rule);border-radius:var(--rad-lg)}
.usg-book img{max-width:min(120px,100%);margin:0 auto 14px}
.usg-book b{display:block;margin-bottom:6px;color:var(--ink);
  font:800 16px/1.3 Archivo,sans-serif}
.usg-book span{display:block;font-size:15px;line-height:1.55;color:var(--ink-3)}
.usg-pledge{padding:30px 28px;background:var(--paper);
  border:1px solid var(--rule);border-radius:var(--rad-lg)}
.usg-pledge img{max-width:min(125px,100%);margin-inline:auto}

/* ---------- sources ----------------------------------------------------- */
.usg-refs{max-width:52rem;margin:0;padding-left:1.35em;font-size:16.5px}
.usg-refs li{margin-bottom:14px;line-height:1.62}
.usg-refs a{word-break:break-word}

/* ---------- closing ----------------------------------------------------- */
.usg-close{padding:58px 0;color:#B7CCC7;
  background:linear-gradient(146deg,var(--night) 0%,#14322B 58%,#1E4A3C 120%)}
.usg-close h2{color:#fff}

/* ---------- footer ------------------------------------------------------ */
.usg-foot{padding:54px 0 26px;background:var(--night);color:#8FA8A3}
.usg-foot-top{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;
  margin-bottom:38px}
@media (min-width:900px){
  .usg-foot-top{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:60px}
}
.usg-foot p{font-size:15.5px;line-height:1.65}
.usg-foot .usg-sign span{color:#fff}
.usg-foot .usg-sign em{color:#6F8985}
.usg-foot h4{margin-bottom:14px;color:#fff;font-size:12px;letter-spacing:.19em;
  text-transform:uppercase}
.usg-foot-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px}
@media (min-width:900px){
  .usg-foot-cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
}
.usg-foot ul{margin:0;padding:0;list-style:none}
.usg-foot li{margin-bottom:9px}
.usg-foot a{color:#B4C9C4;font-size:15.5px}
.usg-foot a:hover{color:#fff}
.usg-foot-mail{display:inline-block;color:#8FD9C4 !important;font-weight:700;
  font-size:17px}
.usg-fine{margin-top:38px;padding-top:26px;border-top:1px solid #24423C}
.usg-fine p{margin:0 0 13px;font-size:13.5px;line-height:1.62;color:#79918C}
.usg-fine b{color:#A6BCB7}
.usg-end{display:flex;flex-wrap:wrap;justify-content:space-between;
  align-items:center;gap:12px;margin-top:24px;padding-top:20px;
  border-top:1px solid #24423C;font-size:14px;color:#79918C}
.usg-end nav a{margin-left:16px;font-size:14px}

/* ---------- sticky mobile bar ------------------------------------------- */
.usg-dock{position:fixed;left:0;right:0;bottom:0;z-index:70;
  padding:10px 16px calc(10px + env(safe-area-inset-bottom));
  background:rgba(15,29,27,.97)}
.usg-dock .usg-go{width:100%;padding:13px 18px;font-size:16.5px}
body{padding-bottom:78px}
@media (min-width:1080px){
  .usg-dock{display:none}
  body{padding-bottom:0}
}