/* ===========================================================
   GOVP × Gemacode Research — token bridge (Signal / indigo)
   Re-maps the GOVP product site to the Research design language
   without touching its layout or the in-browser verifier.
   =========================================================== */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700&family=Hanken+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{
  --bg:#F4F3EE; --bg-2:#EFEDE5; --surface:#FFFFFF; --surface-2:#F0EEE6;
  --line:rgba(22,24,29,.12); --line-2:rgba(22,24,29,.07); --line-strong:rgba(22,24,29,.22);
  --text:#16181D; --text-2:#494D56; --muted:#777D87; --faint:#ADB1B8;
  --accent:#3B43B5; --accent-2:#2E3490; --accent-ink:#3B43B5;
  --accent-bg:rgba(59,67,181,.07); --accent-line:rgba(59,67,181,.28);
  --ok:#267D5B; --ok-bg:rgba(38,125,91,.09); --warn:#A36A20;
  --grid-line:rgba(22,24,29,.05);
  --font:"Hanken Grotesk",-apple-system,system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --radius:12px; --radius-sm:8px;
}
html[data-theme="light"]{
  --bg:#F4F3EE; --bg-2:#EFEDE5; --surface:#FFFFFF; --surface-2:#F0EEE6;
  --line:rgba(22,24,29,.12); --line-2:rgba(22,24,29,.07); --line-strong:rgba(22,24,29,.22);
  --text:#16181D; --text-2:#494D56; --muted:#8A8F99; --faint:#B4B8C0;
  --accent:#3B43B5; --accent-2:#2E3490; --accent-ink:#3B43B5;
  --accent-bg:rgba(59,67,181,.07); --accent-line:rgba(59,67,181,.28);
}
[data-theme-toggle]{ display:none !important; }
h1,h2,h3,.h1,.h2,.h3{ font-family:"Bricolage Grotesque","Hanken Grotesk",sans-serif !important; letter-spacing:-.02em; }
.gc-back{ position:fixed; left:14px; bottom:14px; z-index:200;
  font-family:var(--mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--text); background:var(--surface); border:1px solid var(--line-strong);
  padding:9px 13px; border-radius:9px; text-decoration:none; }
.gc-back:hover{ border-color:var(--accent); color:var(--accent-ink); }

.applied-use{
  display:grid; grid-template-columns:150px minmax(0,1fr) auto; gap:28px;
  align-items:center; padding:28px 30px; border:1px solid var(--line);
  background:var(--surface);
}
.applied-label{
  color:var(--accent); font:10px var(--mono); text-transform:uppercase;
  letter-spacing:.1em;
}
.applied-copy h2,.applied-copy h3{
  max-width:none; margin:0 0 7px; font-size:24px;
}
.applied-copy p{ max-width:760px; margin:0; color:var(--text-2); font-size:14px; }
.applied-links{ display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.applied-link{
  display:inline-flex; align-items:center; min-height:40px; padding:0 13px;
  border:1px solid var(--line-strong); color:var(--text); font-size:12px;
  text-decoration:none;
}
.applied-link:hover{ border-color:var(--accent); color:var(--accent); background:#fff; }
@media(max-width:900px){
  .applied-use{ grid-template-columns:1fr; gap:14px; }
  .applied-links{ justify-content:flex-start; }
}