/* The trial guard's block panel (TRIAL_GUARD; docs/trial-guard.md), on the
   site's light surfaces: sand and white, ink text, teal links, Instrument
   Sans only (the site's own stack). PC first; on a phone one column, 44px
   buttons and nothing wider than the screen. */

/* in the trial card it reads like the thank-you: no card of its own */
.tg-blocked { padding: 0; }
.tg-blocked h2, .tg-blocked .agkf-h { margin: 0; font-family: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; font-weight: 600; font-size: 1.375rem; line-height: 1.2; letter-spacing: -.02em; color: #14201F; }
.tg-blocked p { margin: 10px 0 0; color: #4F5A57; line-height: 1.5; }
.tg-blocked .tg-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.tg-blocked .tg-actions a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
/* the trial page colours every link in the panel teal: the pills keep their own text colour */
.tg-blocked .tg-actions a.pill-primary { color: #FFFFFF; }
.tg-blocked .tg-actions a.pill-ghost { color: #14201F; }
.tg-blocked .tg-actions a.agkf-primary { color: #FFFFFF; background: #136B80; border-color: #136B80; }
.tg-blocked .tg-actions a.agkf-ghost { color: #14201F; }
.tg-blocked .tg-done { margin-top: 14px; color: #1F6B44; font-weight: 600; }
.tg-blocked .tg-call { margin-top: 14px; font-size: .9375rem; }
.tg-blocked .tg-call a { color: #136B80; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.tg-blocked .num { font-variant-numeric: tabular-nums; white-space: nowrap; }
.tg-blocked [hidden] { display: none !important; }
.tg-blocked:focus { outline: none; }
.tg-blocked:focus-visible { outline: 2px solid #136B80; outline-offset: 3px; }

/* inside the sheet: no card of its own, the sheet is the card */
.tg-blocked.tg-in-sheet { padding: 4px 0 0; }

/* the terms line on the homepage's "Try it free" box */
.tg-terms { margin-top: 10px; }

@media (max-width: 639px) {
  .tg-blocked .tg-actions { flex-direction: column; }
  .tg-blocked .tg-actions a { width: 100%; }
}