/* Styles for /suites/deluxe/, /suites/honeymoon/, /suites/presidential/, /suites/standard/, /suites/super-deluxe/: suite-rate, suite-opening, rock-garden, suite-questions.
   Search for "── <name> ──" to find a part.
   Forum Homini website, editable IIS version v016 20261109 081746. Generated with Claude Opus 5.5. */

/* ── suite-rate ── */
/* Suite pages: rates.
   Used on: /suites/deluxe/, /suites/honeymoon/, /suites/presidential/, /suites/standard/, /suites/super-deluxe/.
   Forum Homini website, */
.sr[data-c-suite-rate] {
  margin-block: calc(-1 * var(--s-3)) var(--s-6);
  color: var(--naledi);
}
/* (6 Nov 2026) color was #f3d792; always overridden by css/site.css, so its value is here now */
.sr__price[data-c-suite-rate] {
  font-family: var(--face-display);
  font-size: var(--fs-l);
  line-height: 1.1;
  color: #f3d792;
}
/* (6 Nov 2026) color was var(--naledi); always overridden by css/site.css, so its value is here now */
.sr__per[data-c-suite-rate] {
  font-size: var(--fs-m);
  color: #e6c27a;
}
.sr__note[data-c-suite-rate] {
  margin-block-start: var(--s-1);
  font-family: var(--face-text);
  font-style: normal;
  font-size: var(--fs-m);
  opacity: 0.9;
}
.sr__tabs[data-c-suite-rate] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-3);
  margin-block-start: var(--s-3);
}
.sr__panel[data-c-suite-rate] {
  max-inline-size: 40rem;
  margin-inline: auto;
  text-align: start;
}
/* (owner, 31 Oct 2026: "all the buttons in one line … not in a button, but just underlined with a click down button") */
.sr__line[data-c-suite-rate] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--s-2) var(--s-5);
  margin-block-start: var(--s-4);
}
.sr__go[data-c-suite-rate],
.sr__go[data-c-suite-rate]:visited {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  min-block-size: 36px;
  padding: 0;
  border: 0;
  background: none;
  color: #f3d792;
  font-family: var(--face-text);
  font-size: var(--fs-m);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.3em;
  text-decoration-thickness: 1px;
  cursor: pointer;
}
.sr__go[data-c-suite-rate]::after {
  content: "";
  flex: none;
  inline-size: 0.5em;
  block-size: 0.5em;
  border-inline-end: 1.5px solid currentColor;
  border-block-end: 1.5px solid currentColor;
  rotate: 45deg;
  translate: 0 -0.15em;
  transition: rotate 220ms ease, translate 220ms ease;
}
.sr__go[data-c-suite-rate][aria-expanded=true]::after {
  rotate: 225deg;
  translate: 0 0.15em;
}
.sr__go[data-c-suite-rate]:hover {
  color: #fff3cf;
}
.sr__go[data-c-suite-rate]:focus-visible {
  outline: 2px solid #f3d792;
  outline-offset: 3px;
}
.sr__fold[data-c-suite-rate] {
  display: none;
}
.sr__about[data-c-suite-rate] {
  margin-block-start: var(--s-3);
}
.sr__lede[data-c-suite-rate] {
  margin: 0 0 var(--s-2);
  font-size: var(--fs-l);
  line-height: 1.35;
  text-align: center;
}
.sr__about[data-c-suite-rate] .features-block {
  margin: 0;
}
@media (max-width: 640px) {
  .sr__line[data-c-suite-rate],
  .sr__fold[data-c-suite-rate] {
    font-size: var(--fs-s);
  }
  .sr[data-c-suite-rate]:has(.sr__fold) .sr__price[data-c-suite-rate] {
    white-space: nowrap;
  }
  /* (6 Nov 2026) letter-spacing was 0.08em; always overridden by css/site.css, so its value is here now */
  .sr[data-c-suite-rate]:has(.sr__fold) .sr__per[data-c-suite-rate] {
    font-size: 0.72rem;
    letter-spacing: 0.16em;
  }
  .sr__fold[data-c-suite-rate] {
    display: inline-flex;
    margin-block-start: var(--s-1);
  }
  .sr__line[data-c-suite-rate] {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: var(--s-1);
    margin-block-start: var(--s-1);
  }
  .sr__line[data-c-suite-rate].is-open {
    display: flex;
  }
}
@media (max-width: 480px) {
  .sr__tabs[data-c-suite-rate] {
    gap: var(--s-2);
  }
  .sr__tab[data-c-suite-rate] {
    padding-inline: 0.85em !important;
    font-size: var(--fs-s);
  }
}
/* owner (8 Oct 2026): "Maybe use a better tab for more rates … there is a funny line and x not looking
     professional": a gold pill like the site's buttons, a chevron that turns, the rates in a card */
.sr__tab[data-c-suite-rate] {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  min-block-size: 44px;
  padding: 0.55em 1.25em;
  border-radius: 999px;
  background:
    linear-gradient(
      180deg,
      #f7e2a6,
      #c9953f);
  color: #1a1208;
  font-weight: 600;
  letter-spacing: 0.02em;
  cursor: pointer;
  border: 0;
  font: inherit;
  font-weight: 600;
  box-shadow: 0 6px 18px rgb(0 0 0 / 0.35);
  transition: filter 160ms ease, transform 160ms ease;
}
.sr__tab[data-c-suite-rate]:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}
.sr__tab[data-c-suite-rate]::after {
  content: "";
  inline-size: 0.5em;
  block-size: 0.5em;
  border-inline-end: 2px solid currentColor;
  border-block-end: 2px solid currentColor;
  rotate: 45deg;
  translate: 0 -0.15em;
  transition: rotate 220ms ease, translate 220ms ease;
}
.sr__tab[data-c-suite-rate][aria-expanded=true]::after {
  rotate: 225deg;
  translate: 0 0.15em;
}
.sr__tab[data-c-suite-rate]:focus-visible {
  outline: 2px solid #f3d792;
  outline-offset: 3px;
}
.sr__card[data-c-suite-rate] {
  margin-block-start: var(--s-3);
  padding: var(--s-3) var(--s-4) var(--s-4);
  border: 1px solid rgb(243 215 146 / 0.5);
  border-radius: 16px;
  background: rgb(12 9 6 / 0.72);
  box-shadow: 0 18px 40px rgb(0 0 0 / 0.45);
}
.sr__panel[data-c-suite-rate]:not([hidden]) > [data-c-suite-rate] {
  animation: sr-in 260ms ease both;
}
@keyframes sr-in {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sr__panel[data-c-suite-rate]:not([hidden]) > [data-c-suite-rate] {
    animation: none;
  }
}
.sr__table[data-c-suite-rate] {
  inline-size: 100%;
  border-collapse: collapse;
  font-size: var(--fs-m);
}
.sr__table[data-c-suite-rate] th[data-c-suite-rate],
.sr__table[data-c-suite-rate] td[data-c-suite-rate] {
  padding: var(--s-2) var(--s-2);
  border-block-end: 1px solid rgb(201 149 63 / 0.45);
  text-align: end;
  font-weight: 400;
}
.sr__table[data-c-suite-rate] th[data-c-suite-rate][scope=row] {
  padding-inline-start: 0;
  text-align: start;
}
.sr__table[data-c-suite-rate] thead[data-c-suite-rate] th[data-c-suite-rate] {
  font-size: var(--fs-s);
  white-space: nowrap;
}
.sr__table[data-c-suite-rate] td[data-c-suite-rate] {
  font-family: var(--face-display);
  color: #f3d792;
  white-space: nowrap;
}
.sr__group[data-c-suite-rate] th[data-c-suite-rate] {
  padding-block-start: var(--s-4);
  padding-inline-start: 0;
  text-align: start;
  font-family: var(--face-display);
  font-size: var(--fs-m);
  color: #f3d792;
}
.sr__small[data-c-suite-rate] {
  margin-block-start: var(--s-2);
  font-size: var(--fs-s);
  opacity: 0.8;
}

/* ── suite-opening ── */
/* Suite pages: opening.
   Used on: /suites/deluxe/, /suites/honeymoon/, /suites/presidential/, /suites/standard/, /suites/super-deluxe/.
   Forum Homini website, */
.ps[data-c-suite-opening] {
  padding: calc(var(--header-h, 80px) + var(--gap-heading)) var(--margin, 20px) calc(var(--gap-section) / 2);
  background: var(--night);
  color: var(--naledi);
}
.ps__grid[data-c-suite-opening] {
  display: grid;
  gap: var(--gap-item);
  max-inline-size: 1180px;
  margin-inline: auto;
}
.ps__info[data-c-suite-opening] {
  display: grid;
  align-content: start;
  gap: var(--gap-heading);
}
.ps__title[data-c-suite-opening] {
  margin: 0;
  font-size: var(--fs-xl);
  line-height: 1;
  background:
    linear-gradient(
      180deg,
      #fff3cf,
      #f3d792 40%,
      #c9953f 85%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ps__info[data-c-suite-opening] .sr {
  margin: 0;
}
.ps__media[data-c-suite-opening] {
  display: grid;
  justify-items: center;
}
.ps__media[data-c-suite-opening] figure {
  margin: 0;
  inline-size: 100%;
}
.ps__media[data-c-suite-opening] figcaption {
  display: none;
}
/* the walk-through film stands upright, as a phone held up beside the words */
.ps--film[data-c-suite-opening] .ps__media[data-c-suite-opening] figure {
  inline-size: min(100%, 360px);
}
.ps__media[data-c-suite-opening] video,
.ps__media[data-c-suite-opening] img {
  display: block;
  inline-size: 100%;
  border-radius: 18px;
  background: var(--night);
  box-shadow: 0 30px 80px -30px rgb(0 0 0 / 0.8);
}
.ps--film[data-c-suite-opening] .ps__media[data-c-suite-opening] video {
  aspect-ratio: 9 / 16;
}
.ps--photo[data-c-suite-opening] .ps__media[data-c-suite-opening] img {
  block-size: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}
@media (max-width: 820px) {
  .ps__grid[data-c-suite-opening] {
    gap: var(--gap-heading);
  }
  .ps__info[data-c-suite-opening] {
    display: contents;
  }
  .ps__title[data-c-suite-opening] {
    order: 1;
  }
  .ps__media[data-c-suite-opening] {
    order: 2;
  }
  .ps__info[data-c-suite-opening] > *:not(.ps__title) {
    order: 3;
  }
}
@media (min-width: 821px) {
  .ps__grid[data-c-suite-opening] {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: start;
    column-gap: clamp(2rem, 6vw, 6rem);
  }
  .ps--film[data-c-suite-opening] .ps__media[data-c-suite-opening] figure {
    inline-size: min(100%, calc((100svh - var(--header-h, 80px) - 6rem) * 9 / 16));
  }
  .ps--photo[data-c-suite-opening] .ps__grid[data-c-suite-opening] {
    grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
    align-items: center;
  }
}
/* a landscape walk-through film (owner, 21 Oct 2026: "The landscape videos of the suites today must fill the whole screen -
     that is the reason for retaking it"): the name, then the film edge to edge across the whole screen (as the walking film
     on the landing page), its foot melting into the black, then the rate, the booking tabs and the facts */
.ps--wide[data-c-suite-opening] .ps__grid[data-c-suite-opening] {
  grid-template-columns: minmax(0, 1fr);
  gap: var(--gap-heading);
}
.ps--wide[data-c-suite-opening] .ps__info[data-c-suite-opening] {
  display: contents;
}
.ps--wide[data-c-suite-opening] .ps__title[data-c-suite-opening] {
  order: 1;
}
.ps--wide[data-c-suite-opening] .ps__media[data-c-suite-opening] {
  order: 2;
  inline-size: 100vw;
  margin-inline: calc(50% - 50vw);
}
.ps--wide[data-c-suite-opening] .ps__info[data-c-suite-opening] > *:not(.ps__title) {
  order: 3;
}
.ps--wide[data-c-suite-opening] .ps__media[data-c-suite-opening] figure {
  inline-size: 100%;
}
/* owner (21 Oct 2026): "Why do you cut off my landscape videos - they look so narrow you cannot see the room properly. Go
     fix everywhere": the whole film is always shown, never cropped (no zoom-to-fill), as large as the screen allows under the
     name (laptop: the full width, or the full height left under the name on a shallow screen); only the very edges melt into
     the black. Phone: the whole film across the full width. */
.ps--wide[data-c-suite-opening] .ps__media[data-c-suite-opening] video {
  display: block;
  inline-size: 100vw;
  block-size: auto;
  aspect-ratio: 16 / 9;
  margin-inline: auto;
  object-fit: contain;
  border-radius: 0;
  box-shadow: none;
  -webkit-mask-image:
    linear-gradient(
      to bottom,
      transparent,
      #000 4%,
      #000 96%,
      transparent),
    linear-gradient(
      to right,
      #000,
      #000);
  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      #000 4%,
      #000 96%,
      transparent),
    linear-gradient(
      to right,
      #000,
      #000);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
/* (owner, 31 Oct 2026, Presidential: "at the bottom it should be a sharp line that it can go fit in with the river flows photos. And
     then that writing should be centered in the middle of that open gap"): the film fades only at its top; the words sit centred with
     the same space above and below */
.ps--line[data-c-suite-opening] .ps__info[data-c-suite-opening] > .ps__head[data-c-suite-opening].ps__head {
  order: 1;
  position: relative;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--s-2) var(--s-5);
  padding-block-start: 60px;
}
.ps__all[data-c-suite-opening] {
  position: relative;
  order: 2;
}
.ps__all[data-c-suite-opening] summary[data-c-suite-opening] {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  min-block-size: 36px;
  color: #f3d792;
  font-size: var(--fs-m);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.3em;
  text-decoration-thickness: 1px;
  cursor: pointer;
  list-style: none;
}
.ps__all[data-c-suite-opening] summary[data-c-suite-opening]::-webkit-details-marker {
  display: none;
}
.ps__all[data-c-suite-opening] summary[data-c-suite-opening]::after {
  content: "";
  inline-size: 0.5em;
  block-size: 0.5em;
  border-inline-end: 1.5px solid currentColor;
  border-block-end: 1.5px solid currentColor;
  rotate: 45deg;
  translate: 0 -0.15em;
  transition: rotate 220ms ease, translate 220ms ease;
}
.ps__all[data-c-suite-opening][open] summary[data-c-suite-opening]::after {
  rotate: 225deg;
  translate: 0 0.15em;
}
@media (max-width: 640px) {
  .ps__head[data-c-suite-opening] > .ps__all[data-c-suite-opening] {
    display: none;
  }
}
.ps__float[data-c-suite-opening] {
  position: fixed;
  inset-block-end: calc(20px + env(safe-area-inset-bottom));
  inset-inline-start: 50%;
  translate: -50% 0;
  z-index: 60;
  order: 0;
  padding-inline: 16px;
  border: 1px solid #e6c27a;
  border-radius: 999px;
  background: rgb(12 9 6 / 0.92);
  box-shadow: 0 8px 22px rgb(0 0 0 / 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 240ms ease, visibility 240ms;
}
.ps__float[data-c-suite-opening].is-on {
  opacity: 1;
  visibility: visible;
}
.ps__float[data-c-suite-opening] summary[data-c-suite-opening] {
  min-block-size: 34px;
  font-size: var(--fs-s);
  text-decoration: none;
  white-space: nowrap;
}
@media (max-width: 640px) {
  .ps__float[data-c-suite-opening] {
    inset-block-end: calc(60px + env(safe-area-inset-bottom));
  }
}
/* its list opens upwards, above the button */
.ps__all[data-c-suite-opening].ps__float ul[data-c-suite-opening] {
  inset-block: auto calc(100% + 6px);
  inset-inline: 50% auto;
  translate: -50% 0;
  margin: 0;
}
.ps__all[data-c-suite-opening] ul[data-c-suite-opening] {
  position: absolute;
  inset-block-start: 100%;
  inset-inline-end: 0;
  margin: var(--s-1) 0 0;
  padding: var(--s-2) var(--s-4);
  list-style: none;
  white-space: nowrap;
  border: 1px solid rgb(243 215 146 / 0.5);
  border-radius: 16px;
  background: rgb(12 9 6 / 0.96);
  box-shadow: 0 18px 40px rgb(0 0 0 / 0.45);
}
.ps__all[data-c-suite-opening] a[data-c-suite-opening] {
  display: block;
  padding-block: 0.45em;
  color: var(--naledi);
  font-size: var(--fs-m);
  text-decoration: none;
}
.ps__all[data-c-suite-opening] a[data-c-suite-opening][aria-current=page] {
  color: #f3d792;
}
@media (max-width: 640px) {
  .ps--line[data-c-suite-opening] .ps__info[data-c-suite-opening] > .ps__head[data-c-suite-opening].ps__head {
    flex-direction: column;
    align-items: center;
    gap: 0;
    text-align: center;
  }
  .ps__all[data-c-suite-opening] ul[data-c-suite-opening] {
    inset-inline: 50% auto;
    translate: -50% 0;
  }
}
.ps--line[data-c-suite-opening] .ps__media[data-c-suite-opening] video {
  -webkit-mask-image:
    linear-gradient(
      to bottom,
      transparent,
      #000 4%);
  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      #000 4%);
  -webkit-mask-composite: source-over;
  mask-composite: add;
}
.ps--line[data-c-suite-opening] .ps__info[data-c-suite-opening] > .sr {
  text-align: center;
  inline-size: 100%;
}

/* ── rock-garden ── */
/* Rock garden on the suite pages.
   Used on: /suites/deluxe/, /suites/honeymoon/, /suites/presidential/, /suites/standard/, /suites/super-deluxe/.
   Forum Homini website, */
/* owner (12 Oct 2026): "can we change the white bacgrond of all the 4 colour rock garden and replace it with a grey
     shade … I am referring to your white frame around the garden photo": a deep stone grey (#3b3632) first; then ("I am
     not sure if the grey colour is better than the white … any other colour suggestion") the suite's own colour, as the
     Objets d'art band above it, so the page flows on without a band (the stone grey where a page has no colour) */
.rg[data-c-rock-garden] {
  padding-block: var(--s-8);
  text-align: center;
  background: var(--room-deep, #3b3632);
}
.rg__h[data-c-rock-garden] {
  margin-block-end: var(--s-5);
  font-family: var(--face-display);
  font-size: var(--fs-xl);
  font-weight: 600;
  line-height: 1.15;
}
.rg__h1[data-c-rock-garden],
.rg__h2[data-c-rock-garden] {
  display: block;
}
/* the first line white, the second in the graded gold */
.rg__h1[data-c-rock-garden] {
  color: #fff;
}
.rg__h2[data-c-rock-garden] {
  background:
    linear-gradient(
      180deg,
      #fff3cf,
      #f3d792 40%,
      #c9953f 85%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
/* (6 Nov 2026) inline-size was min(100%, 52rem); always overridden by css/site.css, so its value is here now */
.rg__fig[data-c-rock-garden] {
  margin: 0 auto;
  inline-size: 100vw;
}
/* (owner, 30 Oct 2026: "Make all the suite gardens the same size. That's logic"): one shape on every suite; an upright photo (Standard)
     shows its rocks and gravel, and stays whole in the gallery */
/* (6 Nov 2026) box-shadow was 0 24px 50px -20px rgb(0 0 0 / 0.9); always overridden by css/site.css, so its value is here now */
.rg__fig[data-c-rock-garden] img[data-c-rock-garden] {
  display: block;
  inline-size: 100%;
  block-size: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: 50% 72%;
  border-radius: 16px;
  box-shadow: none;
}
.rg__more[data-c-rock-garden] {
  display: inline-flex;
  align-items: center;
  gap: var(--s-2);
  margin-block: 0 var(--s-5);
  padding: 0;
  border: 0;
  background: none;
  color: #f3d792;
  font-family: var(--face-text);
  font-size: var(--fs-m);
  cursor: pointer;
}
.rg__more-word[data-c-rock-garden] {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}
.rg__more[data-c-rock-garden] svg[data-c-rock-garden] {
  flex: none;
}
.rg__more[data-c-rock-garden]:hover {
  color: #fff3cf;
}
.rg__more[data-c-rock-garden]:focus-visible,
.rg__close[data-c-rock-garden]:focus-visible {
  outline: 2px solid #f3d792;
  outline-offset: 3px;
}
/* owner (13 Oct 2026): "I would like to see the whole document at once … bring that pop up smaller": the sheet fits
     the screen, its whole height on a laptop and its whole width on a phone, with no scrolling */
.rg__sheet[data-c-rock-garden] {
  position: fixed;
  inset: 0;
  margin: auto;
  inline-size: fit-content;
  block-size: fit-content;
  max-inline-size: 96vw;
  max-block-size: 96svh;
  padding: 0;
  border: 0;
  border-radius: 14px;
  background: #f3ece0;
  overflow: hidden;
}
.rg__sheet[data-c-rock-garden]::backdrop {
  background: rgb(0 0 0 / 0.75);
}
.rg__sheet[data-c-rock-garden] img[data-c-rock-garden] {
  display: block;
  inline-size: auto;
  block-size: auto;
  max-inline-size: 96vw;
  max-block-size: 96svh;
}
.rg__close[data-c-rock-garden] {
  position: absolute;
  inset-block-start: 8px;
  inset-inline-end: 8px;
  inline-size: 44px;
  block-size: 44px;
  border: 0;
  border-radius: 50%;
  background: rgb(0 0 0 / 0.7);
  color: #fff;
  font-size: var(--fs-l);
  line-height: 1;
  cursor: pointer;
}

/* ── suite-questions ── */
/* Suite pages: questions.
   Used on: /suites/deluxe/, /suites/honeymoon/, /suites/presidential/, /suites/standard/, /suites/super-deluxe/.
   Forum Homini website, */
.sq[data-c-suite-questions] {
  padding-block: var(--s-8) calc(var(--s-8) + 88px);
  background: var(--night);
}
.sq__h[data-c-suite-questions] {
  margin-block-end: var(--s-5);
  font-family: var(--face-display);
  font-size: var(--fs-xl);
  font-weight: 600;
  text-align: center;
  background:
    linear-gradient(
      180deg,
      #fff3cf,
      #f3d792 40%,
      #c9953f 85%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.sq__list[data-c-suite-questions] {
  max-inline-size: 46rem;
  margin-inline: auto;
  border-block-start: 1px solid rgb(201 149 63 / 0.45);
}
.sq__list[data-c-suite-questions] details[data-c-suite-questions] {
  border-block-end: 1px solid rgb(201 149 63 / 0.45);
}
/* (6 Nov 2026) color was var(--naledi); always overridden by css/site.css, so its value is here now */
.sq__list[data-c-suite-questions] summary[data-c-suite-questions] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-4);
  min-block-size: 56px;
  padding-block: var(--s-3);
  font-family: var(--face-display);
  font-size: var(--fs-l);
  color: #f6efe4;
  cursor: pointer;
  list-style: none;
}
.sq__list[data-c-suite-questions] summary[data-c-suite-questions]::-webkit-details-marker {
  display: none;
}
.sq__list[data-c-suite-questions] summary[data-c-suite-questions]::after {
  content: "+";
  flex: none;
  font-size: 1.5em;
  line-height: 1;
  color: #f3d792;
  transition: rotate 200ms ease;
}
.sq__list[data-c-suite-questions] details[data-c-suite-questions][open] summary[data-c-suite-questions]::after {
  rotate: 45deg;
}
.sq__list[data-c-suite-questions] summary[data-c-suite-questions]:focus-visible {
  outline: 2px solid #f3d792;
  outline-offset: 2px;
}
.sq__list[data-c-suite-questions] details[data-c-suite-questions] p[data-c-suite-questions] {
  padding-block-end: var(--s-4);
  font-size: var(--fs-m);
  line-height: 1.6;
  color: var(--naledi);
  opacity: 0.9;
}
.sq__list[data-c-suite-questions] a[data-c-suite-questions],
.sq__more[data-c-suite-questions] a[data-c-suite-questions] {
  color: #f3d792;
  text-underline-offset: 0.2em;
}
.sq__list[data-c-suite-questions] details[data-c-suite-questions] p[data-c-suite-questions].sq__price {
  font-family: var(--face-display);
  font-size: var(--fs-l);
  color: #f3d792;
  opacity: 1;
}
.sq__more[data-c-suite-questions] {
  margin-block-start: var(--s-5);
  text-align: center;
  color: var(--naledi);
}