/* ──────────────────────────────────────────────────────────────────────
   Bond — Tax Authority registration badge
   Self-contained on purpose. This sits in the footer of ten pages across
   four different stylesheets (bond.css, guides.css, styles.css and five
   pages with their CSS inline), so it carries its own tokens with
   fallbacks rather than assuming whichever set the host page defines.
   No government insignia: the mark below is a generic shield-check.
   ────────────────────────────────────────────────────────────────────── */
.tb {
  --tb-mint:#5BD4A2; --tb-deep:#15624A; --tb-ink:#1A1A1A;
  display:inline-flex; align-items:center; gap:10px; flex-wrap:wrap;
  padding:9px 14px; border-radius:999px; cursor:pointer;
  border:1.5px solid rgba(91,212,162,.55); background:#E4FBF2; color:var(--tb-ink);
  font:700 13.5px/1.35 inherit; text-align:start;
  transition:border-color .18s ease, box-shadow .22s ease, transform .18s ease;
}
.tb:hover { border-color:var(--tb-mint); box-shadow:0 8px 20px rgba(91,212,162,.28); transform:translateY(-1px); }
.tb:focus-visible { outline:3px solid var(--tb-deep); outline-offset:3px; }
.tb__mark { width:19px; height:19px; flex:none; color:var(--tb-deep); }
.tb__num { padding:2px 9px; border-radius:999px; background:#fff; border:1px solid rgba(21,98,74,.25);
  color:var(--tb-deep); font-weight:800; font-size:12.5px; white-space:nowrap; }
.tb__info { color:var(--tb-deep); font-weight:700; font-size:12.5px; text-decoration:underline;
  text-underline-offset:2px; opacity:.75; }
.tb:hover .tb__info, .tb:focus-visible .tb__info { opacity:1; }
/* On a dark footer the mint card would glare; invert to a quiet outline. */
.ftr .tb, .pagefoot .tb, .close .tb, .footer--lite .tb {
  background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.28); color:#fff;
}
.ftr .tb__mark, .pagefoot .tb__mark, .close .tb__mark, .footer--lite .tb__mark { color:var(--tb-mint); }
.ftr .tb__num, .pagefoot .tb__num, .close .tb__num, .footer--lite .tb__num {
  background:rgba(0,0,0,.25); border-color:rgba(255,255,255,.22); color:#fff; }
.ftr .tb__info, .pagefoot .tb__info, .close .tb__info, .footer--lite .tb__info { color:var(--tb-mint); }
.ftr .tb:hover, .pagefoot .tb:hover, .close .tb:hover, .footer--lite .tb:hover { border-color:var(--tb-mint); }

/* ── the dialog ── */
.tbd {
  /* The host pages reset `* { margin:0 }`, which kills the UA stylesheet's
     `margin:auto` and leaves a modal dialog pinned to the inset-0 corner. */
  margin:auto;
  border:0; padding:0; max-width:560px; width:calc(100% - 32px); border-radius:20px;
  background:#fff; color:#1A1A1A; box-shadow:0 30px 80px rgba(0,0,0,.35);
}
.tbd::backdrop { background:rgba(10,20,16,.55); backdrop-filter:blur(2px); }
.tbd__in { padding:clamp(20px,4vw,30px); }
.tbd__top { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:6px; }
.tbd__h { font-size:clamp(18px,2.6vw,23px); font-weight:900; margin:0; line-height:1.35; }
.tbd__x { flex:none; width:34px; height:34px; border-radius:50%; border:1px solid rgba(26,26,26,.15);
  background:#fff; cursor:pointer; font-size:17px; line-height:1; color:#5A6270; }
.tbd__x:hover { background:#F2F2F7; color:#1A1A1A; }
.tbd__x:focus-visible { outline:3px solid #15624A; outline-offset:2px; }
.tbd__sub { color:#5A6270; font-size:14px; margin:0 0 16px; line-height:1.7; }
.tbd__list { list-style:none; margin:0 0 18px; padding:0; }
.tbd__list li { border-top:1px solid rgba(26,26,26,.09); padding:13px 0; color:#5A6270;
  font-size:14.5px; line-height:1.75; }
.tbd__list li b { display:block; color:#1A1A1A; font-weight:800; margin-bottom:2px; }
.tbd__cta { display:inline-flex; align-items:center; gap:8px; width:100%; justify-content:center;
  padding:13px 20px; border-radius:999px; font-weight:800; font-size:15px;
  background:linear-gradient(115deg,#A8EDD1,#5BD4A2); color:#1A1A1A; }
.tbd__cta:hover { box-shadow:0 12px 26px rgba(91,212,162,.4); }
.tbd__cta:focus-visible { outline:3px solid #15624A; outline-offset:3px; }
.tbd__fine { color:#7A828F; font-size:12px; margin:12px 0 0; line-height:1.65; }
@media (max-width:560px) { .tb { font-size:12.5px; padding:8px 12px; } }
/* The legal pages define no .vh of their own, and the badge's dialog needs
   one for the "opens in a new tab" note. Same declaration the other sheets use. */
.vh { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }