/* ==========================================================================
   Responsive: Small (< 520px)
   ========================================================================== */

@media (max-width: 520px) {
  :root {
    --frame-inline: 28px;
    --frame-block: 28px;
    --hero-horizon-gap: 1.5rem;
  }

  .content-page::before {
    background: radial-gradient(
      ellipse 88% 120% at 50% 48%,
      rgba(var(--page-veil), 0.985) 0%,
      rgba(var(--page-veil), 0.985) 42%,
      rgba(var(--page-veil), 0.96) 52%,
      rgba(var(--page-veil), 0.72) 64%,
      rgba(var(--page-veil), 0.34) 76%,
      rgba(var(--page-veil), 0) 92%
    );
  }

  .bottom-controls {
    gap: 8px;
  }

  #lang-toggle,
  #theme-toggle {
    padding: 6px 6px;
  }

  .lang-menu {
    min-width: 140px;
  }

  .posts-list .post-name {
    display: block;
    margin-inline-start: 0;
  }

}