/* "Send feedback" panel: support for the pack's css/feedback.css (25 Oct 2026). feedback.css uses the site's tokens and
   .btn / .btn-primary / .btn-secondary / .sr-only from css/site.css. About 20 pages (games, legal, account, results…) load
   css/shell.css instead, which has no global tokens or .btn base, so these give the same values at zero specificity
   (:where), so site.css and shell.css still win wherever they apply. Loaded just after css/feedback.css (so the .ftr-fb box below applies). */
:where(.fb-root),:where(.ftr-fb){--ground:#F7F5F0;--surface:#FFFFFF;--ink:#1D1D1F;--muted:#5E5E63;--hairline:#E6E2DA;--link:#C2410C;--cta:#FFC21A}
:where(.fb-root){font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:0;line-height:1.45;text-align:left}
:where(.fb-root) :where(.sr-only){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:where(.fb-root) :where(.btn){display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:999px;
  font:inherit;font-weight:700;font-size:16px;line-height:1.2;border:1.5px solid transparent;cursor:pointer;text-decoration:none}
:where(.fb-root) :where(.btn-primary){background:linear-gradient(95deg,#FFD60A 0%,#FFD60A 55%,#FF8A00 80%,#F2501E 100%);background-origin:border-box;color:#1D1D1F}
:where(.fb-root) :where(.btn-secondary){background:transparent;color:#1D1D1F;border-color:#1D1D1F}
:where(.fb-root) :where(.btn-secondary:hover){background:#1D1D1F;color:#fff}
:where(.fb-root) :where(a,button,input,select,textarea):focus-visible{outline:3px solid #C2410C;outline-offset:3px}
/* Footer trigger: same box as the Company button beside it (padding, 32px, rounded ring); the 3px link-orange ring per the spec. */
.ftr-fb{padding:0 4px;border-radius:6px}
.ftr-fb:focus-visible{outline:3px solid #C2410C;outline-offset:2px}
/* Send button: solid yellow, as the pack screens, the PDF and the brand guide (.btn-primary = #FFC21A, hover #F5B400). The site's
   .btn-primary now carries the pricing gradient (and shell.css forces it with !important), so it's set back for the panel only. */
.fb-root .btn-primary{background:var(--cta,#FFC21A)!important;color:#1D1D1F!important;border-color:transparent!important;box-shadow:none!important}
.fb-root .btn-primary:hover{background:#F5B400!important}
/* A field in error keeps one red ring when focused, not the red border plus the orange site ring. */
.fb-root .fb-input[aria-invalid="true"]:focus-visible,.fb-root .fb-textarea[aria-invalid="true"]:focus-visible{outline-color:#B4152B}
/* Panel buttons at the site's 52px on every page (some shell.css pages size .btn at 44px). */
.fb-root .fb-foot .btn,.fb-root .fb-done .btn{min-height:52px;font-size:17px}
.fb-root .btn-secondary{background:transparent;color:#1D1D1F;border:1.5px solid #1D1D1F!important}
.fb-root .btn-secondary:hover{background:#1D1D1F;color:#fff}