/* Sleep page.
   Used on: /sleep/.
   Forum Homini website, editable IIS version v016 20261109 081746. Generated with Claude Opus 5.5. */
/* black only (owner, 20 Oct 2026: "remember only black background"), the ring filling the screen under the top bar */
/* (6 Nov 2026) min-block-size was 100svh; always overridden by css/site.css, so its value is here now */
.sl[data-c-sleep-page] {
  background: #000;
  --room-deep: #000;
  padding-block-start: var(--header-h, 80px);
  min-block-size: 0;
}
@media (max-width: 640px) {
  /* (6 Nov 2026) min-block-size was 0; always overridden by css/site.css, so its value is here now */
  .sl[data-c-sleep-page] {
    min-block-size: 0;
  }
}
.sl__actions[data-c-sleep-page] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--s-3);
  margin-block-start: var(--s-4);
  padding-inline: var(--margin);
}
/* (6 Nov 2026) min-block-size was 52px; always overridden by css/site.css, so its value is here now */
.sl__cta[data-c-sleep-page],
.sl__cta[data-c-sleep-page]:visited {
  display: inline-flex;
  align-items: center;
  min-block-size: 36px;
  padding-inline: 26px;
  border: 1.5px solid #e6c27a;
  border-radius: 999px;
  color: var(--naledi);
  font-weight: 600;
  text-decoration: none;
}
.sl__cta--primary[data-c-sleep-page],
.sl__cta--primary[data-c-sleep-page]:visited {
  border-color: transparent;
  background:
    linear-gradient(
      180deg,
      #fff3cf,
      #f3d792 40%,
      #c9953f 85%);
  color: #1d1405;
}