/* InfraCompute follow alerts (round 12, pick 7): the follow form on tracker, library, GPU security, operator and lender
   pages. Uses the page's tokens where it has them and currentColor otherwise, so it fits every layout. CSP-safe. */
.lg-follow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px 28px;align-items:end;margin:34px 0 0;padding:20px 22px;border:1px solid var(--teal-line,color-mix(in srgb,currentColor 22%,transparent));border-radius:14px;background:var(--surface,color-mix(in srgb,currentColor 4%,transparent))}
.lg-follow h3{margin:4px 0 6px;font-size:1.12rem;line-height:1.3}
.lg-follow .eyebrow{margin:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent,inherit)}
.lg-follow .small{margin:0;font-size:13.5px;line-height:1.55;opacity:.9}
.lg-follow-in{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lg-follow label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lg-follow input[type=email],.lg-follow select{flex:1 1 220px;min-width:0;height:44px;padding:0 12px;border-radius:10px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);background:transparent;color:inherit;font:inherit;font-size:15px}
.lg-follow select{flex-basis:100%;width:100%;max-width:100%}
.lg-follow select option{color:#111;background:#fff}
.lg-follow button{height:44px;padding:0 20px;border-radius:10px;border:0;background:#006adb;color:#fff;font:inherit;font-weight:600;font-size:15px;cursor:pointer}
.lg-follow button:hover{background:#0a78f0}.lg-follow button:disabled{opacity:.6;cursor:wait}
.lg-follow button:focus-visible,.lg-follow input:focus-visible,.lg-follow select:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.lg-follow .lg-msg{grid-column:1/-1;margin:0;font-size:14px;min-height:1.2em}
.lg-follow .lg-msg.is-ok{color:var(--accent,inherit);font-weight:600}
.lg-follow .sr{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.lg-follow-wrap .lg-follow{margin:18px 0 8px}
@media (max-width:760px){.lg-follow{grid-template-columns:1fr}}
/* GPU security by country (pick 10): regulatory tracker links under each country. */
.ct-rel{display:flex;flex-wrap:wrap;gap:4px 14px;margin:12px 0 0;padding-top:10px;border-top:1px solid color-mix(in srgb,currentColor 14%,transparent);font-size:12px}
.ct-rel span{flex-basis:100%;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent,inherit)}
.ct-rel a{color:var(--link,inherit);overflow-wrap:anywhere}
/* Subscribe wall box (tools/legal/wall.py); also on investment pages, so colours fall back to currentColor */
.lg-wall{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px 28px;align-items:end;margin:28px 0;padding:22px 24px;border:1px solid var(--teal,color-mix(in srgb,currentColor 30%,transparent));border-radius:16px;background:var(--surface,color-mix(in srgb,currentColor 5%,transparent))}
.lg-wall h2{margin:4px 0 8px;font-size:1.3rem;line-height:1.25;letter-spacing:-.02em}
.lg-wall .eyebrow{margin:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent,inherit)}
.lg-wall p{margin:0;font-size:14.5px;line-height:1.55}
.lg-wall .small{margin-top:8px;font-size:12.5px;opacity:.85}
.lg-wall label{display:block;margin-bottom:6px;font-size:12.5px;opacity:.85}
.lg-wall-in{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lg-wall-in input[type=email]{flex:1 1 220px;min-width:0;height:46px;box-sizing:border-box;padding:0 14px;border-radius:10px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);background:var(--bg,transparent);color:inherit;font:15px inherit}
.lg-wall .lg-msg{min-height:1.2em;margin-top:8px;font-size:14px;color:#f2b45a}
.lg-wall .lg-msg.is-ok{color:#2fd1b5}
@media (max-width:760px){.lg-wall{grid-template-columns:1fr;padding:18px 16px}}
.lg-wall .sr{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}