.tg-banner{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; max-width:1060px; margin:0 auto 16px; padding:11px 16px; background:#eef5ff; border:1px solid #c3dbfa; color:#1e3a8a; border-radius:12px; font-size:.88rem; }
.tg-banner[data-empty]{ background:#fef3c7; border-color:#fcd34d; color:#92400e; }
.tg-banner svg{ flex-shrink:0; }
.tg-banner a{ margin-left:auto; font-weight:700; color:inherit; white-space:nowrap; }
.tg-overlay{ position:fixed; inset:0; z-index:9999; background:rgba(15,23,42,.58); display:flex; align-items:center; justify-content:center; padding:20px; -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); }
/* CRUCIAAL: author-CSS `display:flex` hierboven overschrijft het HTML-attribuut
   `hidden` (UA-regel [hidden]{display:none}), waardoor de overlay ALTIJD zichtbaar
   stond — op elke tools-pagina, voor iedereen, ongeacht tool_paid, en `o.hidden=true`
   (o.a. 'Misschien later') deed niets. Deze regel laat `hidden` weer winnen. */
.tg-overlay[hidden]{ display:none !important; }
.tg-card{ background:#fff; border-radius:18px; max-width:430px; width:100%; padding:30px 28px 22px; text-align:center; box-shadow:0 34px 70px -22px rgba(0,0,0,.55); font-family:'Inter Tight',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; }
.tg-ic{ width:58px; height:58px; border-radius:16px; background:#eef4fd; color:#1e5a9e; display:flex; align-items:center; justify-content:center; margin:0 auto 15px; }
.tg-card h3{ font-size:1.28rem; margin:0 0 9px; color:#0f172a; font-weight:700; }
.tg-card p{ color:#475569; font-size:.95rem; line-height:1.55; margin:0 0 12px; }
.tg-list{ text-align:left; margin:0 auto 18px; max-width:320px; padding:0; list-style:none; font-size:.9rem; color:#334155; }
.tg-list li{ display:flex; align-items:flex-start; gap:8px; padding:4px 0; }
.tg-list svg{ color:#0e7a4f; flex-shrink:0; margin-top:2px; }
.tg-btn{ display:block; width:100%; background:#1e5a9e; color:#fff; border-radius:12px; padding:.85rem; font-weight:700; text-decoration:none; font-size:1rem; }
.tg-btn:hover{ filter:brightness(1.08); }
.tg-close{ background:none; border:none; color:#94a3b8; margin-top:12px; cursor:pointer; font-size:.88rem; }
.tg-close:hover{ color:#475569; }