/* Knowledge Hub. Token-led so it sits on the host theme in either scheme. */
.gm-hub{--h-ink:#1b2130;--h-mut:#5b6474;--h-line:#e2e6ee;--h-card:#fff;--h-bg:#f6f8fb;
  --h-acc:#1f4fd8;--h-warm:#b45309;--h-ok:#0f7b4f;
  color:var(--h-ink);font-size:15px;line-height:1.55}
@media (prefers-color-scheme:dark){.gm-hub{--h-ink:#e8ebf2;--h-mut:#9aa3b4;--h-line:#2a3140;
  --h-card:#161b24;--h-bg:#10141b}}

.gm-hub-head{margin:0 0 26px}
.gm-hub-head h1{margin:0 0 6px;font-size:clamp(24px,3.4vw,34px);line-height:1.15}
.gm-hub-lede{margin:0;color:var(--h-mut);max-width:62ch}
.gm-hub-crumb{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--h-mut);margin:0 0 14px}
.gm-hub-crumb a{color:var(--h-acc);text-decoration:none}
.gm-hub-sec{margin:0 0 34px}
.gm-hub-cat{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--h-mut);
  margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--h-line)}

.gm-hub-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.gm-hub-card{display:flex;flex-direction:column;gap:5px;padding:16px;border-radius:12px;
  background:var(--h-card);border:1px solid var(--h-line);text-decoration:none;color:inherit;
  transition:border-color .15s,transform .15s}
.gm-hub-card:hover{border-color:var(--h-acc);transform:translateY(-1px)}
.gm-hub-card.is-static{cursor:default}
.gm-hub-card.is-static:hover{border-color:var(--h-line);transform:none}
.gm-hub-ico{width:26px;height:26px;color:var(--h-acc)}
.gm-hub-ico svg{width:100%;height:100%}
.gm-hub-title{font-weight:650}
.gm-hub-sub{font-size:13px;color:var(--h-mut)}
.gm-hub-flag{margin-top:4px;font-size:11px;font-weight:650;color:var(--h-warm);
  text-transform:uppercase;letter-spacing:.05em}

.gm-hub-tool{margin:0 0 20px}
.gm-hub-row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin:0 0 14px}
.gm-hub-field{display:flex;flex-direction:column;gap:5px;position:relative;min-width:130px}
.gm-hub-field.gm-hub-grow{flex:1 1 260px}
.gm-hub-field>span{font-size:12px;font-weight:650;color:var(--h-mut)}
.gm-hub input[type=text],.gm-hub input[type=number],.gm-hub input[type=search],.gm-hub select{
  padding:9px 11px;border:1px solid var(--h-line);border-radius:8px;background:var(--h-card);
  color:var(--h-ink);font-size:15px;width:100%;box-sizing:border-box}
.gm-hub-btn{padding:9px 15px;border-radius:8px;border:1px solid var(--h-line);
  background:var(--h-card);color:var(--h-ink);font-size:14px;font-weight:600;cursor:pointer}
.gm-hub-btn:hover{border-color:var(--h-acc)}
.gm-hub-primary{background:var(--h-acc);border-color:var(--h-acc);color:#fff}
.gm-hub-swap{align-self:flex-end;margin-bottom:2px;width:38px;height:38px;border-radius:8px;
  border:1px solid var(--h-line);background:var(--h-card);color:var(--h-ink);font-size:17px;cursor:pointer}
.gm-hub-x{border:0;background:transparent;color:var(--h-mut);font-size:17px;cursor:pointer;padding:0 4px}
.gm-hub-x:hover{color:#c0392b}
.gm-hub-hint,.gm-hub-none{font-size:13px;color:var(--h-mut)}

.gm-hub-note{margin:16px 0 0;padding:12px 14px;border-radius:10px;background:var(--h-bg);
  border:1px solid var(--h-line);font-size:13px;color:var(--h-mut)}
.gm-hub-warn{border-color:var(--h-warm);color:var(--h-ink);background:rgba(180,83,9,.07)}

.gm-hub-sug{position:absolute;top:100%;left:0;right:0;z-index:60;margin:3px 0 0;padding:4px;
  list-style:none;max-height:260px;overflow:auto;background:var(--h-card);
  border:1px solid var(--h-line);border-radius:10px;box-shadow:0 12px 26px rgba(16,24,40,.14)}
.gm-hub-sug-item{display:flex;flex-direction:column;padding:8px 10px;border-radius:6px;cursor:pointer}
.gm-hub-sug-item:hover{background:var(--h-bg)}
.gm-hub-sug-name{font-weight:600}
.gm-hub-sug-ctx{font-size:12px;color:var(--h-mut)}

/* clocks */
.gm-hub-clocks{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.gm-hub-clock{display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:12px;
  background:var(--h-card);border:1px solid var(--h-line)}
.gm-hub-clock.is-night{background:linear-gradient(180deg,var(--h-card),rgba(31,79,216,.06))}
.gm-hub-clock-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.gm-hub-clock-city{font-weight:650}
.gm-hub-clock-country{font-size:12px;color:var(--h-mut)}
.gm-hub-clock-time{font-size:30px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1;margin:4px 0 0}
.gm-hub-clock-date{font-size:13px;color:var(--h-mut)}
.gm-hub-clock-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--h-mut);margin-top:6px}
.gm-hub-clock-tz{font-size:11px;color:var(--h-mut);opacity:.75}

/* tables */
.gm-hub-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.gm-hub-table{width:100%;border-collapse:collapse;font-size:14px}
.gm-hub-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;
  color:var(--h-mut);padding:8px 10px;border-bottom:1px solid var(--h-line);white-space:nowrap}
.gm-hub-table td{padding:9px 10px;border-bottom:1px solid var(--h-line);vertical-align:top}
.gm-hub-num{text-align:right;font-variant-numeric:tabular-nums}
.gm-hub-alt{font-size:12px;color:var(--h-mut)}
.gm-hub-lines input{max-width:96px}

/* totals */
.gm-hub-totals{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-top:16px}
.gm-hub-tot-card{padding:14px;border-radius:12px;background:var(--h-card);border:1px solid var(--h-line)}
.gm-hub-tot-card h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--h-mut)}
.gm-hub-tot-card dl{display:grid;grid-template-columns:1fr auto;gap:4px 10px;margin:0;font-size:14px}
.gm-hub-tot-card dt{color:var(--h-mut)}
.gm-hub-tot-card dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;font-weight:600}

.gm-hub-result{margin:12px 0 0;padding:14px;border-radius:10px;background:var(--h-bg);
  border:1px solid var(--h-line)}
.gm-hub-fx-main{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;font-size:19px;margin-bottom:8px}
.gm-hub-fx-eq{color:var(--h-mut)}
.gm-hub-fx dl{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0;font-size:13px}
.gm-hub-fx dt{color:var(--h-mut)}
.gm-hub-fx dd{margin:0}

/* terms and glossary */
.gm-hub-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.gm-hub-chip{padding:6px 12px;border-radius:999px;border:1px solid var(--h-line);
  background:var(--h-card);color:var(--h-ink);font-size:13px;cursor:pointer}
.gm-hub-chip.is-on{background:var(--h-acc);border-color:var(--h-acc);color:#fff}
.gm-hub-terms{display:grid;gap:14px}
.gm-hub-gloss{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.gm-hub-term{padding:16px;border-radius:12px;background:var(--h-card);border:1px solid var(--h-line)}
.gm-hub-term header{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.gm-hub-term h3{margin:0;font-size:17px}
.gm-hub-code{display:inline-block;padding:2px 8px;border-radius:6px;background:var(--h-acc);
  color:#fff;font-size:14px;letter-spacing:.04em}
.gm-hub-pill{font-size:11px;padding:3px 9px;border-radius:999px;border:1px solid var(--h-line);color:var(--h-mut)}
.gm-hub-muted{opacity:.8}
.gm-hub-sum{margin:0 0 12px;color:var(--h-ink)}
.gm-hub-dl{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:5px 14px;margin:12px 0 0;font-size:14px}
.gm-hub-dl dt{color:var(--h-mut);font-weight:600}
.gm-hub-dl dd{margin:0}
.gm-hub-eg,.gm-hub-rel{margin:8px 0 0;font-size:13px;color:var(--h-mut)}
.gm-hub-eg span,.gm-hub-rel span{font-weight:650;color:var(--h-ink);margin-right:5px}

/* incoterms responsibility bar */
.gm-hub-bar{position:relative;display:flex;height:34px;border-radius:8px;overflow:hidden;
  margin:14px 0 6px;font-size:12px;font-weight:650;color:#fff}
.gm-hub-bar-seller{background:#1f4fd8;display:flex;align-items:center;padding-left:10px;min-width:44px}
.gm-hub-bar-buyer{background:#0f7b4f;display:flex;align-items:center;justify-content:flex-end;
  padding-right:10px;min-width:44px}
.gm-hub-bar-mark{position:absolute;top:0;bottom:0;transform:translateX(-50%);display:flex;
  flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.gm-hub-bar-mark i{position:absolute;top:0;bottom:0;width:2px;background:#fff}
.gm-hub-bar-mark b{position:relative;top:26px;white-space:nowrap;font-size:10px;
  color:var(--h-ink);background:var(--h-card);padding:1px 6px;border-radius:5px;border:1px solid var(--h-line)}
.gm-hub-riskline{margin:22px 0 0;font-size:13px;color:var(--h-mut)}
.gm-hub-back{margin-top:26px}
.gm-hub-back a{color:var(--h-acc);text-decoration:none}

@media (max-width:640px){
  .gm-hub-row{flex-direction:column;align-items:stretch}
  .gm-hub-swap{align-self:center;transform:rotate(90deg)}
  .gm-hub-dl{grid-template-columns:1fr}
  .gm-hub-dl dt{margin-top:6px}
  .gm-hub input,.gm-hub select{font-size:16px}
}

/* ---------------------------------------------- member benefits ---- */
.gm-ben-hero{padding:34px 30px;border-radius:16px;background:var(--h-card);
  border:1px solid var(--h-line);margin-bottom:28px;
  background-image:radial-gradient(circle at 88% 8%,rgba(31,79,216,.10),transparent 46%)}
.gm-ben-kicker{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--h-acc)}
.gm-ben-stats{display:flex;gap:30px;flex-wrap:wrap;margin:22px 0 0;padding:18px 0 0;
  border-top:1px solid var(--h-line)}
.gm-ben-stats div{min-width:120px}
.gm-ben-stats dt{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}
.gm-ben-stats dd{margin:2px 0 0;font-size:12px;color:var(--h-mut)}
.gm-ben-grid{grid-template-columns:repeat(auto-fill,minmax(258px,1fr))}
.gm-ben-card{padding:20px}
.gm-ben-card.is-feature{border-color:var(--h-acc)}
.gm-ben-more{margin-top:8px;font-size:13px;font-weight:650;color:var(--h-acc)}
.gm-ben-article{max-width:78ch}
.gm-ben-ico{width:34px;height:34px;margin-bottom:10px;display:block}
.gm-ben-summary{font-size:17px;line-height:1.55;color:var(--h-ink);margin:0 0 18px}
.gm-ben-list{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:8px}
.gm-ben-list li{position:relative;padding-left:26px;font-size:15px}
.gm-ben-list li::before{content:'';position:absolute;left:6px;top:.62em;width:7px;height:7px;
  border-radius:50%;background:var(--h-acc)}
.gm-ben-body p{margin:0 0 14px;line-height:1.65}
.gm-ben-cta{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 0}
.gm-ben-cta .gm-hub-btn{text-decoration:none;display:inline-block}
.gm-ben-other{margin-top:42px;padding-top:8px;border-top:1px solid var(--h-line)}
@media (max-width:640px){.gm-ben-hero{padding:24px 18px}.gm-ben-stats{gap:18px}
  .gm-ben-stats dt{font-size:22px}}

/* field height fix: the theme fixes inputs at 40px, which clipped text under vertical padding */
.gm-hub input[type=text],.gm-hub input[type=number],.gm-hub input[type=search],.gm-hub input[type=email],.gm-hub input[type=tel],.gm-hub input[type=url],.gm-hub input[type=date],.gm-hub select{height:42px;min-height:42px;padding-top:0;padding-bottom:0;line-height:normal}