/* Template-27 (Betslio) shell — t27-shell/main/container.
   HeaderT27 is a normal in-flow flex block (padding-block: 21px 0; NOT sticky, no
   negative margin), so .t27-main needs only a small top padding — unlike .t26-main's
   140px which assumes the t26 sticky header + its -64px margin. */
.t27-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  color: var(--t27-text-white, #ffffff);
  background:
    radial-gradient(72% 42% at 50% 0%, rgba(0, 67, 216, 0.16) 0%, rgba(0, 0, 20, 0) 70%),
    var(--t27-bg-base, #000014);
}

.t27-main {
  display: flex;
  flex-direction: column;
  gap: 28px;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 56px;
}

.t27-container {
  width: 100%;
  max-width: var(--t27-container-width, 1200px);
  margin-inline: auto;
  padding-inline: 20px;
}

/* Note: DB-injected HTML section rhythm is handled globally by `.t26-sections`
   in base.css (PageSections emits that class for every template), so t27 needs
   no own `-sections` rule. */

@media (max-width: 768px) {
  .t27-main { padding-top: 10px; padding-bottom: 40px; gap: 20px; }
  .t27-container { padding-inline: 14px; }
}