/* ==========================================================================
   Writers International Edition — Responsive Layer
   Mobile-first overrides layered on top of style.css
   ========================================================================== */

/* ------------------------------ ≥ 860px (tablet+) --------------------------- */
@media (min-width: 860px) {
  .nav-inline { display: flex; }
}

/* ------------------------------ ≤ 1024px (tablet) ---------------------------- */
@media (max-width: 1024px) {
  .split {
    grid-template-columns: 1fr;
  }
  .split--reverse .split__aside { order: 0; }

  .footer-top {
    grid-template-columns: 1fr 1fr;
    row-gap: 2.5rem;
  }
  .footer-brand { grid-column: 1 / -1; }

  .grid--4 { grid-template-columns: repeat(2, 1fr); }
  .grid--3 { grid-template-columns: repeat(2, 1fr); }
  .stat-grid { grid-template-columns: repeat(2, 1fr); row-gap: 2.25rem; }
}

/* -------------------------------- ≤ 640px (mobile) --------------------------- */
@media (max-width: 640px) {
  .header-right { gap: 1rem; }
  .folio-indicator { display: none; }

  .hero__actions { flex-direction: column; align-items: stretch; }
  .hero__actions .btn { justify-content: center; }

  .grid--2, .grid--3, .grid--4 { grid-template-columns: 1fr; }
  .stat-grid { grid-template-columns: 1fr; }

  .field-row { grid-template-columns: 1fr; }

  .footer-top { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }

  .process-item { grid-template-columns: 56px 1fr; }

  .leader-list .li-note { display: none; }

  .toc-list a { flex-wrap: wrap; }
  .toc-list .toc-leader { display: none; }
  .toc-list .toc-desc { display: none; }

  .drop-cap::first-letter { font-size: 3.4rem; }

  .chapter { padding-block: clamp(3rem, 12vw, 5rem); }
}

/* Prevent any accidental horizontal overflow */
html, body { max-width: 100%; overflow-x: hidden; }