/* Live Earth on prism.metriq.org: the homepage band and the "See it live" callouts on research pages. */
.le-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;align-items:center;max-width:1280px;margin:64px auto;padding:40px 48px;border:1px solid rgba(42,209,137,.2);border-radius:24px;background:radial-gradient(120% 140% at 85% 50%,#0d2a26 0%,#0a1312 55%,#080c0d 100%);color:#e8f4ee}
.le-band-eyebrow{margin:0 0 12px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#7fe3d2}
.le-band-eyebrow span{color:#8ea398;letter-spacing:.04em;text-transform:none}
.le-band h2{margin:0 0 14px;font-size:clamp(30px,3.4vw,46px);line-height:1.05;font-weight:700;color:#f3fff9;text-wrap:balance}
.le-band p{margin:0 0 22px;max-width:520px;font-size:17px;line-height:1.55;color:#c6d8cf}
.le-band-actions{display:flex;gap:10px;flex-wrap:wrap}
.le-band-cta,.le-band-alt{display:inline-flex;align-items:center;gap:6px;padding:13px 20px;border-radius:12px;text-decoration:none;font-weight:600}
.le-band-cta{background:#2ad189;color:#04130d}
.le-band-cta:hover{background:#4fe0a2}
.le-band-alt{border:1px solid rgba(255,255,255,.19);color:#dcefe5}
.le-band-alt:hover{border-color:rgba(255,255,255,.4)}
.le-band-cta:focus-visible,.le-band-alt:focus-visible,.le-callout-cta:focus-visible{outline:2px solid #7fe3d2;outline-offset:3px}
.le-band-image{display:block;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.09);box-shadow:0 30px 80px rgba(0,0,0,.55)}
.le-band-image img{display:block;width:100%;height:auto}
@media(max-width:860px){.le-band{grid-template-columns:1fr;gap:22px;margin:28px 16px;padding:24px 20px}.le-band p{font-size:15px}}
.le-callout{display:flex;gap:16px;align-items:center;margin:22px 0 4px;padding:14px 16px;border:1px solid rgba(42,209,137,.33);border-radius:16px;background:#0b1715;color:#e2f2ea;max-width:760px}
.le-callout img{width:112px;height:72px;object-fit:cover;border-radius:10px;flex:0 0 auto}
.le-callout div{flex:1;display:grid;gap:4px}
.le-callout b{font-size:15px;color:#f2fff8}
.le-callout span{font-size:13px;line-height:1.5;color:#b9cdc3}
.le-callout-cta{padding:10px 14px;border-radius:10px;background:#2ad189;color:#04130d;font-weight:700;text-decoration:none;white-space:nowrap}
.le-callout-cta span{color:inherit;font-size:inherit}
@media(max-width:640px){.le-callout{flex-wrap:wrap}.le-callout img{display:none}.le-callout-cta{width:100%;text-align:center}}