/*
 * Pitru Theme v2 — layout.css
 *
 * Page-width container + grid primitives used across every template.
 * `.wrap` is the single source of truth for horizontal rhythm —
 * never hand-roll a max-width outside this file.
 */

.wrap {
  width: 100%;
  max-width: 1240px;
  margin-inline: auto;
  padding-inline: 32px;
  position: relative;
  z-index: 1;
}

@media (max-width: 1024px) {
  .wrap { padding-inline: 28px; }
}

@media (max-width: 720px) {
  .wrap { padding-inline: 20px; }
}

/* Section vertical rhythm — templates can opt-in for consistent spacing. */
.pps-section {
  padding-block: clamp(48px, 7vw, 96px);
}

/* Hairline dividers — the editorial rule used everywhere. */
.pps-hr {
  border: 0;
  border-top: 1px solid var(--line);
  margin: 0;
}