/* ==========================================================================
   responsive.css — breakpoint tweaks
   (Most responsive behaviour is handled by Tailwind's sm:/md:/lg: utilities.
    This file holds the few global, non-utility adjustments.)
   ========================================================================== */

/* Tighten container padding on small screens */
@media (max-width: 640px) {
  .container-page,
  .container-feed,
  .container-prose { padding-inline: 18px; }

  .btn-brand,
  .btn-ghost { width: 100%; justify-content: center; }
}

/* Comfortable reading measure on large screens */
@media (min-width: 1280px) {
  .container-prose { --w-prose: 680px; }
}

/* Hide the desktop centre-nav earlier if it would collide with the logo */
@media (max-width: 1024px) {
  .desktop-nav { display: none !important; }
}