/* Shared in-context onboarding for the candidate tools (tool-guide.js). Tokens only, 44px taps, no sub-12px, mobile-first.
   Type snaps to the theme scale (--fs-caption/small/body/d4); spacing to the 4px --space-* rhythm. */
.tg-onboard{border:1px solid var(--line-strong);border-radius:var(--r-lg,16px);background:var(--surface);box-shadow:var(--shadow-pop-sm);padding:var(--space-5);margin:var(--space-2) 0 0;max-width:640px}
.tg-onboard__h{margin:0 0 var(--space-2);font-size:var(--fs-d4);line-height:var(--lh-d4);color:var(--ink)}
.tg-onboard__p{margin:0 0 var(--space-4);font-size:var(--fs-small);line-height:1.55;color:var(--ink-2);max-width:60ch}
.tg-onboard__steps{margin:0 0 var(--space-4);padding:0 0 0 var(--space-6);display:grid;gap:var(--space-2)}
.tg-onboard__steps li{font-size:var(--fs-small);line-height:1.5;color:var(--ink)}
.tg-onboard__acts{display:flex;gap:var(--space-2);flex-wrap:wrap}
.tg-onboard__note{margin:var(--space-3) 0 0;font-size:var(--fs-caption)}
.tg-link{background:none;border:0;color:var(--accent);font:inherit;font-size:var(--fs-caption);font-weight:600;cursor:pointer;padding:var(--space-2) var(--space-3);text-decoration:underline;min-height:44px}
/* the "How it works" modal (bottom-sheet on mobile) */
.tg-ov{position:fixed;inset:0;z-index:120;background:rgba(18,16,22,.45);display:flex;align-items:flex-end;justify-content:center}
.tg-modal{background:var(--surface);width:100%;max-width:520px;border-radius:16px 16px 0 0;padding:var(--space-5) var(--space-5) calc(var(--space-5) + env(safe-area-inset-bottom));max-height:90vh;overflow:auto}
@media(min-width:560px){.tg-ov{align-items:center}.tg-modal{border-radius:16px}}
.tg-modal h2{margin:0 0 var(--space-2);font-size:var(--fs-d4);line-height:var(--lh-d4)}
.tg-modal__lead{margin:0 0 var(--space-4);font-size:var(--fs-small);line-height:1.5;color:var(--ink-2)}
.tg-modal__p{margin:0 0 var(--space-3);font-size:var(--fs-small);line-height:1.55;color:var(--ink)}
.tg-modal__acts{display:flex;justify-content:flex-end;margin:var(--space-4) 0 0}
.tg-btn{min-height:44px;padding:9px var(--space-5);border:1.5px solid var(--accent);border-radius:var(--r);background:var(--accent);color:var(--on-accent);font:inherit;font-size:var(--fs-body);font-weight:700;cursor:pointer}