/* Reuses Varamedia's own brand tokens where the host page defines them (--oranje, --bijna-zwart,
   --paper, ...) with a safe fallback for pages/contexts where they aren't in scope. */
#gr-root{
  --gr-accent: var(--oranje, #eb5b28);
  --gr-accent-deep: var(--oranje-deep, #c8481d);
  --gr-accent-soft: #fdece4;
  --gr-ink: var(--ink-dark, #181a1d);
  --gr-ink-soft: var(--ink-soft, #5b5f66);
  --gr-line: var(--lijn, #e6e1d2);
  --gr-paper: var(--paper, #faf8f3);
  --gr-surface: var(--wit, #ffffff);
  --gr-ok: #2a8659;
  --gr-ok-soft: #e8f4ee;
  --gr-warn: #b3432e;
  --gr-warn-soft: #fbe9e5;
  font-family: "Proxima Nova", Arial, sans-serif;
}

#gr-launcher-wrap{position:fixed;right:20px;bottom:20px;z-index:9998;display:flex;align-items:center;gap:10px;}
#gr-launcher{display:flex;align-items:center;gap:8px;background:var(--gr-accent);color:#fff;border:none;border-radius:999px;padding:12px 18px 12px 14px;font:600 14px "Proxima Nova",Arial,sans-serif;cursor:pointer;box-shadow:0 6px 20px rgba(235,91,40,.38);transition:transform .15s ease,box-shadow .15s ease;animation:gr-pulse 2.6s ease-in-out infinite;}
#gr-launcher:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 10px 26px rgba(235,91,40,.48);animation-play-state:paused;}
#gr-launcher svg{width:18px;height:18px;flex:none;}
@keyframes gr-pulse{0%,100%{box-shadow:0 6px 20px rgba(235,91,40,.38);}50%{box-shadow:0 6px 26px rgba(235,91,40,.62);}}
@media (prefers-reduced-motion:reduce){ #gr-launcher{animation:none;} }

/* Idle radar-sweep icon (spec V3 section 12/15) — replaces the old static
   compass glyph on the DEFAULT (not-yet-scanned) launcher only; the
   returning-visitor state below renders its own plain checkmark instead,
   since at that point something real already happened. */
.gr-radar-icon{position:relative;width:18px;height:18px;flex:none;border-radius:50%;background:rgba(255,255,255,.22);overflow:hidden;}
.gr-radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,255,255,.85) 0deg,rgba(255,255,255,0) 70deg,rgba(255,255,255,0) 360deg);animation:gr-radar-spin 2.8s linear infinite;}
.gr-radar-dot{position:absolute;width:2.5px;height:2.5px;border-radius:50%;background:#fff;}
.gr-radar-dot-1{top:5px;left:6px;animation:gr-radar-blip 2.8s ease-in-out infinite;}
.gr-radar-dot-2{top:10px;left:11px;animation:gr-radar-blip 2.8s ease-in-out infinite .9s;}
@keyframes gr-radar-spin{to{transform:rotate(360deg);}}
@keyframes gr-radar-blip{0%,80%,100%{opacity:0;}10%,50%{opacity:1;}}
@media (prefers-reduced-motion:reduce){ .gr-radar-sweep,.gr-radar-dot{animation:none;} .gr-radar-sweep{background:rgba(255,255,255,.4);} }

/* Returning-visitor badge (spec V3 section 14) — real data (an actual found
   count), so it earns a firmer visual treatment than the idle radar icon. */
.gr-launcher-returning{animation:none;}
.gr-launcher-badge{background:#fff;color:var(--gr-accent-deep);font:800 11px "IBM Plex Mono",monospace;border-radius:999px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 5px;}

#gr-howto{background:var(--gr-surface);color:var(--gr-ink);border:1.5px solid var(--gr-line);border-radius:999px;padding:9px 15px;font:700 12.5px "Proxima Nova",Arial,sans-serif;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.1);white-space:nowrap;transition:border-color .15s,color .15s;}
#gr-howto:hover{border-color:var(--gr-accent);color:var(--gr-accent);}

.gr-howto-inline{display:none;background:none;border:none;color:var(--gr-ink-soft);font:600 12.5px "Proxima Nova",Arial,sans-serif;text-decoration:underline;cursor:pointer;padding:0 0 14px;margin-top:-8px;}

@media (max-width:640px){
  /* Below ~640px the hero text column runs the full viewport width, so a fixed
     widget in the corner sits over it on initial load no matter the bottom
     offset (measured live: the hero paragraph alone is ~224px tall). Fading
     the widget in only after the visitor scrolls past the hero — see the
     gr-scrolled toggle in growth-radar.js — avoids that instead.
     Bottom offset deliberately left at 78px, NOT lowered to a safe-area-only
     value: live Playwright collision-testing (6 scroll depths, homepage)
     found ZERO interactive-element overlaps at 78px but 3 real overlaps
     (werkwijze/SEA/case links) at a lower 12px offset — see CLAUDE_CHANGELOG
     for the V3 ingreep. Revisit only with fresh QA evidence, not by feel. */
  #gr-launcher-wrap{right:14px;bottom:78px;flex-direction:column-reverse;align-items:flex-end;gap:8px;opacity:0;pointer-events:none;transition:opacity .2s ease;}
  #gr-launcher-wrap.gr-scrolled{opacity:1;pointer-events:auto;}
  #gr-launcher{padding:10px 14px 10px 12px;font-size:13px;}
  /* Section 11: on mobile, "Hoe werkt dit?" moves inside the panel
     (.gr-howto-inline below) instead of permanently occupying floating
     screen space alongside the main launcher. */
  #gr-howto{display:none;}
  .gr-howto-inline{display:inline-block;}
}

/* ===== Panel shell ===== */
#gr-overlay{position:fixed;inset:0;background:rgba(12,17,21,.6);z-index:9999;display:none;}
#gr-overlay.gr-open{display:block;}
#gr-panel{position:fixed;top:0;right:0;bottom:0;width:min(480px,100vw);background:var(--gr-paper);z-index:10000;transform:translateX(100%);transition:transform .28s ease;display:flex;flex-direction:column;box-shadow:-16px 0 40px rgba(0,0,0,.18);}
#gr-panel.gr-open{transform:translateX(0);}

.gr-head{position:relative;padding:22px 22px 20px;border-bottom:1px solid var(--gr-line);background:linear-gradient(155deg,var(--gr-ink) 0%,#2a2d33 100%);overflow:hidden;}
.gr-head::before{content:"";position:absolute;top:-40px;right:-30px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(235,91,40,.35),transparent 70%);}
.gr-head-row{display:flex;align-items:flex-start;justify-content:space-between;position:relative;}
.gr-head h2{font:700 18px "Proxima Nova",Arial,sans-serif;margin:0;color:#fff;letter-spacing:-.01em;}
.gr-head .gr-eyebrow{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gr-accent);font-weight:800;margin-bottom:5px;}
.gr-head-sub{font-size:12.5px;color:rgba(255,255,255,.72);margin:6px 0 0;line-height:1.4;position:relative;max-width:88%;}
.gr-close{background:rgba(255,255,255,.08);border:none;border-radius:50%;width:30px;height:30px;font-size:19px;line-height:1;cursor:pointer;color:#fff;flex:none;transition:background .15s;}
.gr-close:hover{background:rgba(255,255,255,.18);}

.gr-tabs{display:flex;gap:2px;padding:0 18px;background:var(--gr-surface);border-bottom:1px solid var(--gr-line);}
.gr-tab-btn{flex:1;background:none;border:none;padding:13px 4px;font:700 11.5px "Proxima Nova",Arial,sans-serif;color:var(--gr-ink-soft);cursor:pointer;border-bottom:2.5px solid transparent;transition:color .15s;}
.gr-tab-btn:hover{color:var(--gr-ink);}
.gr-tab-btn.gr-active{color:var(--gr-accent);border-bottom-color:var(--gr-accent);}

.gr-body{flex:1;overflow-y:auto;padding:20px 20px 12px;}
.gr-intro{font-size:13.5px;color:var(--gr-ink-soft);margin:0 0 18px;line-height:1.5;}

/* ===== Trust line ===== */
.gr-trustline{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--gr-ink-soft);text-align:center;margin:14px 0 4px;padding:10px 12px;background:var(--gr-surface);border:1px dashed var(--gr-line);border-radius:10px;}
.gr-trustline b{color:var(--gr-ink);font-weight:700;}
.gr-trustline .gr-dot{opacity:.5;}

/* ===== Form + primary CTA ===== */
.gr-form input[type=text]{width:100%;padding:14px 15px;border:1.5px solid var(--gr-line);border-radius:10px;font-size:15px;margin-bottom:10px;font-family:inherit;background:var(--gr-surface);transition:border-color .15s,box-shadow .15s;}
.gr-form input[type=text]:focus{outline:none;border-color:var(--gr-accent);box-shadow:0 0 0 3px var(--gr-accent-soft);}

.gr-cta-primary{
  width:100%;display:flex;align-items:center;justify-content:center;gap:9px;
  background:var(--gr-accent);color:#fff;border:none;border-radius:12px;
  padding:16px 20px;font:700 15.5px "Proxima Nova",Arial,sans-serif;letter-spacing:-.005em;
  cursor:pointer;transition:background .15s ease,transform .1s ease,box-shadow .15s ease;
  box-shadow:0 8px 20px -6px rgba(235,91,40,.55);
  -webkit-tap-highlight-color:transparent;min-height:52px;
}
.gr-cta-primary svg{width:17px;height:17px;flex:none;transition:transform .15s ease;}
.gr-cta-primary:hover{background:var(--gr-accent-deep);transform:translateY(-1px);box-shadow:0 10px 24px -6px rgba(200,72,29,.6);}
.gr-cta-primary:hover svg{transform:translateX(3px);}
.gr-cta-primary:active{transform:translateY(0);}
.gr-cta-primary:focus-visible{outline:3px solid var(--gr-accent-deep);outline-offset:2px;}
.gr-cta-primary:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none;}

.gr-cta-secondary{
  width:100%;display:flex;align-items:center;justify-content:center;gap:8px;
  background:var(--gr-surface);color:var(--gr-ink);border:1.5px solid var(--gr-line);border-radius:12px;
  padding:14px 18px;font:700 14px "Proxima Nova",Arial,sans-serif;cursor:pointer;
  transition:border-color .15s,color .15s,background .15s;min-height:48px;
}
.gr-cta-secondary:hover{border-color:var(--gr-accent);color:var(--gr-accent-deep);background:var(--gr-accent-soft);}
.gr-cta-secondary:focus-visible{outline:3px solid var(--gr-accent-deep);outline-offset:2px;}
.gr-cta-secondary:disabled{opacity:.55;cursor:default;}

.gr-cta-ghost{background:none;border:none;color:var(--gr-ink-soft);font:600 12.5px "Proxima Nova",Arial,sans-serif;text-decoration:underline;cursor:pointer;padding:6px 0;}
.gr-cta-ghost:hover{color:var(--gr-accent-deep);}

/* ===== "Hoe werkt dit?" ===== */
.gr-examples{padding:2px 0 8px;}
.gr-examples-lead{font-size:13.5px;color:var(--gr-ink-soft);line-height:1.5;margin:0 0 18px;}
.gr-steps{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;}
.gr-step{display:flex;align-items:flex-start;gap:12px;background:var(--gr-surface);border:1px solid var(--gr-line);border-radius:12px;padding:12px 14px;}
.gr-step-num{flex:none;width:26px;height:26px;border-radius:50%;background:var(--gr-ink);color:#fff;font:700 12px "IBM Plex Mono",monospace;display:flex;align-items:center;justify-content:center;}
.gr-step-text{font-size:13px;color:var(--gr-ink);line-height:1.4;padding-top:3px;}
.gr-examples-subtitle{font:700 11.5px "Proxima Nova",Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--gr-ink-soft);margin:4px 0 10px;}
.gr-example-card{background:var(--gr-surface);border:1px solid var(--gr-line);border-radius:12px;padding:12px 14px;margin-bottom:10px;}
.gr-example-sector{font:700 10.5px "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.03em;color:var(--gr-ink-soft);margin-bottom:5px;}
.gr-example-title{font:700 14px "Proxima Nova",Arial,sans-serif;color:var(--gr-ink);margin-bottom:3px;line-height:1.3;}
.gr-example-body{font-size:12.5px;color:var(--gr-ink-soft);line-height:1.45;}
.gr-examples-cta{margin-top:14px;}

/* ===== Real progress steps ===== */
.gr-progress{display:none;flex-direction:column;gap:2px;margin-top:8px;}
.gr-progress.gr-active{display:flex;}
.gr-progress-percent{font:800 13px "IBM Plex Mono",monospace;color:var(--gr-accent-deep);margin:0 0 6px;}
.gr-progress-step{display:flex;align-items:center;gap:12px;font-size:13.5px;color:#a7a29a;padding:10px 0;position:relative;}
.gr-progress-step:not(:last-child)::after{content:"";position:absolute;left:9px;top:32px;width:1px;height:14px;background:var(--gr-line);}
.gr-progress-step.gr-done{color:var(--gr-ok);}
.gr-progress-step.gr-current{color:var(--gr-ink);font-weight:700;}
.gr-step-mark{width:19px;height:19px;border-radius:50%;border:2px solid var(--gr-line);flex:none;display:flex;align-items:center;justify-content:center;font-size:11px;}
.gr-progress-step.gr-done .gr-step-mark{background:var(--gr-ok);border-color:var(--gr-ok);color:#fff;}
.gr-progress-step.gr-current .gr-step-mark{border-color:var(--gr-accent);}
.gr-progress-step.gr-current .gr-step-mark::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--gr-accent);}

/* ===== Live analysis feed (Fase 2A Deel B) ===== */
.gr-live-feed{display:flex;flex-direction:column;gap:8px;margin-top:4px;max-height:280px;overflow-y:auto;}
.gr-feed-card{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border-radius:11px;background:var(--gr-surface);border:1px solid var(--gr-line);font-size:13px;line-height:1.45;opacity:1;transform:none;transition:opacity .35s ease,transform .35s ease;}
.gr-feed-card.gr-feed-in{opacity:0;transform:translateY(6px);}
.gr-feed-card.gr-feed-in.gr-feed-in-active{opacity:1;transform:translateY(0);}
.gr-feed-real{border-color:var(--gr-ok);background:var(--gr-ok-soft);}
.gr-feed-real .gr-feed-text{color:var(--gr-ink);font-weight:600;}
.gr-feed-check{flex:none;width:20px;height:20px;border-radius:50%;background:var(--gr-ok);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;animation:gr-check-pop .35s ease;}
@keyframes gr-check-pop{0%{transform:scale(0);}70%{transform:scale(1.15);}100%{transform:scale(1);}}
.gr-feed-dot{flex:none;color:var(--gr-ink-soft);font-size:16px;line-height:1;padding-top:1px;}
.gr-feed-wistjedat,.gr-feed-trust{border-style:dashed;color:var(--gr-ink-soft);}
.gr-feed-wistjedat .gr-feed-text::before{content:"Wist je dat? ";font-weight:700;color:var(--gr-accent-deep);}
.gr-feed-trust .gr-feed-text{font-style:italic;}
.gr-feed-anchor{background:var(--gr-accent-soft);border-color:transparent;color:var(--gr-accent-deep);font-weight:600;}
.gr-feed-tool{flex:none;font:800 9.5px "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.04em;color:var(--gr-accent-deep);background:var(--gr-accent-soft);border-radius:6px;padding:3px 6px;white-space:nowrap;}
.gr-feed-count{font-family:"IBM Plex Mono",monospace;font-weight:800;color:var(--gr-accent-deep);}
.gr-feed-real .gr-feed-count{color:var(--gr-ok);}
@media (prefers-reduced-motion:reduce){ .gr-feed-check{animation:none;} .gr-feed-card{transition:none;} }

.gr-result{display:none;}
.gr-result.gr-active{display:block;}

.gr-result-head{margin-bottom:18px;}
.gr-result-domain{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--gr-ink-soft);margin-bottom:4px;}
.gr-result-title{font:700 19px "Proxima Nova",Arial,sans-serif;color:var(--gr-ink);letter-spacing:-.01em;}

.gr-metrics{display:flex;gap:10px;margin-bottom:18px;}
.gr-metric{flex:1;background:var(--gr-surface);border:1px solid var(--gr-line);border-radius:12px;padding:14px 12px;text-align:center;}
.gr-metric-value{font:700 24px "Proxima Nova",Arial,sans-serif;color:var(--gr-accent);}
.gr-metric-label{font-size:11px;color:var(--gr-ink-soft);margin-top:2px;}

.gr-section-title{font:700 12.5px "Proxima Nova",Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--gr-ink-soft);margin:20px 0 12px;}

.gr-card{background:var(--gr-surface);border:1px solid var(--gr-line);border-radius:14px;padding:16px 18px;margin-bottom:12px;position:relative;box-shadow:0 2px 8px rgba(24,26,29,.04);}
.gr-card-num{position:absolute;top:-10px;left:14px;background:var(--gr-ink);color:#fff;font:700 11px "IBM Plex Mono",monospace;padding:2px 9px;border-radius:999px;}
.gr-card-badge{display:inline-block;font:700 10px "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.03em;padding:3px 8px;border-radius:999px;margin-bottom:8px;}
.gr-card-badge.gr-hoog{background:var(--gr-ok-soft);color:var(--gr-ok);}
.gr-card-badge.gr-middelgroot{background:#fdf3e2;color:#9a6b12;}
.gr-card-badge.gr-lager{background:#f2ede2;color:var(--gr-ink-soft);}
.gr-card-type{display:inline-block;font:700 10px "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.03em;padding:3px 8px;border-radius:999px;margin:0 0 8px 6px;border:1px solid var(--gr-line);color:var(--gr-ink-soft);}
.gr-card-type.gr-type-gap{border-color:#c8481d;color:#c8481d;}
.gr-card-type.gr-type-authority{border-color:#9a6b12;color:#9a6b12;}
.gr-nudge{font-size:12.5px;color:var(--gr-ink-soft);text-align:center;margin:14px 0 4px;line-height:1.5;}
.gr-nudge b{color:var(--gr-accent);}
.gr-card-keyword{font:700 16px "Proxima Nova",Arial,sans-serif;color:var(--gr-ink);margin-bottom:4px;}
.gr-card-meta{font:600 12px "IBM Plex Mono",monospace;color:var(--gr-ink-soft);margin-bottom:10px;display:flex;gap:12px;flex-wrap:wrap;}
.gr-card-meta span{white-space:nowrap;}
.gr-card-why{font-size:13px;color:var(--gr-ink);line-height:1.5;margin-bottom:8px;}
.gr-card-action{font-size:13px;color:var(--gr-ink-soft);line-height:1.5;background:var(--gr-paper);border-radius:8px;padding:8px 10px;}
.gr-card-action b{color:var(--gr-ink);}
.gr-card-deepen{margin-top:12px;background:none;border:1.5px dashed var(--gr-line);color:var(--gr-accent-deep);border-radius:9px;padding:9px 12px;font:700 12.5px "Proxima Nova",Arial,sans-serif;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:6px;transition:border-color .15s,background .15s;}
.gr-card-deepen:hover{border-color:var(--gr-accent);background:var(--gr-accent-soft);border-style:solid;}
.gr-card-deepen svg{width:13px;height:13px;transition:transform .15s;}
.gr-card-deepen:hover svg{transform:translateX(2px);}

/* ===== Opportunity forecast (spec V3 section 3/4/6/7) ===== */
.gr-forecast{margin-top:12px;padding-top:12px;border-top:1px dashed var(--gr-line);}
.gr-forecast-none{margin-top:12px;padding-top:12px;border-top:1px dashed var(--gr-line);font-size:12px;color:var(--gr-ink-soft);font-style:italic;}
.gr-forecast-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.gr-forecast-title{font:800 10.5px "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.05em;color:var(--gr-ink-soft);}
.gr-forecast-conf{font:700 10px "Proxima Nova",Arial,sans-serif;padding:2px 8px;border-radius:999px;}
.gr-forecast-strong{background:var(--gr-ok-soft);color:var(--gr-ok);}
.gr-forecast-fair{background:#fdf3e2;color:#9a6b12;}
.gr-forecast-line{font:700 15px "Proxima Nova",Arial,sans-serif;color:var(--gr-ink);margin-bottom:2px;}
.gr-forecast-arrow{color:var(--gr-accent);}
.gr-forecast-clicks{font:700 14px "Proxima Nova",Arial,sans-serif;color:var(--gr-accent-deep);margin-bottom:8px;}
.gr-forecast-toggle{background:none;border:none;color:var(--gr-ink-soft);font:600 11.5px "Proxima Nova",Arial,sans-serif;text-decoration:underline;cursor:pointer;padding:0;display:flex;align-items:center;gap:4px;}
.gr-forecast-toggle svg{width:10px;height:10px;}
.gr-forecast-explain{margin-top:8px;padding:10px 12px;background:var(--gr-paper);border-radius:8px;}
.gr-forecast-step{font:600 11.5px "IBM Plex Mono",monospace;color:var(--gr-ink-soft);padding:3px 0;}
.gr-forecast-disclaimer{font-size:11px;color:var(--gr-ink-soft);margin:8px 0 0;line-height:1.4;}

.gr-lead-forecast{margin-top:10px;}
.gr-lead-input-row{margin-top:8px;padding:10px 12px;background:var(--gr-paper);border-radius:8px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12.5px;color:var(--gr-ink-soft);}
.gr-lead-input-row label{font-weight:600;}
.gr-lead-rate{width:64px;padding:6px 8px;border:1.5px solid var(--gr-line);border-radius:6px;font:600 13px "IBM Plex Mono",monospace;background:var(--gr-surface);}
.gr-lead-result{flex-basis:100%;font-size:12.5px;color:var(--gr-ink);line-height:1.5;margin-top:4px;}
.gr-lead-result b{color:var(--gr-accent-deep);}
.gr-lead-caveat{display:block;font-size:10.5px;color:var(--gr-ink-soft);font-style:italic;margin-top:4px;}

/* ===== Positioning line (spec V3 section 1) ===== */
.gr-powered-by{font-size:11.5px;color:var(--gr-ink-soft);line-height:1.5;margin:0 0 16px;padding:8px 10px;background:var(--gr-paper);border-radius:8px;}
.gr-powered-by b{color:var(--gr-ink);}

/* ===== Human handoff card (spec V3 section 8) ===== */
.gr-jeroen-card{display:flex;gap:14px;background:var(--gr-surface);border:1px solid var(--gr-line);border-radius:14px;padding:16px;margin:18px 0 10px;}
.gr-jeroen-photo{width:52px;height:52px;border-radius:50%;flex:none;object-fit:cover;}
.gr-jeroen-prompt{font:700 14.5px "Proxima Nova",Arial,sans-serif;color:var(--gr-ink);margin-bottom:6px;}
.gr-jeroen-name{font:700 13px "Proxima Nova",Arial,sans-serif;color:var(--gr-ink);}
.gr-jeroen-role{font-size:11.5px;color:var(--gr-ink-soft);margin-bottom:8px;}
.gr-jeroen-trust{font-size:11.5px;color:var(--gr-ink-soft);line-height:1.4;margin:0 0 10px;}
.gr-jeroen-actions{display:flex;gap:8px;flex-wrap:wrap;}
.gr-jeroen-actions .gr-cta-primary,.gr-jeroen-actions .gr-cta-secondary{width:auto;flex:1 1 130px;padding:10px 14px;min-height:auto;font-size:13px;text-decoration:none;}

/* ===== Directe SEO-proof (spec V3 section 17) — max 1 link, no carousel ===== */
.gr-proof-link{display:flex;align-items:center;gap:6px;font:700 12.5px "Proxima Nova",Arial,sans-serif;color:var(--gr-accent-deep);text-decoration:none;margin:6px 0 4px;}
.gr-proof-link svg{width:12px;height:12px;}
.gr-proof-link:hover{text-decoration:underline;}

/* Website-kansen finding cards (WAT/WAAROM/ACTIE shape) */
.gr-finding-dim{display:inline-block;font:700 10px "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.04em;padding:3px 9px;border-radius:999px;margin-bottom:10px;background:var(--gr-accent-soft);color:var(--gr-accent-deep);}
.gr-finding-what{font:700 14.5px "Proxima Nova",Arial,sans-serif;color:var(--gr-ink);line-height:1.4;margin-bottom:8px;}
.gr-finding-row{font-size:12.5px;color:var(--gr-ink-soft);line-height:1.5;margin-bottom:6px;}
.gr-finding-row b{color:var(--gr-ink);font-weight:700;}

.gr-compare{background:var(--gr-surface);border:1px solid var(--gr-line);border-radius:14px;padding:16px 18px;margin:18px 0;}
.gr-compare-title{font:700 12px "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.04em;color:var(--gr-ink-soft);margin-bottom:12px;}
.gr-bar-row{margin-bottom:12px;}
.gr-bar-label{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:4px;}
.gr-bar-label b{font-family:"IBM Plex Mono",monospace;}
.gr-bar-track{height:9px;background:var(--gr-paper);border-radius:999px;overflow:hidden;}
.gr-bar-fill{height:100%;border-radius:999px;background:var(--gr-accent);transition:width .5s ease;}
.gr-bar-fill.gr-bar-muted{background:#c9c4b6;}
.gr-compare-note{font-size:13px;color:var(--gr-ink-soft);margin-top:10px;line-height:1.5;}

/* Deep Dive */
.gr-deepdive-title{font:700 12px "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.04em;color:var(--gr-accent-deep);margin-bottom:4px;}
.gr-deepdive-heading{font:700 18px "Proxima Nova",Arial,sans-serif;color:var(--gr-ink);margin-bottom:2px;}
.gr-deepdive-meta{font:600 12px "IBM Plex Mono",monospace;color:var(--gr-ink-soft);margin-bottom:16px;}
.gr-gap-terms{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px;}
.gr-gap-term{background:var(--gr-accent-soft);color:var(--gr-accent-deep);font:600 12px "Proxima Nova",Arial,sans-serif;padding:5px 10px;border-radius:999px;}
.gr-deepdive-conclusion{background:var(--gr-ink);color:#fff;border-radius:12px;padding:14px 16px;font-size:13.5px;line-height:1.5;margin:16px 0;}
.gr-deepdive-conclusion b{color:var(--gr-accent);}
.gr-back-link{background:none;border:none;color:var(--gr-ink-soft);font:600 12.5px "Proxima Nova",Arial,sans-serif;cursor:pointer;padding:0 0 14px;display:flex;align-items:center;gap:5px;}
.gr-back-link:hover{color:var(--gr-ink);}

/* ===== Sticky in-panel footer action zone ===== */
.gr-sticky-footer{border-top:1px solid var(--gr-line);background:var(--gr-surface);padding:14px 20px calc(14px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;}
.gr-sticky-footer:empty{display:none;}

.gr-email-inline{margin-top:16px;padding-top:16px;border-top:1px solid var(--gr-line);}
.gr-email-inline p{font-size:12.5px;color:var(--gr-ink-soft);margin:0 0 8px;}
.gr-email-inline input[type=text]{width:100%;padding:12px 14px;border:1.5px solid var(--gr-line);border-radius:10px;font-size:14px;margin-bottom:8px;font-family:inherit;background:var(--gr-paper);}
.gr-error{color:var(--gr-warn);font-size:13.5px;background:var(--gr-warn-soft);border:1px solid #f0c3b6;border-radius:8px;padding:10px 12px;margin-top:10px;}
.gr-cached-note{font-size:11.5px;color:var(--gr-ink-soft);margin-bottom:12px;font-family:"IBM Plex Mono",monospace;}
.gr-inline-success{color:var(--gr-ok);font-size:13px;margin-top:8px;}
.gr-inline-fail{color:var(--gr-warn);font-size:13px;margin-top:8px;}