/* Sneaky Support identity (owner, 4 October 2026: Support "should have a different color theme and should carry across
   all pages with widgets that inform people about the page").
   Sneaky's own plum and rose, distinct from the teal product pages and calm rather than alarming (never red).
   The tokens are scoped to Support pages (.sh-sc, re-skinned in support.css) and to the Support widgets; nothing here
   touches the Sneaky header, nav, footer or any other component. Contrast: white on plum 9.6:1; plum on rose 8.4:1. */
:is(.sh-sc, .sh-sc-widget) {
	--shsc-plum: #7b244b;
	--shsc-plum-dark: #5e1a39;
	--shsc-rose: #f9e4ee;
	--shsc-rose-strong: #f3cfe0;
	--shsc-mist: #fdf4f8;
	--shsc-line: #eccbdb;
}

/* The widget: a band above the footer on every Sneaky page, or a card in a sidebar */
.sh-sc-widget { box-sizing: border-box; color: var(--sh-ink); font-family: var(--sh-font-body); }
.sh-sc-widget *, .sh-sc-widget *::before, .sh-sc-widget *::after { box-sizing: border-box; }
.sh-sc-widget--band { width: min(1180px, calc(100% - 32px)); margin: 40px auto; padding: clamp(18px, 3vw, 28px); border: 1px solid var(--shsc-line); border-inline-start: 6px solid var(--shsc-plum); border-radius: 20px; background: linear-gradient(120deg, var(--shsc-rose), var(--shsc-mist) 55%, #fff); box-shadow: 0 12px 28px rgba(94, 26, 57, .08); }
.sh-sc-widget-inner { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 22px; }
.sh-sc-widget-mark { display: inline-grid; flex: none; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--shsc-plum); color: #fff; }
.sh-sc-widget-copy { flex: 1 1 320px; min-width: 0; }
.sh-sc-widget .sh-sc-widget-kicker { margin: 0 0 4px; color: var(--shsc-plum); font-size: 13px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.sh-sc-widget .sh-sc-widget-title { margin: 0 0 6px; color: var(--sh-ink); font-family: var(--sh-font-body); font-size: clamp(20px, 2.4vw, 26px); font-weight: 900; line-height: 1.2; }
.sh-sc-widget .sh-sc-widget-text { margin: 0; color: var(--sh-copy); font-size: 16px; line-height: 1.55; }
.sh-sc-widget .sh-sc-widget-note { margin: 6px 0 0; color: var(--sh-muted); font-size: 13px; line-height: 1.45; }
.sh-sc-widget-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.sh-sc-widget .sh-sc-widget-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 24px; border-radius: 999px; background: var(--shsc-plum); color: #fff !important; font-size: 16px; font-weight: 900; text-decoration: none !important; }
.sh-sc-widget .sh-sc-widget-cta:hover, .sh-sc-widget .sh-sc-widget-cta:focus-visible { background: var(--shsc-plum-dark); }
.sh-sc-widget .sh-sc-widget-urgent { display: inline-flex; align-items: center; min-height: 44px; color: var(--shsc-plum) !important; font-size: 15px; font-weight: 800; text-decoration: underline !important; text-underline-offset: 3px; }
.sh-sc-widget a:focus-visible { outline: 3px solid var(--sh-focus); outline-offset: 3px; }

/* Card variant: the top of every Sneaky sidebar. Two classes, so a sidebar's own box rules (e.g. ".sneaky-news-sidebar
   section") can't repaint it: it always wears /support's plum and rose. */
.sh-sc-widget.sh-sc-widget--card { padding: 18px; border: 1px solid var(--shsc-line); border-inline-start: 5px solid var(--shsc-plum); border-radius: 16px; background: linear-gradient(160deg, var(--shsc-rose), #fff 72%); box-shadow: none; }
.sh-sc-widget--card .sh-sc-widget-inner { flex-direction: column; align-items: flex-start; gap: 12px; }
.sh-sc-widget--card .sh-sc-widget-copy { flex: none; }
.sh-sc-widget--card .sh-sc-widget-mark { width: 40px; height: 40px; }
.sh-sc-widget--card .sh-sc-widget-title { font-size: 19px; }
.sh-sc-widget--card .sh-sc-widget-text { font-size: 15px; }

@media (max-width: 480px) {
	.sh-sc-widget--band { margin: 28px auto; }
	.sh-sc-widget-actions, .sh-sc-widget .sh-sc-widget-cta { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .sh-sc-widget * { transition: none !important; } }
/* The info-page shortcode sidebar (About, Privacy…) follows the card rather than containing it. */
.sh-sc-widget--sidebar + .sh-info-sidebar { margin-top: 18px; }