/* SFF 2026 - Speaker Page. Scoped to .sff26-spkpage; rules are written as
   ".sff26-spkpage .sff26-spkpage__x" so they outrank the theme's element rules.
   --sff26-c is the speaker's own colour (the glow); on the session rows it is
   each session's theme colour. Shares its hero, menus, share buttons, rows and
   previous / next cards with SFF 2026 - Session Page (same values).
   The only !important is phone typography (see the phone block). */

.sff26-spkpage {
  --sff26-muted: #cfcfcf;
  --sff26-amber: #FCB316;
  --sff26-s1: #1e1d1d;
  --sff26-s2: #252424;
  --sff26-rule: #333;
  --sff26-ease: cubic-bezier(.22, .8, .24, 1);
  --sff26-gut: 20px;
  --sff26-max: var(--forum-content-max, 1416px);
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  color: #fff;
  font-family: var(--forum-font, "Open Sans", Arial, sans-serif);
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: normal;
}

/* From tablets up the content lines up with the site header and footer: the
   forum skin's --forum-content-max and --forum-gutter (these fallbacks without it) */
@media (min-width: 768px) {
  .sff26-spkpage { --sff26-gut: var(--forum-gutter, 40px); }
}
.sff26-spkpage *,
.sff26-spkpage *::before,
.sff26-spkpage *::after { box-sizing: border-box; }
.sff26-spkpage p,
.sff26-spkpage ul,
.sff26-spkpage li,
.sff26-spkpage dl,
.sff26-spkpage dd,
.sff26-spkpage h1,
.sff26-spkpage h2,
.sff26-spkpage h3 { margin: 0; padding: 0; }
.sff26-spkpage ul { list-style: none; }
.sff26-spkpage a:not(.cta-button) { line-height: inherit; letter-spacing: inherit; text-decoration: none; }
.sff26-spkpage img { display: block; max-width: 100%; height: auto; }
.sff26-spkpage a:focus-visible,
.sff26-spkpage button:focus-visible,
.sff26-spkpage summary:focus-visible { outline: 2px solid var(--sff26-amber); outline-offset: 3px; }
.sff26-spkpage .sff26-spkpage__w { max-width: calc(var(--sff26-max) + 2 * var(--sff26-gut)); margin: 0 auto; padding: 0 var(--sff26-gut); }
.sff26-spkpage .sff26-spkpage__note { margin: 24px 0 0; padding: 12px 16px; border-radius: 8px; background: #3a2a00; color: #FCB316; font-size: 14px; line-height: 1.4; }

/* ---------- hero: the curtain under a dark fade, a glow in the theme colour ---------- */
.sff26-spkpage .sff26-spkpage__hero { position: relative; isolation: isolate; padding: 150px 0 0; }
.sff26-spkpage .sff26-spkpage__hero::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 640px;
  z-index: -2;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(20, 20, 20, .5) 0%, rgba(20, 20, 20, .66) 45%, #141414 100%), var(--sff26-bg, none) center top / 100% auto no-repeat;
}
.sff26-spkpage .sff26-spkpage__hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: calc(max(0px, (100vw - var(--sff26-max) - 2 * var(--sff26-gut)) / 2) - 200px);
  width: 860px;
  height: 860px;
  pointer-events: none;
  background: radial-gradient(closest-side, color-mix(in srgb, var(--sff26-c) 28%, transparent) 0%, color-mix(in srgb, var(--sff26-c) 9%, transparent) 50%, transparent 100%);
}
.sff26-spkpage .sff26-spkpage__back { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; font-size: 15px; line-height: 1.5; font-weight: 600; color: #fff; }
.sff26-spkpage .sff26-spkpage__back-ic { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--sff26-s1); transition: background-color .25s ease, color .25s ease, transform .35s var(--sff26-ease); }
.sff26-spkpage .sff26-spkpage__back-ic svg,
.sff26-spkpage .sff26-spkpage__pngo svg,
.sff26-spkpage .sff26-spkpage__rgo svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sff26-spkpage .sff26-spkpage__back:hover,
.sff26-spkpage .sff26-spkpage__back:focus-visible { color: #fff; }
.sff26-spkpage .sff26-spkpage__back:hover .sff26-spkpage__back-ic,
.sff26-spkpage .sff26-spkpage__back:focus-visible .sff26-spkpage__back-ic { background: var(--sff26-amber); color: #141414; transform: translateX(-4px); }
.sff26-spkpage .sff26-spkpage__dot { flex: none; width: 5px; height: 5px; border-radius: 50%; background: #6a6a6a; }
.sff26-spkpage .sff26-spkpage__h1 {
  margin: 18px 0 0;
  max-width: 21ch;
  font-family: inherit;
  font-size: clamp(40px, 4.7vw, 68px);
  line-height: 1.06;
  font-weight: 600;
  letter-spacing: -.028em;
  text-transform: none;
  color: #fff;
  text-wrap: balance;
}
.sff26-spkpage .sff26-spkpage__stk { flex: none; display: block; width: 11px; height: 22px; background: var(--sff26-c); clip-path: polygon(45% 0, 100% 0, 55% 100%, 0 100%); }
.sff26-spkpage .sff26-spkpage__acts { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 26px; margin: 28px 0 0; }
.sff26-spkpage .sff26-spkpage__btns { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }

/* the speaker: a square portrait in its own colours, the name, title and organisation, LinkedIn, the biography */
.sff26-spkpage .sff26-spkpage__grid { display: grid; grid-template-columns: 400px minmax(0, 1fr); gap: 64px; align-items: start; margin: 24px 0 0; }
.sff26-spkpage .sff26-spkpage__phw { position: sticky; top: 130px; }
.sff26-spkpage .sff26-spkpage__ph { position: relative; display: block; aspect-ratio: 1 / 1; border-radius: 12px; overflow: hidden; background: var(--sff26-s1); isolation: isolate; }
.sff26-spkpage .sff26-spkpage__ph img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 18%; pointer-events: none; -webkit-user-drag: none; user-select: none; transform: scale(1.01); transition: transform .6s var(--sff26-ease); }
.sff26-spkpage .sff26-spkpage__phw:hover .sff26-spkpage__ph img { transform: scale(1.04); }
.sff26-spkpage .sff26-spkpage__copy { min-width: 0; }
.sff26-spkpage .sff26-spkpage__t { max-width: 40ch; margin: 18px 0 0; font-size: 21px; line-height: 1.45; color: var(--sff26-muted); }
.sff26-spkpage .sff26-spkpage__o { margin: 4px 0 0; font-size: 21px; line-height: 1.45; font-weight: 600; color: #fff; }
.sff26-spkpage .sff26-spkpage__li { position: relative; display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-size: 15px; line-height: 1.5; font-weight: 600; color: var(--sff26-amber); }
.sff26-spkpage .sff26-spkpage__li svg { width: 18px; height: 18px; fill: currentColor; }
.sff26-spkpage .sff26-spkpage__li::after { content: ""; position: absolute; left: 28px; right: 0; bottom: 10px; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: 0 50%; transition: transform .3s var(--sff26-ease); }
.sff26-spkpage .sff26-spkpage__li:hover,
.sff26-spkpage .sff26-spkpage__li:focus-visible { color: var(--sff26-amber); }
.sff26-spkpage .sff26-spkpage__li:hover::after,
.sff26-spkpage .sff26-spkpage__li:focus-visible::after { transform: scaleX(1); }
.sff26-spkpage .sff26-spkpage__bio { margin: 44px 0 0; padding: 36px 0 0; border-top: 1px solid var(--sff26-rule); }
.sff26-spkpage .sff26-spkpage__bio p { max-width: 66ch; font-size: 18px; line-height: 1.65; color: #dcdcdc; }
.sff26-spkpage .sff26-spkpage__bio p + p { margin-top: 16px; }
.sff26-spkpage .sff26-spkpage__bio p:empty { display: none; }
.sff26-spkpage .sff26-spkpage__bio a { color: var(--sff26-amber); text-decoration: underline; text-underline-offset: 3px; }
.sff26-spkpage .sff26-spkpage__rows { margin: 0; }
.sff26-spkpage .sff26-spkpage__pnav { flex: none; width: 64px; height: 64px; border-radius: 50%; overflow: hidden; background: var(--sff26-s2); }
.sff26-spkpage .sff26-spkpage__pnav img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 18%; pointer-events: none; -webkit-user-drag: none; }

/* the More ways to share menu: details / summary, so they open without JavaScript too */
.sff26-spkpage .sff26-spkpage__pop { position: relative; display: inline-flex; }
.sff26-spkpage .sff26-spkpage__pop > summary { list-style: none; cursor: pointer; }
.sff26-spkpage .sff26-spkpage__pop > summary::-webkit-details-marker { display: none; }
.sff26-spkpage .sff26-spkpage__menu {
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  z-index: 30;
  min-width: 240px;
  padding: 8px;
  border-radius: 16px;
  background: #2a2929;
  box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .85);
  text-align: left;
  transform-origin: 24px 0;
}
.sff26-spkpage .sff26-spkpage__menu--r { left: auto; right: 0; transform-origin: calc(100% - 24px) 0; }
.sff26-spkpage .sff26-spkpage__pop[open] .sff26-spkpage__menu { animation: sff26-spkpage-pop .28s cubic-bezier(.2, .9, .25, 1.15) both; }
@keyframes sff26-spkpage-pop { from { opacity: 0; transform: translateY(-6px) scale(.94); } }
.sff26-spkpage .sff26-spkpage__mi {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 44px;
  margin: 0;
  padding: 0 14px;
  border: 0;
  border-radius: 10px;
  background: none;
  box-shadow: none;
  font-family: inherit;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: none;
  text-align: left;
  color: #fff;
  cursor: pointer;
  transition: background-color .2s ease;
}
.sff26-spkpage .sff26-spkpage__mi:hover,
.sff26-spkpage .sff26-spkpage__mi:focus-visible { background: #383737; color: #fff; }
.sff26-spkpage .sff26-spkpage__mi svg { flex: none; width: 18px; height: 18px; fill: currentColor; }
.sff26-spkpage .sff26-spkpage__mi svg.sff26-spkpage__ln,
.sff26-spkpage .sff26-spkpage__ic svg.sff26-spkpage__ln { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sff26-spkpage .sff26-spkpage__hr { margin: 6px 8px; border: 0; border-top: 1px solid #3c3b3b; }
.sff26-spkpage:not(.sff26-spkpage--js) [data-js-only] { display: none; }

/* share */
.sff26-spkpage .sff26-spkpage__share { display: flex; align-items: center; gap: 15px; }
.sff26-spkpage .sff26-spkpage__share-l { margin-right: 6px; font-size: 15px; line-height: 1.5; font-weight: 600; color: var(--sff26-muted); }
/* Share icons in the site footer's style (2 Oct): white, a 32px target, no tile, 15px apart,
   0.8 opacity on hover */
.sff26-spkpage .sff26-spkpage__ic {
  flex: none;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: none;
  color: #fff;
  transition: opacity .2s ease;
}
.sff26-spkpage .sff26-spkpage__ic svg { width: 22px; height: 22px; fill: currentColor; }
.sff26-spkpage .sff26-spkpage__ic:hover,
.sff26-spkpage .sff26-spkpage__ic:focus-visible,
.sff26-spkpage .sff26-spkpage__pop[open] > .sff26-spkpage__ic { opacity: .8; }
.sff26-spkpage .sff26-spkpage__toast {
  position: fixed;
  left: 50%;
  bottom: 32px;
  z-index: 120;
  padding: 12px 20px;
  border-radius: 8px;
  background: #fff;
  color: #141414;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 600;
  box-shadow: 0 20px 40px -18px rgba(0, 0, 0, .8);
  transform: translate(-50%, 20px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease, transform .45s cubic-bezier(.2, .9, .25, 1.3);
}
.sff26-spkpage .sff26-spkpage__toast--on { opacity: 1; transform: translate(-50%, 0); }

/* ---------- sections below the hero ---------- */
.sff26-spkpage .sff26-spkpage__sec { padding: 120px 0 0; }
.sff26-spkpage .sff26-spkpage__sec--last { padding-bottom: 120px; }
.sff26-spkpage .sff26-spkpage__h2 {
  font-family: inherit;
  font-size: clamp(34px, 3.6vw, 52px);
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -.018em;
  text-transform: none;
  color: #fff;
  text-wrap: balance;
}
.sff26-spkpage .sff26-spkpage__h2 .sff26-spkpage__wd,
.sff26-spkpage .sff26-spkpage__h2 .sff26-spkpage__ch { color: inherit; }
.sff26-spkpage .sff26-spkpage__wd { white-space: nowrap; }
.sff26-spkpage .sff26-spkpage__ch { display: inline-block; }
/* heading pattern: H2 left, an action right, the body below */
.sff26-spkpage .sff26-spkpage__sg { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "hd acts" "bd bd"; column-gap: 48px; row-gap: 56px; align-items: end; }
.sff26-spkpage .sff26-spkpage__hd { grid-area: hd; }
.sff26-spkpage .sff26-spkpage__bd { grid-area: bd; min-width: 0; }

/* previous / next */
.sff26-spkpage .sff26-spkpage__pn-g { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.sff26-spkpage .sff26-spkpage__pnc { display: flex; min-width: 0; }
.sff26-spkpage .sff26-spkpage__pnc--none { visibility: hidden; }
.sff26-spkpage .sff26-spkpage__pna { display: flex; align-items: center; gap: 20px; width: 100%; min-height: 128px; padding: 24px 28px; border-radius: 16px; background: var(--sff26-s1); color: #fff; transition: background-color .3s ease; }
.sff26-spkpage .sff26-spkpage__pnc--next .sff26-spkpage__pna { flex-direction: row-reverse; text-align: right; }
.sff26-spkpage .sff26-spkpage__pngo { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(255, 255, 255, .28); border-radius: 50%; color: #fff; transition: background-color .3s ease, border-color .3s ease, color .3s ease; }
.sff26-spkpage .sff26-spkpage__pngo svg { width: 18px; height: 18px; }
.sff26-spkpage .sff26-spkpage__pnc--prev .sff26-spkpage__pngo svg { transform: rotate(180deg); }
.sff26-spkpage .sff26-spkpage__pnb { flex: 1; min-width: 0; }
.sff26-spkpage .sff26-spkpage__pnb small { display: block; font-size: 14px; line-height: 1.4; font-weight: 600; color: var(--sff26-muted); }
.sff26-spkpage .sff26-spkpage__pnb b { display: block; margin: 6px 0 0; font-size: 19px; line-height: 1.3; font-weight: 600; letter-spacing: -.01em; text-wrap: balance; transition: color .25s ease; }
.sff26-spkpage .sff26-spkpage__pnb span { display: block; margin: 4px 0 0; font-size: 14px; line-height: 1.4; color: var(--sff26-muted); }
.sff26-spkpage .sff26-spkpage__pna:hover,
.sff26-spkpage .sff26-spkpage__pna:focus-visible { background: var(--sff26-s2); color: #fff; }
.sff26-spkpage .sff26-spkpage__pna:hover .sff26-spkpage__pnb b,
.sff26-spkpage .sff26-spkpage__pna:focus-visible .sff26-spkpage__pnb b { color: var(--sff26-amber); }
.sff26-spkpage .sff26-spkpage__pna:hover .sff26-spkpage__pngo,
.sff26-spkpage .sff26-spkpage__pna:focus-visible .sff26-spkpage__pngo { background: var(--sff26-amber); border-color: var(--sff26-amber); color: #141414; }

/* text link: amber, with the primary CTA's arrow; the underline runs under text and arrow */
.sff26-spkpage .sff26-spkpage__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: .5px;
  color: var(--forum-highlight, var(--sff26-amber));
  text-decoration: none;
}
.sff26-spkpage .sff26-spkpage__link::after {
  content: "";
  position: absolute;
  left: 0;
  right: calc(24px * -0.3);
  bottom: 8px;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform .3s ease;
}
.sff26-spkpage .sff26-spkpage__link:hover,
.sff26-spkpage .sff26-spkpage__link:hover::after,
.sff26-spkpage .sff26-spkpage__link:hover .sff26-spkpage__link-ic,

/* more sessions in the theme: the theme pages' session row */
.sff26-spkpage .sff26-spkpage__row {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr) 44px;
  gap: 8px 32px;
  padding: 24px 0 22px;
  border-bottom: 1px solid var(--sff26-rule);
}
.sff26-spkpage .sff26-spkpage__row::before { content: ""; position: absolute; inset: 0 -20px; z-index: -1; border-radius: 14px; background: var(--sff26-s1); opacity: 0; transition: opacity .3s ease; }
.sff26-spkpage .sff26-spkpage__row:hover::before,
.sff26-spkpage .sff26-spkpage__row:focus-within::before { opacity: 1; }
.sff26-spkpage .sff26-spkpage__rw b { display: block; font-size: 19px; line-height: 1.25; font-weight: 600; letter-spacing: -.01em; color: #fff; }
.sff26-spkpage .sff26-spkpage__rw span { display: block; margin: 4px 0 0; font-size: 14px; line-height: 1.4; color: var(--sff26-muted); }
.sff26-spkpage .sff26-spkpage__rm { min-width: 0; }
.sff26-spkpage .sff26-spkpage__rt { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; font-size: 14px; line-height: 1.3; font-weight: 600; color: #e8e8e8; }
.sff26-spkpage .sff26-spkpage__rt .sff26-spkpage__stk { width: 9px; height: 18px; transform-origin: 50% 100%; transition: transform .4s var(--sff26-ease); }
.sff26-spkpage .sff26-spkpage__row:hover .sff26-spkpage__rt .sff26-spkpage__stk { transform: scaleY(1.3); }
.sff26-spkpage .sff26-spkpage__rh { font-family: inherit; font-size: 22px; line-height: 1.3; font-weight: 600; letter-spacing: -.01em; text-transform: none; color: #fff; text-wrap: balance; }
.sff26-spkpage .sff26-spkpage__rha { color: inherit; transition: color .25s ease; }
/* the theme sets main h3 a:hover to 28-50px bold; a linked title keeps its heading's type on hover */
.sff26-spkpage .sff26-spkpage__rha,
.sff26-spkpage .sff26-spkpage__rha:hover,
.sff26-spkpage .sff26-spkpage__rha:focus { font: inherit; letter-spacing: inherit; text-decoration: none; }
.sff26-spkpage .sff26-spkpage__row:hover .sff26-spkpage__rha,
.sff26-spkpage .sff26-spkpage__rha:focus-visible { color: var(--sff26-amber); }
.sff26-spkpage .sff26-spkpage__rmeta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 8px 0 0; font-size: 15px; line-height: 1.45; color: var(--sff26-muted); }
.sff26-spkpage .sff26-spkpage__rmeta .sff26-spkpage__dot { width: 4px; height: 4px; background: #5c5c5c; }
/* The stage type (Premium / Open) as the house's slash label, as on /agenda (user 5 Oct): amber for
   Premium, grey for Open. On desktop it sits in the time column with the stage and hall and the line
   under the title is hidden; on phones it stays on that line. */
.sff26-spkpage .sff26-spkpage__tag,
.sff26-spkpage .sff26-spkpage__rw .sff26-spkpage__rwp { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; line-height: 1.35; font-weight: 600; color: #fffffc; }
.sff26-spkpage .sff26-spkpage__tag { margin-left: 4px; }
.sff26-spkpage .sff26-spkpage__tag::before,
.sff26-spkpage .sff26-spkpage__rwp::before { content: ""; flex: none; width: 9px; height: 14px; background: var(--sff26-amber); clip-path: polygon(45% 0, 100% 0, 55% 100%, 0 100%); }
.sff26-spkpage .sff26-spkpage__tag--open,
.sff26-spkpage .sff26-spkpage__rw .sff26-spkpage__rwp--open { color: #bfbfbf; }
.sff26-spkpage .sff26-spkpage__tag--open::before,
.sff26-spkpage .sff26-spkpage__rwp--open::before { background: #8d8d8d; }
.sff26-spkpage .sff26-spkpage__rw .sff26-spkpage__rws { margin: 14px 0 0; font-size: 15px; line-height: 1.35; font-weight: 600; color: #fff; }
.sff26-spkpage .sff26-spkpage__rw .sff26-spkpage__rwh { margin: 2px 0 0; font-size: 14px; line-height: 1.4; color: var(--sff26-muted); }
.sff26-spkpage .sff26-spkpage__rw .sff26-spkpage__rwp { display: flex; margin: 10px 0 0; }
/* This speaker's role in the session (Moderator, Chair): the grey pill it always was, after the type */
.sff26-spkpage .sff26-spkpage__role,
.sff26-spkpage .sff26-spkpage__rw .sff26-spkpage__rwr { display: inline-flex; align-items: center; height: 26px; margin-left: 6px; padding: 0 11px; border-radius: 4px; background: #2b2a2a; font-size: 13px; line-height: 1; font-weight: 600; color: #e8e8e8; }
.sff26-spkpage .sff26-spkpage__rw .sff26-spkpage__rwr { display: flex; width: max-content; margin: 10px 0 0; }
@media (min-width: 768px) {
  .sff26-spkpage .sff26-spkpage__row { grid-template-columns: 196px minmax(0, 1fr) 44px; }
  .sff26-spkpage .sff26-spkpage__row .sff26-spkpage__rmeta { display: none; }
}
/* Speakers in equal columns (user 12 Oct: "standardise the column width for each speaker"): as many 280px+ columns as fit
   (three at 1440, two on tablets), every speaker the same width; one column on phones. */
.sff26-spkpage .sff26-spkpage__rppl { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 14px 32px; margin: 20px 0 0; }
.sff26-spkpage .sff26-spkpage__rp { min-width: 0; }
/* photo at the top of the name, so a long title runs down beside it */
.sff26-spkpage .sff26-spkpage__rpa { display: flex; align-items: flex-start; gap: 12px; color: #fff; }
.sff26-spkpage .sff26-spkpage__rav { flex: none; width: 56px; height: 56px; border-radius: 8px; overflow: hidden; background: var(--sff26-s1); }
.sff26-spkpage .sff26-spkpage__rav img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; pointer-events: none; -webkit-user-drag: none; transition: transform .5s var(--sff26-ease); }
.sff26-spkpage a.sff26-spkpage__rpa:hover .sff26-spkpage__rav img,
.sff26-spkpage a.sff26-spkpage__rpa:focus-visible .sff26-spkpage__rav img { transform: scale(1.08); }
.sff26-spkpage .sff26-spkpage__rpn { font-size: 14px; line-height: 1.4; color: var(--sff26-muted); }
.sff26-spkpage .sff26-spkpage__rpn b { display: block; font-size: 15px; font-weight: 600; color: #fff; transition: color .25s ease; }
.sff26-spkpage .sff26-spkpage__rpn em { display: block; margin-top: 1px; font-style: normal; font-size: 13px; font-weight: 600; color: #9c9c9c; }
/* the speaker's title in full, however long (user 12 Oct: "some speakers have extremely long titles ... we have to cater fully to them") */
.sff26-spkpage .sff26-spkpage__rpt { display: block; }
.sff26-spkpage .sff26-spkpage__rpo { display: block; font-weight: 600; color: #e6e6e6; }
.sff26-spkpage a.sff26-spkpage__rpa:hover .sff26-spkpage__rpn b,
.sff26-spkpage a.sff26-spkpage__rpa:focus-visible .sff26-spkpage__rpn b { color: var(--sff26-amber); }
.sff26-spkpage .sff26-spkpage__syn { margin: 6px 0 0; }
.sff26-spkpage .sff26-spkpage__sum { display: inline-flex; align-items: center; gap: 10px; min-height: 40px; list-style: none; font-size: 14px; line-height: 1.5; font-weight: 600; color: var(--sff26-muted); cursor: pointer; transition: color .25s ease; }
.sff26-spkpage .sff26-spkpage__sum::-webkit-details-marker { display: none; }
.sff26-spkpage .sff26-spkpage__sum:hover,
.sff26-spkpage .sff26-spkpage__syn[open] .sff26-spkpage__sum { color: #fff; }
.sff26-spkpage .sff26-spkpage__pm { position: relative; display: block; width: 26px; height: 26px; border-radius: 50%; background: #2b2a2a; transition: background-color .3s ease, transform .45s var(--sff26-ease); }
.sff26-spkpage .sff26-spkpage__pm::before,
.sff26-spkpage .sff26-spkpage__pm::after { content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 2px; margin: -1px 0 0 -5px; border-radius: 2px; background: currentColor; transition: transform .45s var(--sff26-ease); }
.sff26-spkpage .sff26-spkpage__pm::after { transform: rotate(90deg); }
.sff26-spkpage .sff26-spkpage__sum:hover .sff26-spkpage__pm { background: var(--sff26-amber); color: #141414; }
.sff26-spkpage .sff26-spkpage__syn[open] .sff26-spkpage__pm { transform: rotate(180deg); }
.sff26-spkpage .sff26-spkpage__syn[open] .sff26-spkpage__pm::after { transform: rotate(0deg); }
.sff26-spkpage .sff26-spkpage__syn-b { padding: 4px 0 6px; }
.sff26-spkpage .sff26-spkpage__syn-b p { max-width: 72ch; margin: 10px 0 0; font-size: 16px; line-height: 1.6; color: #d6d6d6; }
.sff26-spkpage .sff26-spkpage__rgo { align-self: start; display: grid; place-items: center; width: 44px; height: 44px; margin: 2px 0 0; border: 1px solid rgba(255, 255, 255, .28); border-radius: 50%; color: #fff; transition: transform .35s var(--sff26-ease), background-color .3s ease, border-color .3s ease, color .3s ease; }
.sff26-spkpage .sff26-spkpage__rgo svg { width: 18px; height: 18px; }
.sff26-spkpage .sff26-spkpage__row:hover .sff26-spkpage__rgo { transform: translateX(6px); background: var(--sff26-amber); border-color: var(--sff26-amber); color: #141414; }

/* ---------- entrances, once each (module.js arms them) ---------- */
@keyframes sff26-spkpage-rise { from { opacity: 0; transform: translateY(24px); } }
@keyframes sff26-spkpage-wipe { from { opacity: 0; clip-path: inset(100% 0 0 0 round 12px); } to { opacity: 1; clip-path: inset(0 0 0 0 round 12px); } }
.sff26-spkpage.sff26-spkpage--armed .sff26-spkpage__phw { animation: sff26-spkpage-wipe 1s var(--sff26-ease) .1s both; }
.sff26-spkpage.sff26-spkpage--armed .sff26-spkpage__back { animation: sff26-spkpage-rise .6s var(--sff26-ease) both; }
.sff26-spkpage.sff26-spkpage--armed .sff26-spkpage__h1 { animation: sff26-spkpage-rise .8s var(--sff26-ease) .12s both; }
.sff26-spkpage.sff26-spkpage--armed .sff26-spkpage__acts { animation: sff26-spkpage-rise .7s var(--sff26-ease) .34s both; }
.sff26-spkpage.sff26-spkpage--armed .sff26-spkpage__ch { transition: opacity .45s ease, transform .6s var(--sff26-ease); transition-delay: calc(var(--sff26-ci, 0) * 16ms); }
.sff26-spkpage.sff26-spkpage--armed .sff26-spkpage__h2:not(.sff26-spkpage__h2--in) .sff26-spkpage__ch { opacity: 0; transform: translateY(.4em); }
.sff26-spkpage.sff26-spkpage--armed .sff26-spkpage__rv { transition: opacity .6s ease, transform .8s cubic-bezier(.2, .9, .25, 1.1); transition-delay: calc(var(--sff26-i, 0) * 80ms); }
.sff26-spkpage.sff26-spkpage--armed .sff26-spkpage__rv:not(.sff26-spkpage__rv--in) { opacity: 0; transform: translateY(24px); }

/* ---------- tablet ---------- */
@media (max-width: 991px) {
  .sff26-spkpage .sff26-spkpage__grid { grid-template-columns: 300px minmax(0, 1fr); gap: 40px; }
  .sff26-spkpage .sff26-spkpage__sec { padding-top: 96px; }
  .sff26-spkpage .sff26-spkpage__sec--last { padding-bottom: 96px; }
}

/* ---------- phone ---------- */
@media (max-width: 767px) {
  .sff26-spkpage .sff26-spkpage__rw .sff26-spkpage__rws,
  .sff26-spkpage .sff26-spkpage__rw .sff26-spkpage__rwh,
  .sff26-spkpage .sff26-spkpage__rw .sff26-spkpage__rwp,
  .sff26-spkpage .sff26-spkpage__rw .sff26-spkpage__rwr { display: none; }
  .sff26-spkpage .sff26-spkpage__hero { padding-top: 116px; }
  .sff26-spkpage .sff26-spkpage__hero::after { right: -300px; width: 600px; height: 600px; }
  .sff26-spkpage .sff26-spkpage__hero .sff26-spkpage__w { position: relative; }
  .sff26-spkpage .sff26-spkpage__h1 { max-width: none; }
  .sff26-spkpage .sff26-spkpage__grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .sff26-spkpage .sff26-spkpage__phw { position: static; width: min(260px, 70%); }
  .sff26-spkpage .sff26-spkpage__acts { gap: 12px; margin-top: 28px; }
  .sff26-spkpage .sff26-spkpage__btns { flex: 1 1 100%; flex-direction: column; align-items: stretch; gap: 14px; }
  .sff26-spkpage .sff26-spkpage__btns .cta-button { width: 100%; }
  .sff26-spkpage .sff26-spkpage__share { flex: 1 1 100%; margin-top: 8px; }
  .sff26-spkpage .sff26-spkpage__sec { padding-top: 72px; }
  .sff26-spkpage .sff26-spkpage__sec--last { padding-bottom: 72px; }
  .sff26-spkpage .sff26-spkpage__sg { grid-template-columns: minmax(0, 1fr); grid-template-areas: "hd" "bd" "acts"; row-gap: 30px; }
  .sff26-spkpage .sff26-spkpage__pn-g { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .sff26-spkpage .sff26-spkpage__pnc--none { display: none; }
  .sff26-spkpage .sff26-spkpage__pna { min-height: 0; padding: 20px; border-radius: 14px; }
  .sff26-spkpage .sff26-spkpage__row { grid-template-columns: minmax(0, 1fr) 36px; gap: 4px 14px; padding: 20px 0 16px; }
  .sff26-spkpage .sff26-spkpage__row::before { inset: 0 -12px; }
  .sff26-spkpage .sff26-spkpage__rw { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; grid-column: 1; grid-row: 1; }
  .sff26-spkpage .sff26-spkpage__rw b { white-space: nowrap; }
  .sff26-spkpage .sff26-spkpage__rw span { margin: 0; }
  .sff26-spkpage .sff26-spkpage__rgo { grid-column: 2; grid-row: 1; width: 36px; height: 36px; margin: -4px 0 0; }
  .sff26-spkpage .sff26-spkpage__rm { grid-column: 1 / -1; grid-row: 2; }
  .sff26-spkpage .sff26-spkpage__rppl { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  /* Phone type. The theme sets h1-h3 weight 400 and p / li 16px on phones
     with !important, so these must be !important too (phone typography only). */
  .sff26-spkpage .sff26-spkpage__h1 { font-size: 36px !important; line-height: 1.1 !important; font-weight: 600 !important; }
  .sff26-spkpage .sff26-spkpage__h2 { font-size: 32px !important; line-height: 1.12 !important; font-weight: 600 !important; }
    .sff26-spkpage .sff26-spkpage__t,
  .sff26-spkpage .sff26-spkpage__o { font-size: 18px !important; line-height: 1.4 !important; }
  .sff26-spkpage .sff26-spkpage__o { font-weight: 600 !important; }
  .sff26-spkpage .sff26-spkpage__bio p { font-size: 17px !important; line-height: 1.6 !important; }
  .sff26-spkpage .sff26-spkpage__rw b { font-size: 19px !important; line-height: 1.25 !important; }
  .sff26-spkpage .sff26-spkpage__rt { font-size: 13px !important; line-height: 1.3 !important; }
  .sff26-spkpage .sff26-spkpage__rh { font-size: 19px !important; line-height: 1.3 !important; font-weight: 600 !important; }
  .sff26-spkpage .sff26-spkpage__rmeta { font-size: 14px !important; line-height: 1.45 !important; }
  .sff26-spkpage .sff26-spkpage__syn-b p { font-size: 16px !important; line-height: 1.6 !important; }
}

@media (prefers-reduced-motion: reduce) {
  .sff26-spkpage .sff26-spkpage__back-ic,
  .sff26-spkpage .sff26-spkpage__ic,
  .sff26-spkpage .sff26-spkpage__ph img,
  .sff26-spkpage .sff26-spkpage__pnav img,
  .sff26-spkpage .sff26-spkpage__rav img,
  .sff26-spkpage .sff26-spkpage__rgo,
  .sff26-spkpage .sff26-spkpage__pm,
  .sff26-spkpage .sff26-spkpage__li::after { transition: none; }
  .sff26-spkpage .sff26-spkpage__pop[open] .sff26-spkpage__menu { animation: none; }
  .sff26-spkpage .sff26-spkpage__row:hover .sff26-spkpage__rgo,
  .sff26-spkpage .sff26-spkpage__phw:hover .sff26-spkpage__ph img,
  .sff26-spkpage .sff26-spkpage__ic:hover { transform: none; }
}

/* ---------------------------------------------------------------------------------------------------------------
   Other forums (12 Oct, user: "globalise the new modules to be used on other forums"). Everything below applies only
   OFF SFF (".sff26-spkpage:not(.skin-sff *)"), so SFF keeps exactly the values above. The module reads the forum skin's tokens
   (the bss.css contract: --forum-text, --forum-text-body, --forum-text-muted, --forum-text-faint, --forum-surface,
   --forum-surface-raised, --forum-line, --forum-highlight, --forum-dark, the brand palette --forum-gold / -accent /
   -orchid / -teal) and the BSS layout (--bss-max, --bss-gutter), each falling back to SFF's value. A light edition
   (BSS Cambodia) sets --forum-highlight-text to its text colour: brand colours never as small text on a light page.
   BSS forces p / li to var(--forum-text-body) !important, so each text role sets that token to its own colour.
   The hero is not a band: its curtain fades into the PAGE (as on SFF, where the page is dark), so the name, the
   biography and everything under it are on the forum's page in its text colours. On a light page the curtain sits
   under a stronger wash of the page colour, so dark text reads over a dark photo.
   --------------------------------------------------------------------------------------------------------------- */
.sff26-spkpage:not(.skin-sff *) {
  --sff26-gut: 15px; /* BSS's phone gutter (from 768px: --bss-gutter, below) */
  --sff26-max: var(--forum-content-max, var(--bss-max, 1416px));
  --sff26-muted: var(--forum-text-muted, #cfcfcf);
  --sff26-amber: var(--forum-highlight, #FCB316);
  --sff26-s1: var(--forum-surface, #1e1d1d);
  --sff26-s2: var(--forum-surface-raised, #252424);
  --sff26-rule: var(--forum-line, #333);
  --sff26-hl-text: var(--forum-highlight-text, var(--forum-highlight, #FCB316));
  --sff26-fg: var(--forum-text, #fff);
  --sff26-page: var(--forum-page, var(--forum-dark, #141414));
  --sff26-pal-amber: var(--forum-gold, var(--forum-highlight, #FCB316));
  --sff26-pal-red: var(--forum-highlight, #E53935);
  --sff26-pal-blue: var(--forum-accent, #3399FF);
  --sff26-pal-pink: var(--forum-orchid, #FF88A2);
  --sff26-pal-green: var(--forum-teal, #76C893);
  --sff26-amber-ink: var(--forum-dark, #141414); /* fallback for browsers without relative colours */
  /* the curtain's wash: SFF's (half, then two-thirds, of the page colour) on a dark page; on a light page (an edition
     that sets --forum-page; elsewhere these are invalid and the fallbacks apply) a stronger one */
  --sff26-wash-1: color-mix(in srgb, var(--forum-page) 82%, transparent);
  --sff26-wash-2: color-mix(in srgb, var(--forum-page) 90%, transparent);
  --forum-text-body: var(--sff26-muted);
  color: var(--sff26-fg);
}
@supports (color: oklch(from red l c h)) {
  .sff26-spkpage:not(.skin-sff *) {
    /* ink on the highlight fill: white on a dark fill, a near-black on a light one (River Stone's oklch) */
    --sff26-amber-ink: oklch(from var(--sff26-amber) clamp(0.245, (0.62 - l) * 1000, 1) clamp(0, (l - 0.62) * 1000, 0.017) 248);
  }
}
@media (min-width: 768px) {
  .sff26-spkpage:not(.skin-sff *) { --sff26-gut: var(--forum-gutter, var(--bss-gutter, 40px)); }
}
/* the curtain fills the whole fade (cover, not the full width), so its lower edge never shows through a light wash */
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__hero::before {
  background: linear-gradient(180deg, var(--sff26-wash-1, color-mix(in srgb, var(--sff26-page) 50%, transparent)) 0%, var(--sff26-wash-2, color-mix(in srgb, var(--sff26-page) 66%, transparent)) 45%, var(--sff26-page) 100%), var(--sff26-bg, none) center top / cover no-repeat;
}
/* the back button, the name, the organisation (a p, so the token too) */
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__back,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__back:hover,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__back:focus-visible,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__h1,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__h2 { color: var(--sff26-fg); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__o { --forum-text-body: var(--sff26-fg); color: var(--sff26-fg); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__t { color: var(--sff26-muted); }
/* small fills on the page (the back button's circle, the portrait's square while it loads): raised, so they show on a light page */
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__back-ic,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__ph,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__rav { background: var(--sff26-s2); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__back:hover .sff26-spkpage__back-ic,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__back:focus-visible .sff26-spkpage__back-ic { background: var(--sff26-amber); color: var(--sff26-amber-ink); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__dot { background: var(--forum-text-faint, #6a6a6a); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__li,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__li:hover,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__li:focus-visible,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__bio a { color: var(--sff26-hl-text); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__bio p { --forum-text-body: var(--sff26-muted); color: var(--sff26-muted); }
/* the outline button: the text colour (filled in it on hover) */
.sff26-spkpage:not(.skin-sff *) .cta-secondary-white { border-color: var(--sff26-fg); background-color: transparent; color: var(--sff26-fg); }
.sff26-spkpage:not(.skin-sff *) .cta-secondary-white:hover,
.sff26-spkpage:not(.skin-sff *) .cta-secondary-white:focus { border-color: var(--sff26-fg); background-color: var(--sff26-fg); color: var(--sff26-page); }
/* share: the icons in the text colour; the menu a card in the forum's surface */
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__share-l { color: var(--sff26-muted); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__ic { color: var(--sff26-fg); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__menu { background: var(--sff26-s1); box-shadow: 0 0 0 1px var(--sff26-rule), 0 30px 60px -24px rgba(0, 0, 0, .45); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__mi { color: var(--sff26-fg); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__mi:hover,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__mi:focus-visible { background: var(--sff26-s2); color: var(--sff26-fg); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__hr { border-top-color: var(--sff26-rule); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__toast { background: var(--sff26-fg); color: var(--sff26-page); }
/* previous / next: cards in the forum's surface */
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__pna,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__pna:hover,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__pna:focus-visible { color: var(--sff26-fg); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__pnb small,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__pnb span { color: var(--sff26-muted); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__pngo,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__rgo { border-color: color-mix(in srgb, var(--sff26-fg) 28%, transparent); color: var(--sff26-fg); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__pna:hover .sff26-spkpage__pnb b,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__pna:focus-visible .sff26-spkpage__pnb b { color: var(--sff26-hl-text); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__pna:hover .sff26-spkpage__pngo,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__pna:focus-visible .sff26-spkpage__pngo,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__row:hover .sff26-spkpage__rgo { border-color: var(--sff26-amber); background: var(--sff26-amber); color: var(--sff26-amber-ink); }
/* the session rows (Speaking at …), as the agenda's */
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__rw b,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__rh,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__tag,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__rw .sff26-spkpage__rwp,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__rw .sff26-spkpage__rws { color: var(--sff26-fg); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__rw { --forum-text-body: var(--sff26-muted); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__rw span,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__rmeta,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__rt,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__tag--open,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__rw .sff26-spkpage__rwp--open { color: var(--sff26-muted); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__rt { --forum-text-body: var(--sff26-muted); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__rmeta .sff26-spkpage__dot,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__tag--open::before,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__rwp--open::before { background: var(--forum-text-faint, #8d8d8d); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__row:hover .sff26-spkpage__rha,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__rha:focus-visible { color: var(--sff26-hl-text); }
/* the speaker's role in the session: a pill in the raised surface */
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__role,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__rw .sff26-spkpage__rwr { background: var(--sff26-s2); color: var(--sff26-fg); }
/* the people on a row: name and organisation in the text colour, title and role in the muted one, as SFF's hierarchy */
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__rpa { color: var(--sff26-fg); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__rpn,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__rpn em { color: var(--sff26-muted); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__rpn b,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__rpo { color: var(--sff26-fg); }
.sff26-spkpage:not(.skin-sff *) a.sff26-spkpage__rpa:hover .sff26-spkpage__rpn b,
.sff26-spkpage:not(.skin-sff *) a.sff26-spkpage__rpa:focus-visible .sff26-spkpage__rpn b { color: var(--sff26-hl-text); }
/* About this session: the plus in the raised surface, filled in the highlight on hover; the synopsis in the body colour */
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__sum { color: var(--sff26-muted); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__sum:hover,
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__syn[open] .sff26-spkpage__sum { color: var(--sff26-fg); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__pm { background: var(--sff26-s2); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__sum:hover .sff26-spkpage__pm { background: var(--sff26-amber); color: var(--sff26-amber-ink); }
.sff26-spkpage:not(.skin-sff *) .sff26-spkpage__syn-b p { --forum-text-body: var(--sff26-muted); color: var(--sff26-muted); }