/* SFF 2026 - Theme Agenda. Scoped to .sff26-tagenda; rules are written as
   ".sff26-tagenda .sff26-tagenda__x" so they outrank the theme's element
   rules. The rows follow the /agenda listing card as restyled in the
   live-layout agenda mockup (measured there at 1440 and 390px). Hovers are
   SFF amber on every force page (Patricia, 29 Sep). The only !important is
   phone typography (see the phone block). --sff26-st / --sff26-ston: the
   row's stage colour and the text on it. */

.sff26-tagenda {
  --sff26-muted: #cfcfcf;
  --sff26-amber: #FCB316;
  --sff26-line: rgba(255, 255, 255, .14);
  --sff26-ease: cubic-bezier(.22, .8, .24, 1);
  --sff26-gut: 20px;
  --sff26-max: var(--forum-content-max, 1416px);
  interpolate-size: allow-keywords;
  box-sizing: border-box;
  position: relative;
  padding: 120px 0 0;
  color: #fff;
  font-family: var(--forum-font, "Open Sans", Arial, sans-serif);
}

/* 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-tagenda { --sff26-gut: var(--forum-gutter, 40px); }
}
.sff26-tagenda *,
.sff26-tagenda *::before,
.sff26-tagenda *::after { box-sizing: border-box; }

.sff26-tagenda .sff26-tagenda__note {
  max-width: var(--sff26-max);
  margin: 0 auto 16px;
  padding: 10px 14px;
  border-radius: 4px;
  background: #3a2a00;
  font-size: 14px;
  line-height: 1.4;
  color: #ffe2a3;
}

/* Heading pattern: the heading on the left, the link on the right */
.sff26-tagenda .sff26-tagenda__w {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "hd acts" "bd bd";
  column-gap: 48px;
  row-gap: 40px;
  align-items: end;
  max-width: calc(var(--sff26-max) + 2 * var(--sff26-gut));
  margin: 0 auto;
  padding: 0 var(--sff26-gut);
}
.sff26-tagenda .sff26-tagenda__hd { grid-area: hd; }
.sff26-tagenda .sff26-tagenda__acts { grid-area: acts; display: flex; align-items: center; }
.sff26-tagenda .sff26-tagenda__bd { grid-area: bd; min-width: 0; }
.sff26-tagenda .sff26-tagenda__h2 {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: clamp(34px, 3.6vw, 52px);
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -.018em;
  color: #fff;
  text-transform: none;
  text-wrap: balance;
}
/* Letter spans added by module.js; the legacy SFF CSS paints "h2 span" amber */
.sff26-tagenda .sff26-tagenda__h2 .sff26-tagenda__wd,
.sff26-tagenda .sff26-tagenda__h2 .sff26-tagenda__ch { color: inherit; }
.sff26-tagenda .sff26-tagenda__wd { white-space: nowrap; }
.sff26-tagenda .sff26-tagenda__ch { display: inline-block; }

/* Text link: amber, the primary CTA's arrow; the underline runs under the
   text and the arrow and stretches with it (same as the other v2 modules) */
.sff26-tagenda .sff26-tagenda__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-tagenda .sff26-tagenda__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-tagenda .sff26-tagenda__link:hover,
.sff26-tagenda .sff26-tagenda__link:focus-visible { color: var(--forum-highlight, var(--sff26-amber)); text-decoration: none; }
.sff26-tagenda .sff26-tagenda__link:hover::after,
.sff26-tagenda .sff26-tagenda__link:focus-visible::after { transform: scaleX(1); }
.sff26-tagenda .sff26-tagenda__link-ic { flex: none; display: block; width: 24px; height: 12px; transform-origin: left center; transition: transform .3s ease; }
.sff26-tagenda .sff26-tagenda__link:hover .sff26-tagenda__link-ic,
.sff26-tagenda .sff26-tagenda__link:focus-visible .sff26-tagenda__link-ic { transform: scaleX(1.3); }
.sff26-tagenda a:focus-visible,
.sff26-tagenda summary:focus-visible { outline: 2px solid var(--sff26-amber); outline-offset: 3px; }

/* Day tabs, as on /agenda: one 8px bar, 4px tabs; the chosen day fills amber */
.sff26-tagenda .sff26-tagenda__chips {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 4px;
  max-width: 100%;
  margin: 0 0 32px;
  padding: 5px;
  border-radius: 8px;
  background: #1e1d1d;
  overflow-x: auto;
  scrollbar-width: none;
}
.sff26-tagenda .sff26-tagenda__chips::-webkit-scrollbar { display: none; }
.sff26-tagenda .sff26-tagenda__chips[hidden] { display: none; }
.sff26-tagenda .sff26-tagenda__chip {
  flex: none;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 10px 20px;
  border: 0;
  border-radius: 4px;
  box-shadow: none;
  background: transparent;
  color: #bfbfbf;
  font-family: inherit;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: background-color .25s ease, color .25s ease, transform .15s ease;
}
.sff26-tagenda .sff26-tagenda__chip b,
.sff26-tagenda .sff26-tagenda__chip--all { font-weight: 600; color: #fffffc; }
.sff26-tagenda .sff26-tagenda__chip:hover { background: #2c2b2b; }
.sff26-tagenda .sff26-tagenda__chip:active { transform: scale(.95); }
.sff26-tagenda .sff26-tagenda__chip[aria-pressed="true"],
.sff26-tagenda .sff26-tagenda__chip[aria-pressed="true"] b { background: var(--sff26-amber); color: #141414; }
.sff26-tagenda .sff26-tagenda__chip:focus-visible { outline: 2px solid var(--sff26-amber); outline-offset: 2px; }

/* The rows, between grey hairlines */
.sff26-tagenda .sff26-tagenda__list { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid var(--sff26-line); }
.sff26-tagenda .sff26-tagenda__row {
  display: grid;
  grid-template-columns: 144px minmax(0, 1fr);
  margin: 0;
  padding: 30px 0;
  border-top: 1px solid var(--sff26-line);
  list-style: none;
  line-height: normal;
  scroll-margin-top: 150px;
}
.sff26-tagenda .sff26-tagenda__row::before,
.sff26-tagenda .sff26-tagenda__row::marker { content: none; }
.sff26-tagenda .sff26-tagenda__row.sff26-tagenda__row--off { display: none; }
.sff26-tagenda .sff26-tagenda__side { min-width: 0; padding-right: 16px; }
.sff26-tagenda .sff26-tagenda__main { min-width: 0; }
.sff26-tagenda .sff26-tagenda__stage {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 4px;
  background: var(--sff26-st, #FCB316);
  color: var(--sff26-ston, #141414);
  font-size: 13px;
  line-height: 1.35;
  font-weight: 600;
}
.sff26-tagenda .sff26-tagenda__hall { margin: 0; padding: 12px 0 4px; font-size: 14px; line-height: 1.35; font-weight: 400; color: #bfbfbf; }
/* Premium / Open: a quiet label behind the slanted SFF stroke (amber for Premium, grey for Open) */
.sff26-tagenda .sff26-tagenda__pass {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 2px 0 0;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 600;
  color: #fffffc;
}
.sff26-tagenda .sff26-tagenda__pass::before {
  content: "";
  flex: none;
  width: 9px;
  height: 14px;
  background: var(--sff26-amber);
  clip-path: polygon(45% 0, 100% 0, 55% 100%, 0 100%);
}
.sff26-tagenda .sff26-tagenda__pass--open { color: #bfbfbf; }
.sff26-tagenda .sff26-tagenda__pass--open::before { background: #8d8d8d; }
.sff26-tagenda .sff26-tagenda__when { margin: 0 0 6px; padding: 0; font-size: 14px; line-height: 1.35; font-weight: 600; color: #fffffc; }
/* the theme tag (show_theme; user 8 Oct): the /agenda listing's slanted stroke in the theme colour, then the name */
.sff26-tagenda .sff26-tagenda__rt { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; padding: 0; font-size: 14px; line-height: 1.3; font-weight: 600; color: #e8e8e8; }
.sff26-tagenda .sff26-tagenda__rstk { flex: none; display: block; width: 9px; height: 18px; background: var(--sff26-c); clip-path: polygon(45% 0, 100% 0, 55% 100%, 0 100%); }
.sff26-tagenda .sff26-tagenda__t {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: 26px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: normal;
  color: #fff;
  text-transform: none;
}
/* line-height: the theme gives links their own, which would open up the title's lines */
.sff26-tagenda .sff26-tagenda__ta { color: inherit; line-height: inherit; text-decoration: none; transition: color .35s ease; }
/* the theme sets main h3 a:hover to 28-50px bold; a linked title keeps its heading's type on hover */
.sff26-tagenda .sff26-tagenda__ta,
.sff26-tagenda .sff26-tagenda__ta:hover,
.sff26-tagenda .sff26-tagenda__ta:focus { font: inherit; letter-spacing: inherit; text-decoration: none; }
.sff26-tagenda .sff26-tagenda__row:hover .sff26-tagenda__ta,
.sff26-tagenda .sff26-tagenda__ta:focus-visible { color: var(--sff26-amber); text-decoration: none; }

/* Speakers: 56px squared portraits in their own colours (no filter), a zoom on hover */
.sff26-tagenda .sff26-tagenda__ppl { display: flex; flex-wrap: wrap; margin: 26px 0 0; padding: 0; list-style: none; }
.sff26-tagenda .sff26-tagenda__p { width: 245px; margin: 0 0 16px; padding: 0 8px 0 0; list-style: none; }
.sff26-tagenda .sff26-tagenda__p::before,
.sff26-tagenda .sff26-tagenda__p::marker { content: none; }
.sff26-tagenda .sff26-tagenda__pa { display: flex; align-items: flex-start; color: inherit; text-decoration: none; }
.sff26-tagenda .sff26-tagenda__av { flex: none; display: block; width: 56px; height: 56px; overflow: hidden; border-radius: 8px; }
.sff26-tagenda .sff26-tagenda__av img {
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: 50% 20%;
  -webkit-user-drag: none;
  transition: transform .5s ease;
}
.sff26-tagenda a.sff26-tagenda__pa:hover .sff26-tagenda__av img,
.sff26-tagenda a.sff26-tagenda__pa:focus-visible .sff26-tagenda__av img { transform: scale(1.08); }
/* No headshot yet: initials on a dark tile */
.sff26-tagenda .sff26-tagenda__av--i { display: grid; place-items: center; background: #2c2b2b; color: #e6e6e6; font-size: 15px; font-weight: 600; letter-spacing: .02em; }
.sff26-tagenda .sff26-tagenda__pn { min-width: 0; padding-left: 12px; font-size: 13px; line-height: 1.45; font-weight: 400; color: #bfbfbf; }
.sff26-tagenda .sff26-tagenda__nm { font-weight: 600; color: #fffffc; transition: color .2s ease; }
.sff26-tagenda .sff26-tagenda__pn b { font-weight: 600; color: #e6e6e6; }
.sff26-tagenda a.sff26-tagenda__pa:hover .sff26-tagenda__nm,
.sff26-tagenda a.sff26-tagenda__pa:focus-visible .sff26-tagenda__nm { color: var(--sff26-amber); }

/* About this session: opens the synopsis in place */
.sff26-tagenda .sff26-tagenda__syn { margin: 0; padding: 0; border: 0; }
.sff26-tagenda .sff26-tagenda__t + .sff26-tagenda__syn { margin-top: 12px; }
.sff26-tagenda .sff26-tagenda__sum {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}
.sff26-tagenda .sff26-tagenda__sum::-webkit-details-marker { display: none; }
.sff26-tagenda .sff26-tagenda__sum::marker { content: none; }
.sff26-tagenda .sff26-tagenda__pm {
  position: relative;
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #2b2a2a;
  color: #fff;
  transition: background-color .3s ease, color .3s ease, transform .45s var(--sff26-ease);
}
.sff26-tagenda .sff26-tagenda__pm::before,
.sff26-tagenda .sff26-tagenda__pm::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 2px;
  margin: -1px 0 0 -5px;
  border-radius: 2px;
  background: currentColor;
  transition: transform .45s var(--sff26-ease);
}
.sff26-tagenda .sff26-tagenda__pm::after { transform: rotate(90deg); }
.sff26-tagenda .sff26-tagenda__sum:hover .sff26-tagenda__pm { background: var(--sff26-amber); color: #141414; }
.sff26-tagenda .sff26-tagenda__syn[open] .sff26-tagenda__pm { transform: rotate(180deg); }
.sff26-tagenda .sff26-tagenda__syn[open] .sff26-tagenda__pm::after { transform: rotate(0deg); }
/* The open and close ease where the browser supports it; elsewhere it opens at once */
.sff26-tagenda .sff26-tagenda__syn::details-content { height: 0; overflow: clip; transition: height .45s var(--sff26-ease), content-visibility .45s allow-discrete; }
.sff26-tagenda .sff26-tagenda__syn[open]::details-content { height: auto; }
.sff26-tagenda .sff26-tagenda__syn-b { padding: 4px 0 6px; }
.sff26-tagenda .sff26-tagenda__syn-b p { max-width: 72ch; margin: 10px 0 0; padding: 0; font-size: 16px; line-height: 1.6; font-weight: 400; color: #d6d6d6; }

@media (max-width: 991px) {
  .sff26-tagenda { padding-top: 96px; }
}
/* Tablets and phones (as /agenda under 992px): stage, hall and pass on one line above the session */
@media (max-width: 992px) {
  .sff26-tagenda .sff26-tagenda__row { grid-template-columns: minmax(0, 1fr); padding: 22px 0 20px; }
  .sff26-tagenda .sff26-tagenda__side { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; padding: 0 0 14px; }
  .sff26-tagenda .sff26-tagenda__hall,
  .sff26-tagenda .sff26-tagenda__pass { padding: 0; font-size: 13px; }
}

/* Phones: heading, the tabs and rows, then the link */
@media (max-width: 767px) {
  .sff26-tagenda { padding-top: 72px; }
  .sff26-tagenda .sff26-tagenda__w { grid-template-columns: minmax(0, 1fr); grid-template-areas: "hd" "bd" "acts"; row-gap: 24px; }
  .sff26-tagenda .sff26-tagenda__acts { margin-top: 6px; }
  .sff26-tagenda .sff26-tagenda__chips { margin-bottom: 20px; }
  .sff26-tagenda .sff26-tagenda__chip { padding: 9px 14px; }
  .sff26-tagenda .sff26-tagenda__mo { display: none; }
  .sff26-tagenda .sff26-tagenda__ppl { margin-top: 22px; }
  .sff26-tagenda .sff26-tagenda__p { width: 50%; }

  /* Phone type. The theme's main.css and the page's head styles set h2 /
     h3 / p / li sizes and weights on phones with !important, so these must
     be !important too (phone typography only). */
  .sff26-tagenda .sff26-tagenda__h2 { font-size: 32px !important; line-height: 1.12 !important; font-weight: 600 !important; }
  .sff26-tagenda .sff26-tagenda__chip { font-size: 14px !important; }
  .sff26-tagenda .sff26-tagenda__t { font-size: 21px !important; line-height: 1.3 !important; font-weight: 600 !important; }
  .sff26-tagenda .sff26-tagenda__when { font-size: 14px !important; line-height: 1.35 !important; }
  .sff26-tagenda .sff26-tagenda__rt { font-size: 13px !important; line-height: 1.3 !important; font-weight: 600 !important; }
  .sff26-tagenda .sff26-tagenda__hall,
  .sff26-tagenda .sff26-tagenda__pass { font-size: 13px !important; line-height: 1.35 !important; }
  .sff26-tagenda .sff26-tagenda__p,
  .sff26-tagenda .sff26-tagenda__pn { font-size: 13px !important; line-height: 1.45 !important; }
  .sff26-tagenda .sff26-tagenda__sum { font-size: 14px !important; }
  .sff26-tagenda .sff26-tagenda__syn-b p { font-size: 15px !important; line-height: 1.6 !important; }
}
/* One speaker to a line, as /agenda */
@media (max-width: 479px) {
  .sff26-tagenda .sff26-tagenda__p { width: 100%; }
}

/* Entrances, once each. module.js adds --armed only when it can also reveal,
   so without JavaScript or with reduced motion nothing is hidden: heading
   letters rise in, each row rises in as it arrives, and the rows shown by a
   day tab rise in turn. */
.sff26-tagenda.sff26-tagenda--armed .sff26-tagenda__ch {
  transition: opacity .45s ease, transform .6s var(--sff26-ease);
  transition-delay: calc(var(--sff26-ci, 0) * 16ms);
}
.sff26-tagenda.sff26-tagenda--armed .sff26-tagenda__h2:not(.sff26-tagenda--in) .sff26-tagenda__ch { opacity: 0; transform: translateY(.4em); }
.sff26-tagenda.sff26-tagenda--armed .sff26-tagenda__row { transition: opacity .6s ease, transform .85s cubic-bezier(.2, .9, .25, 1.1); transition-delay: calc(var(--sff26-i, 0) * 70ms); }
.sff26-tagenda.sff26-tagenda--armed .sff26-tagenda__row:not(.sff26-tagenda--in) { opacity: 0; transform: translateY(20px); }
.sff26-tagenda.sff26-tagenda--armed .sff26-tagenda__row.sff26-tagenda--show { animation: sff26-tagenda-in .5s var(--sff26-ease) both; animation-delay: calc(var(--sff26-i, 0) * 45ms); }
@keyframes sff26-tagenda-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) {
  .sff26-tagenda .sff26-tagenda__syn::details-content,
  .sff26-tagenda .sff26-tagenda__pm,
  .sff26-tagenda .sff26-tagenda__pm::before,
  .sff26-tagenda .sff26-tagenda__pm::after,
  .sff26-tagenda .sff26-tagenda__av img,
  .sff26-tagenda .sff26-tagenda__chip,
  .sff26-tagenda .sff26-tagenda__link::after,
  .sff26-tagenda .sff26-tagenda__link-ic,
  .sff26-tagenda.sff26-tagenda--armed .sff26-tagenda__ch,
  .sff26-tagenda.sff26-tagenda--armed .sff26-tagenda__row { transition: none; }
  .sff26-tagenda.sff26-tagenda--armed .sff26-tagenda__row.sff26-tagenda--show { animation: none; }
  .sff26-tagenda.sff26-tagenda--armed .sff26-tagenda__row:not(.sff26-tagenda--in),
  .sff26-tagenda.sff26-tagenda--armed .sff26-tagenda__h2:not(.sff26-tagenda--in) .sff26-tagenda__ch { opacity: 1; transform: none; }
}

/* ---------------------------------------------------------------------------------------------------------------
   Other forums (12 Oct, user: "globalise the new modules to be used on other forums"). Everything below applies only
   OFF SFF (".sff26-tagenda: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 stage tags keep their soft tones and dark ink on every forum (a colour chip reads on any page); a palette pick
   takes the forum's colour and its ink.
   --------------------------------------------------------------------------------------------------------------- */
.sff26-tagenda: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-line: var(--forum-line, rgba(255, 255, 255, .14));
  --sff26-hl-text: var(--forum-highlight-text, var(--forum-highlight, #FCB316));
  --sff26-fg: var(--forum-text, #fff);
  --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 */
  --sff26-pal-amber-ink: var(--forum-dark, #141414);
  --sff26-pal-red-ink: var(--forum-dark, #141414);
  --sff26-pal-blue-ink: var(--forum-dark, #141414);
  --sff26-pal-pink-ink: var(--forum-dark, #141414);
  --sff26-pal-green-ink: var(--forum-dark, #141414);
  --forum-text-body: var(--sff26-muted);
  color: var(--sff26-fg);
}
@supports (color: oklch(from red l c h)) {
  .sff26-tagenda:not(.skin-sff *) {
    /* ink on the highlight or a palette 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);
    --sff26-pal-amber-ink: oklch(from var(--sff26-pal-amber) clamp(0.245, (0.62 - l) * 1000, 1) clamp(0, (l - 0.62) * 1000, 0.017) 248);
    --sff26-pal-red-ink: oklch(from var(--sff26-pal-red) clamp(0.245, (0.62 - l) * 1000, 1) clamp(0, (l - 0.62) * 1000, 0.017) 248);
    --sff26-pal-blue-ink: oklch(from var(--sff26-pal-blue) clamp(0.245, (0.62 - l) * 1000, 1) clamp(0, (l - 0.62) * 1000, 0.017) 248);
    --sff26-pal-pink-ink: oklch(from var(--sff26-pal-pink) clamp(0.245, (0.62 - l) * 1000, 1) clamp(0, (l - 0.62) * 1000, 0.017) 248);
    --sff26-pal-green-ink: oklch(from var(--sff26-pal-green) clamp(0.245, (0.62 - l) * 1000, 1) clamp(0, (l - 0.62) * 1000, 0.017) 248);
  }
}
@media (min-width: 768px) {
  .sff26-tagenda:not(.skin-sff *) { --sff26-gut: var(--forum-gutter, var(--bss-gutter, 40px)); }
}
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__h2,
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__t { color: var(--sff26-fg); }
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__link,
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__link:hover,
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__link:focus-visible { color: var(--sff26-hl-text); }
/* the day tabs: the forum's card colour, the chosen day in its highlight */
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__chips { background: var(--forum-surface, #1e1d1d); }
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__chip { color: var(--sff26-muted); }
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__chip b,
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__chip--all { color: var(--sff26-fg); }
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__chip:hover { background: var(--forum-surface-raised, #2c2b2b); }
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__chip[aria-pressed="true"],
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__chip[aria-pressed="true"] b { background: var(--sff26-amber); color: var(--sff26-amber-ink); }
/* the left column and the date line (p, so the token too) */
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__pass,
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__when { --forum-text-body: var(--sff26-fg); color: var(--sff26-fg); }
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__hall,
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__pass--open,
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__rt { --forum-text-body: var(--sff26-muted); color: var(--sff26-muted); }
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__pass--open::before { background: var(--forum-text-faint, #8d8d8d); }
/* a linked title on hover: the highlight, or the text colour where the edition keeps brand colours off text */
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__row:hover .sff26-tagenda__ta,
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__ta:focus-visible { color: var(--sff26-hl-text); }
/* the people: name and organisation in the text colour, the role in the muted one, as SFF's hierarchy */
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__av--i { background: var(--forum-surface-raised, #2c2b2b); color: var(--sff26-muted); }
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__pn { color: var(--sff26-muted); }
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__nm,
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__pn b { color: var(--sff26-fg); }
.sff26-tagenda:not(.skin-sff *) a.sff26-tagenda__pa:hover .sff26-tagenda__nm,
.sff26-tagenda:not(.skin-sff *) a.sff26-tagenda__pa:focus-visible .sff26-tagenda__nm { 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-tagenda:not(.skin-sff *) .sff26-tagenda__sum { color: var(--sff26-fg); }
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__pm { background: var(--forum-surface-raised, #2b2a2a); color: var(--sff26-fg); }
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__sum:hover .sff26-tagenda__pm { background: var(--sff26-amber); color: var(--sff26-amber-ink); }
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__syn-b p { --forum-text-body: var(--sff26-muted); color: var(--sff26-muted); }
/* links in a synopsis: the forum's link text colour, underlined (on a light edition that colour is the text's own) */
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__syn-b a { color: var(--sff26-hl-text); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
.sff26-tagenda:not(.skin-sff *) .sff26-tagenda__syn-b a:hover { color: var(--sff26-fg); }

/* an organisation named inside a speaker's title (Company lists several, separated by ";"), in bold (user, 21 Oct) */
.sff26-tagenda .sff26-org { font-weight: 600; color: #e6e6e6; }
.sff26-tagenda:not(.skin-sff *) .sff26-org { color: var(--sff26-fg); }