/*
 * JaiHanumanji — Layout
 * Containers, spacing, responsive grid.
 * Mobile-first. Breakpoints: tablet 768px, desktop 1024px.
 */

/* ── Containers ── */
.jh-container {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .jh-container { padding-left: 32px; padding-right: 32px; }
}

.jh-content-wrap {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.jh-reading {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

.jh-narrow {
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

/* ── Section spacing ── */
.jh-section { padding-top: 40px; padding-bottom: 48px; }
@media (min-width: 1024px) { .jh-section { padding-top: 48px; padding-bottom: 64px; } }

/* ── Utility grids ── */
.jh-grid-2 { display: grid; grid-template-columns: 1fr; gap: 16px; }
.jh-grid-3 { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 600px)  { .jh-grid-2 { grid-template-columns: 1fr 1fr; } }
@media (min-width: 600px)  { .jh-grid-3 { grid-template-columns: 1fr 1fr; } }
@media (min-width: 900px)  { .jh-grid-3 { grid-template-columns: 1fr 1fr 1fr; } }

/* ── Full-page layout ── */
.jh-page-wrap {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.jh-main { flex: 1; }