/* Support links (voluntary tips), shared by every page that shows them.
   Tokens resolve to the page's own palette: theme.css --clr-* first, then the
   homepage/legal --accent/--ink set, then a hard fallback. The site is light only.
   Link colours carry !important on purpose: theme.css sets
   footer a{color:...!important} and main a:not(...) at specificity 0,9,2, which
   otherwise paints the button label in accent on an accent background
   (memory: ic-invisible-cta-cascade-trap). */
[data-support-cta]{
  --sc-accent:var(--clr-accent,var(--accent,#b4532a));
  --sc-accent-hover:var(--clr-accent-hover,var(--accent-ink,#7a3416));
  --sc-ink:var(--clr-text,var(--ink,#2a211b));
  --sc-muted:var(--clr-text-muted,var(--ink-soft,#5f554c));
  --sc-paper:var(--clr-surface,var(--paper,#fdfaf5));
  --sc-rule:var(--clr-border,var(--rule,#ded5c8));
  --sc-sans:var(--font,var(--font-sans,system-ui,sans-serif));
  --sc-display:var(--font-display,Georgia,serif);
  font-family:var(--sc-sans);color:var(--sc-ink);text-align:left;box-sizing:border-box
}
.sc-paid [data-support-cta]{display:none!important}
[data-support-cta] .sc-h{margin:0 0 4px;font-family:var(--sc-display);font-weight:400;font-size:19px;line-height:1.25;color:var(--sc-ink);letter-spacing:-0.005em}
[data-support-cta] p{margin:0 0 12px;max-width:44em;font-size:14.5px;line-height:1.55;color:var(--sc-muted)}
.sc-btns{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}
[data-support-cta] a.sc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid var(--sc-rule);border-radius:999px;box-sizing:border-box;font-family:var(--sc-sans);font-size:14.5px;font-weight:600;line-height:1.2;text-decoration:none!important;white-space:nowrap;max-width:100%}
[data-support-cta] a.sc-btn-solid{background:var(--sc-accent)!important;border-color:var(--sc-accent);color:#fff!important}
[data-support-cta] a.sc-btn-solid:hover{background:var(--sc-accent-hover)!important;border-color:var(--sc-accent-hover)}
[data-support-cta] a.sc-btn-line{background:transparent!important;color:var(--sc-ink)!important}
[data-support-cta] a.sc-btn-accent{border-color:var(--sc-accent)}
[data-support-cta] a.sc-btn-line:hover{border-color:var(--sc-accent-hover);color:var(--sc-accent-hover)!important}
[data-support-cta] a.sc-btn:focus-visible,[data-support-cta] a.sc-why:focus-visible{outline:2px solid var(--sc-accent);outline-offset:3px}
[data-support-cta] a.sc-why{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;font-size:14px;color:var(--sc-ink)!important;text-decoration:underline!important;text-underline-offset:3px}
.sc-cup{width:16px;height:16px;flex:0 0 auto}
/* CTA 1: small card after the result. Outline buttons so a paid offer above stays the primary action. */
.sc-card{margin:16px 0;padding:16px 18px;border:1px solid var(--sc-rule);border-radius:8px;background:var(--sc-paper)}
/* CTA 2: footer block. */
.sc-foot{max-width:680px;margin:0 0 36px;padding:20px 22px;border:1px solid var(--sc-rule);border-radius:var(--radius,var(--r-lg,14px));background:var(--sc-paper)}
footer:not(.foot) .sc-foot{margin-left:auto;margin-right:auto}
.sc-foot .sc-h{font-size:22px}
@media(max-width:480px){
  .sc-card,.sc-foot{padding:14px}
  .sc-btns a.sc-btn{flex:1 1 100%}
}
/* v3 (2026-10-17): portrait maker line, $3 PayPal first, card sub-label, "Not now", returning variant. */
[data-support-cta][hidden],[data-support-cta] [hidden]{display:none!important}
[data-support-cta] .sc-me{display:flex;align-items:center;gap:10px;margin:6px 0 8px;color:var(--sc-ink)}
[data-support-cta] .sc-face{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:1px solid var(--sc-rule);background:var(--sc-rule)}
[data-support-cta] .sc-face-lg{width:48px;height:48px}
.sc-head{display:flex;align-items:center;gap:12px;margin:0 0 10px}
.sc-head .sc-h{margin:0}
[data-support-cta] .sc-sub{font-weight:400;font-size:12.5px;color:var(--sc-muted)}
[data-support-cta] a.sc-btn-solid .sc-sub{color:inherit;opacity:.85}
[data-support-cta] button.sc-not{display:inline-flex;align-items:center;min-height:44px;margin:0 0 0 auto;padding:0 6px;border:0;background:none;font:inherit;font-size:14px;color:var(--sc-muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
[data-support-cta] button.sc-not:hover{color:var(--sc-ink)}
[data-support-cta] button.sc-not:focus-visible{outline:2px solid var(--sc-accent);outline-offset:3px}
[data-support-cta] a.sc-btn-accent{color:var(--sc-accent-hover)!important}
@media(max-width:480px){[data-support-cta] button.sc-not{margin:0 auto}}
/* v4 (2026-10-17): third, quietest option (Sponsor on GitHub): text-style button, still 44px. */
[data-support-cta] a.sc-btn-quiet{background:transparent!important;border-color:transparent;color:var(--sc-muted)!important;font-weight:500;padding-left:10px;padding-right:10px}
[data-support-cta] a.sc-btn-quiet:hover{color:var(--sc-ink)!important;border-color:var(--sc-rule)}