/* GROW-2 app page rank history. The chart itself is the SEO-5 markup from seo.css; these are the heading bits only. */
.gx-rh .gx-h{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em}
.gx-line{margin:6px 0 0;font-size:15px;font-weight:500;color:var(--fg);font-variant-numeric:tabular-nums}
.gx-n{font-family:var(--mono);font-variant-ligatures:none;font-weight:600}
.gx-cap{margin:4px 0 0;font-size:13px;color:var(--muted)}
.gx-dl{display:inline-block;margin-top:6px;font-size:13px;font-weight:600;color:var(--accent);text-decoration:none}
.gx-dl:hover{color:var(--accent-hover)}
.gx-first{margin:0;font-size:14px;color:var(--muted)}
/* App-page chart: own height, so seo.css's compare sizing and its phone override stay untouched. */
.gx-chart .gx-plot{height:220px}
/* Neutral focus ring on the chart card (no accent in the chart). */
.gx-plot:focus{outline:none}.gx-chart:has(.gx-plot:focus-visible){outline:2px solid var(--fg);outline-offset:2px}
.gx-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--ca);box-shadow:0 0 0 2px var(--card);transform:translate(-50%,-50%);pointer-events:none}
.gx-meth{margin-top:4px;font-size:12px;color:var(--muted);white-space:normal;max-width:300px;text-wrap:pretty}
.gx-nw{white-space:nowrap} /* keeps "Oct 20, 2026." together on desktop */
@media (max-width:600px){.gx-nw{white-space:normal}}
.gx-chart .sx-xl span.mo{display:none}
.gx-chart .sx-tt .row{gap:8px}.gx-chart .sx-tt .row b{margin-left:auto}
.gx-chart .sx-tt .chg{margin-left:6px}.gx-chart .sx-tt .chg.muted{color:var(--muted);background:none;font-weight:600}
@media (max-width:600px){.gx-chart .gx-plot{height:180px}.gx-chart .sx-xl span.mo{display:block}}
.gx-mode{position:absolute;top:0;bottom:0;width:9px;margin-left:-4px;background:repeating-linear-gradient(to bottom,var(--hair) 0 3px,transparent 3px 6px) center/1px 100% no-repeat} /* first day of a new ranking method: 1px dashed 3/3, --hair */