/* SIMPLE MOBILE FIX - Like Privacy Policy */

/* Mobile only */
@media (max-width: 768px) {

  /* Prevent horizontal scroll */
  html,
  body {
    overflow-x: hidden;
    max-width: 100vw;
  }

  /* Container - simple padding */
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 100%;
  }

  article.container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  /* All text wraps */
  * {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  /* Headers - smaller and wrap */
  h1 {
    font-size: 1.5rem;
    line-height: 1.3;
    text-wrap: balance; /* Prevent orphaned words */
  }

  h2 {
    font-size: 1.25rem;
    line-height: 1.4;
    text-wrap: balance; /* Prevent orphaned words */
  }

  h3 {
    font-size: 1.125rem;
    line-height: 1.4;
    text-wrap: balance; /* Prevent orphaned words */
  }

  /* Override Tailwind text sizes */
  .text-4xl,
  .text-5xl,
  .text-6xl,
  .text-7xl,
  .md\:text-6xl {
    font-size: 1.5rem !important;
  }

  .text-3xl {
    font-size: 1.25rem !important;
  }

  .text-2xl {
    font-size: 1.125rem !important;
  }

  /* Images */
  img {
    max-width: 100%;
    height: auto;
  }

  /* Tables scroll */
  table {
    display: block;
    overflow-x: auto;
    max-width: 100%;
  }

  /* Pre/code scroll */
  pre {
    overflow-x: auto;
    max-width: 100%;
  }

  /* Reduce spacing */
  .py-24 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .py-20 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .py-16 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  /* Grid to single column */
  .grid {
    grid-template-columns: 1fr;
  }

  /* Flex wraps */
  .flex {
    flex-wrap: wrap;
  }

  /* Max width to full width */
  .max-w-4xl,
  .max-w-3xl,
  .max-w-2xl,
  .max-w-xl {
    max-width: 100%;
  }

  /* Author card */
  .card.p-8 {
    padding: 1.5rem;
  }
}