/* Stream School Widgets - shared base.
   Widgets inherit the child theme's --ss-* variables when present and fall
   back to these values otherwise. No font-family is set, so widgets inherit
   the page font (Roboto on the Stream School site). */
.ssw {
  --ssw-blue:   var(--ss-blue, #1E407C);
  --ssw-green:  var(--ss-green, #1E8757);
  --ssw-orange: var(--ss-orange, #E98300);
  --ssw-slate:  var(--ss-slate, #44525E);
  --ssw-dark:   var(--ss-dark, #001E44);
  --ssw-bg:     var(--ss-bg, #F3F4F6);
  --ssw-white:  var(--ss-white, #FFFFFF);
  --ssw-text:   var(--ss-text, #374151);
  --ssw-border: var(--ss-border, #E5E7EB);
  --ssw-radius: var(--ss-radius, 8px);

  box-sizing: border-box;
  max-width: 760px;
  margin: 1.25rem auto;
  color: var(--ssw-text);
  line-height: 1.5;
}
.ssw *,
.ssw *::before,
.ssw *::after { box-sizing: border-box; }

.ssw button { cursor: pointer; font: inherit; }
.ssw :focus-visible { outline: 2px solid var(--ssw-orange); outline-offset: 2px; }