/* Earn hero (p209): headline + illustration + 2x2 stat grid with thin top dividers. Green panel in both themes. */
.earn-hero{position:relative;overflow:hidden;margin:0 0 18px;padding:22px 18px 18px;border-radius:22px;color:#eafff3;
  background:radial-gradient(120% 80% at 85% 0%,#1c6b4c 0%,transparent 60%),linear-gradient(165deg,#0b3a2a 0%,#06261b 70%);border:1px solid #ffffff14}
.earn-hero .desk-kicker{color:#9fe0bf;margin:0 0 6px}
.earn-hero h1{margin:0;color:#fff;font-size:clamp(30px,8.4vw,52px);line-height:1.04;letter-spacing:-.02em}
.eh-sub{margin:10px 0 0;color:#cfeedd;font-size:15px;line-height:1.45;max-width:34ch}
.eh-art{display:block;width:100%;max-width:330px;height:auto;margin:10px auto 4px}
.eh-stats{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;margin:6px 0 0;padding:0}
.eh-stat{margin:0;padding:12px 0 10px;border-top:1px solid #ffffff2e;min-width:0}
.eh-stat .eh-dt{display:flex;align-items:center;gap:6px;color:#cfeedd;font-size:13px;line-height:1.3}
.eh-stat .eh-dd{margin:6px 0 0;color:#fff;font-size:13px;line-height:1.2}
.eh-stat .eh-dd b{font-size:clamp(26px,7.2vw,34px);font-weight:700;letter-spacing:-.01em;margin-right:4px;font-variant-numeric:tabular-nums}
.eh-stat .eh-dd small{color:#cfeedd;font-size:12px}
.eh-tip{position:relative;display:inline-block}
.eh-tip summary{list-style:none;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1.5px solid #cfeedd;color:#cfeedd;font:700 11px/1 var(--mono,monospace);cursor:pointer}
.eh-tip summary::-webkit-details-marker{display:none}
.eh-tip summary:focus-visible{outline:2px solid #ffdf1b;outline-offset:2px}
.eh-tip[open] summary{background:#ffdf1b;border-color:#ffdf1b;color:#14231d}
.eh-tip p{position:absolute;z-index:5;left:-8px;top:26px;width:min(250px,70vw);margin:0;padding:10px 12px;border-radius:12px;background:#fff;color:#14201b;font-size:12.5px;line-height:1.45;box-shadow:0 8px 30px #0006}
.eh-stat:nth-child(even) .eh-tip p{left:auto;right:-8px}
.eh-note{margin:14px 0 0;color:#cfeedd;font-size:13px;line-height:1.5}
@media (min-width:900px){
  .earn-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:8px 28px;align-items:center;padding:34px 36px 26px}
  .earn-hero .eh-text{grid-column:1;grid-row:1}
  .eh-art{grid-column:2;grid-row:1/3;max-width:400px;margin:0 auto}
  .eh-stats{grid-column:1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 30px}
  .eh-note{grid-column:1/3}
  .eh-stat:nth-child(even) .eh-tip p{left:-8px;right:auto}
}
html[data-theme=light] .earn-hero{box-shadow:var(--shadow)}
html[data-theme=light] .earn-hero a{color:#ffdf1b}
html[data-theme=light] .earn-hero h1{color:#fff!important}
html[data-theme=light] .earn-hero .desk-kicker{color:#9fe0bf!important}
html[data-theme=light] .earn-hero .eh-sub,html[data-theme=light] .earn-hero .eh-note,html[data-theme=light] .earn-hero .eh-dt{color:#cfeedd!important}
html[data-theme=light] .earn-hero .eh-dd,html[data-theme=light] .earn-hero .eh-dd b{color:#fff!important}
.eh-stat .eh-dd b{white-space:nowrap}.eh-stat .eh-dd.eh-sm b{font-size:clamp(22px,6.2vw,30px)}
/* p210: tappable term blocks + referral link (overlay button/link; the ⓘ tooltip sits above it) */
.eh-stat{position:relative;border-radius:0 0 12px 12px;transition:background .15s}
.eh-pick{position:absolute;inset:0;z-index:1;margin:0;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;color:inherit}
.eh-pick:focus-visible{outline:2px solid #ffdf1b;outline-offset:2px}
.eh-tip{z-index:3}
.eh-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.eh-term,.eh-ref{padding-right:22px}
.eh-term::after,.eh-ref::after{content:"→";position:absolute;right:4px;bottom:12px;color:#9fe0bf;font-size:15px;opacity:.75;transition:transform .15s,opacity .15s}
.eh-ref::after{content:"↗"}
@media (hover:hover){.eh-term:hover,.eh-ref:hover{background:#ffffff0f}.eh-term:hover::after,.eh-ref:hover::after{opacity:1;transform:translateX(3px)}}
.eh-term:active,.eh-ref:active{background:#ffffff1a}
.eh-term:has(.eh-pick[aria-pressed=true]),.eh-term:has(.eh-pick.on){background:#ffdf1b14;border-top-color:#ffdf1b}
.eh-term:has(.eh-pick[aria-pressed=true]) .eh-dd b,.eh-term:has(.eh-pick.on) .eh-dd b{color:#ffdf1b!important}
[data-defi-calculator],#connectCard,#referralCard{scroll-margin-top:96px}
/* cabinet variant */
.eh-cab{margin:0 0 14px}
.eh-cab h1{font-size:clamp(26px,7vw,40px)}
@media (min-width:900px){.eh-cab{padding:28px 30px 22px}.eh-cab .eh-art{max-width:320px}}