/*
  /satellite-gold-map — lead-gen landing page. Reuses .xrt-sol-* (solutions.css),
  .xrt-location-* (location.css) and .xrt-contact__* (contact.css) components
  wholesale; this file only adds the two-column "sticky form left, content
  right" layout and a couple of page-local callout/list components that don't
  exist elsewhere on the site (myth-bust callout, source-table cards).
*/
.xrt-gm-layout{max-width:1280px;margin:0 auto;padding:36px 20px 0;display:grid;grid-template-columns:1fr;gap:28px}
@media(min-width:960px){
  .xrt-gm-layout{padding:56px 24px 0;grid-template-columns:360px 1fr;gap:36px;align-items:start}
}

.xrt-gm-form-col{order:2}
.xrt-gm-content-col{order:1;min-width:0}
@media(min-width:960px){
  .xrt-gm-form-col{order:1;position:sticky;top:96px}
  .xrt-gm-content-col{order:2}
}

/* Dark-green panel, same background/text tokens as the site's existing
   .xrt-sol-cta__inner "dark CTA" component — deliberately differentiates the
   form column from the white content column, with the same lime accent
   button (.xrt-contact__submit already uses var(--xrt-lime)/--xrt-lime-ink). */
.xrt-gm-form-card{background:var(--xrt-deep);border:1px solid var(--xrt-deep-d);border-radius:var(--xrt-r-lg);box-shadow:var(--xrt-shadow-md);padding:22px 20px}
.xrt-gm-form-eyebrow{font-family:var(--xrt-font-h);font-weight:700;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--xrt-lime);margin:0 0 6px}
.xrt-gm-form-card .xrt-contact__card-title{font-size:clamp(18px,2.2vw,22px);color:var(--xrt-on-deep)}
.xrt-gm-form-card .xrt-contact__card-sub{color:var(--xrt-on-deep-muted)}
.xrt-gm-form-card .xrt-contact__label{color:var(--xrt-on-deep)}
.xrt-gm-form-card .xrt-contact__label small{color:var(--xrt-on-deep-muted)}
.xrt-gm-form-card .xrt-contact__input,
.xrt-gm-form-card .xrt-contact__select,
.xrt-gm-form-card .xrt-contact__textarea{background:#fff;color:var(--xrt-ink)}
.xrt-gm-form-card .xrt-contact__success h3{color:var(--xrt-on-deep)}
.xrt-gm-form-card .xrt-contact__success p{color:var(--xrt-on-deep-muted)}
.xrt-gm-form-note{font-size:12.5px;line-height:1.5;color:var(--xrt-on-deep-muted);margin:14px 0 0}

/* Myth-bust / trust callout ("Check the Claims Before You Dig") */
.xrt-gm-callout{max-width:900px;margin:0 auto 8px;background:var(--xrt-cream);border:1px solid var(--xrt-border);border-radius:var(--xrt-r-lg);padding:22px 24px}
@media(min-width:768px){.xrt-gm-callout{padding:28px 32px}}
.xrt-gm-callout__title{display:flex;align-items:center;gap:10px;font-family:var(--xrt-font-h);font-weight:800;font-size:clamp(18px,2.4vw,22px);color:var(--xrt-ink);margin:0 0 10px}
.xrt-gm-callout__title svg{flex:0 0 auto;width:22px;height:22px;color:var(--xrt-teal)}
.xrt-gm-callout p{font-size:15px;line-height:1.65;color:#3f4a44;margin:0 0 12px}
.xrt-gm-callout p:last-child{margin-bottom:0}
.xrt-gm-callout ul{margin:0 0 12px;padding-left:20px}
.xrt-gm-callout li{font-size:15px;line-height:1.6;color:#3f4a44;margin-bottom:6px}

/* Country / production ranking list */
.xrt-gm-rank{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.xrt-gm-rank li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 16px;background:#fff;border:1px solid var(--xrt-border);border-radius:var(--xrt-r-md)}
.xrt-gm-rank__name{font-family:var(--xrt-font-h);font-weight:700;font-size:15px;color:var(--xrt-ink)}
.xrt-gm-rank__val{font-family:var(--xrt-font-h);font-weight:800;font-size:15px;color:var(--xrt-teal);white-space:nowrap}

@media(max-width:959px){
  .xrt-gm-form-card{max-width:520px;margin:0 auto}
}
@media(max-width:480px){
  .xrt-gm-layout{padding:24px 14px 0;gap:20px}
  .xrt-gm-form-card{padding:20px 16px;border-radius:var(--xrt-r-md)}
  .xrt-gm-form-card .xrt-contact__row{grid-template-columns:1fr}
}

/* Interactive Leaflet map (real EOX Sentinel-2 tiles + gold-district markers) */
.xrt-gm-map-wrap{max-width:1100px;margin:0 auto 2.5rem}
#xrt-gm-map{
  height:420px;width:100%;border-radius:var(--xrt-r-lg);
  border:1px solid var(--xrt-border);box-shadow:var(--xrt-shadow-sm);
  background:#0f1610; /* dark placeholder while tiles load */
}
@media(min-width:768px){#xrt-gm-map{height:520px}}
.xrt-gm-map-caption{font-size:13.5px;line-height:1.55;color:#5c6a63;margin:10px 4px 0}
.xrt-gm-map-wrap .leaflet-popup-content{font-family:var(--xrt-font-b);font-size:13.5px;line-height:1.5;color:var(--xrt-ink)}
.xrt-gm-map-wrap .leaflet-popup-content strong{font-family:var(--xrt-font-h)}
.xrt-gm-map-wrap .leaflet-control-layers{font-family:var(--xrt-font-b);font-size:13px}
.xrt-gm-marker span{
  display:block;width:14px;height:14px;border-radius:50%;
  background:var(--xrt-lime);border:2px solid #123d33;box-shadow:0 0 0 2px rgba(255,255,255,.6);
}