body.view-portal {
  --portal-bg: var(--site-bg);
  background:
    radial-gradient(circle at 78% 8%, var(--portal-glow-indigo), transparent 34rem),
    radial-gradient(circle at 28% 21%, var(--portal-glow-violet), transparent 28rem),
    var(--portal-bg);
}

body.view-portal .site-header {
  background: var(--header-bg);
  backdrop-filter: blur(10px);
}

body.view-portal .home-slot--hero,
body.view-portal .home-slot--categories {
  position: relative;
}

body.view-portal .home-slot--categories::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 4%;
  bottom: -80px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: var(--portal-glow-soft);
  filter: blur(70px);
  pointer-events: none;
}

body.view-portal .feed-section {
  position: relative;
}

body.view-portal .feed-section::before {
  content: "";
  position: absolute;
  top: 26px;
  right: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--border-subtle) 18%, var(--border-subtle) 82%, transparent);
}

body.view-portal .article-card,
body.view-portal .empty-state,
body.view-portal .error-state,
body.view-portal .loading-state {
  box-shadow: none;
}

@media (max-width: 640px) {
  body.view-portal {
    background:
      radial-gradient(circle at 82% 5%, var(--portal-glow-indigo), transparent 22rem),
      var(--portal-bg);
  }

  body.view-portal .site-header {
    backdrop-filter: none;
    background: var(--header-solid);
  }
}