/* LIMA Apparel Theme — static pages (mockup screen 07: FAQ, Terms, Privacy, Refund policy).
   Enqueued only on non-WooCommerce pages by inc/chrome.php. Tokens only. */

.page { padding-top: var(--sp-4); }
.page-article { display: grid; gap: var(--sp-4); }
.page-head { display: grid; gap: var(--sp-2); }
.page-title { margin: 0; font: 700 var(--fs-h1) / 1.02 var(--font-display); letter-spacing: .01em; text-transform: uppercase; color: var(--lima-navy); }
.page-lead { margin: 0; font-size: var(--fs-body); line-height: 1.5; color: var(--lima-ink-soft); max-width: 60ch; }

/* Long-form content card: 16px body, condensed H2 28px */
.page-body { padding: var(--sp-5) var(--sp-4); font-size: var(--fs-body); line-height: 1.6; color: var(--lima-ink); }
.page-body > :first-child { margin-top: 0; }
.page-body > :last-child { margin-bottom: 0; }
.page-body h2 { font: 700 var(--fs-h2) / 1.1 var(--font-display); letter-spacing: .02em; text-transform: uppercase; color: var(--lima-navy); margin: var(--sp-6) 0 var(--sp-3); }
.page-body h3 { font: 700 22px / 1.15 var(--font-display); text-transform: uppercase; color: var(--lima-navy); margin: var(--sp-5) 0 var(--sp-2); }
.page-body h4 { font: 600 var(--fs-body) / 1.3 var(--font-body); color: var(--lima-navy); margin: var(--sp-4) 0 var(--sp-2); }
.page-body p, .page-body ul, .page-body ol { margin: 0 0 var(--sp-3); }
.page-body ul, .page-body ol { padding-left: 1.25em; }
.page-body li + li { margin-top: 4px; }
.page-body li > ul, .page-body li > ol { margin: 6px 0 0; }
.page-body a { color: var(--lima-cobalt); font-weight: 600; }
.page-body strong { font-weight: 600; }
.page-body hr { border: 0; border-top: 1px solid var(--lima-line); margin: var(--sp-5) 0; }
.page-body blockquote { margin: 0 0 var(--sp-3); padding: var(--sp-3) var(--sp-4); border-left: 3px solid var(--lima-navy); background: var(--lima-surface); border-radius: 0 10px 10px 0; }
.page-body table { width: 100%; border-collapse: collapse; font-size: 15px; margin: 0 0 var(--sp-3); }
.page-body th, .page-body td { border: 1px solid var(--lima-line); padding: var(--sp-2) var(--sp-3); text-align: left; vertical-align: top; }
.page-body th { background: var(--lima-surface); font-weight: 600; }
.page-body img { border-radius: 10px; }

/* Grouped <details> accordions (FAQ): consecutive details stack with 8px gaps */
.page-body details { margin: 0 0 var(--sp-2); }
.page-body details + details { margin-top: 0; }
.page-body details > :not(summary) { padding-top: 0; }
.page-body details p:last-child { margin-bottom: 0; }

/* [lima_designs] (0.7.53): one card per design with its pre-order window and schedule */
.page-body .lima-designs { list-style: none; padding: 0; margin: 0 0 var(--sp-3); display: grid; gap: var(--sp-2); }
.page-body .lima-designs li { margin: 0; display: grid; gap: 2px; padding: var(--sp-3) var(--sp-4); border: 1px solid var(--lima-line); border-radius: 12px; background: var(--lima-surface); }
.page-body .lima-designs strong { color: var(--lima-navy); }
.page-body details .lima-designs { margin: 0 14px var(--sp-3); }
.page-body details p:has(+ .lima-designs) { padding-bottom: 0; }

/* Admin-only preview of a policy page's new text */
.page-body .lima-policy-preview { padding: var(--sp-2) var(--sp-3); border: 1px dashed var(--lima-cobalt); border-radius: 10px; background: var(--lima-surface); color: var(--lima-navy); font-size: var(--fs-caption); }

/* Multi-page nav */
.page-links { margin-top: var(--sp-4); font-size: var(--fs-caption); color: var(--lima-ink-soft); }
.page-links a { margin-left: var(--sp-2); }
.page-updated { margin: 0; }

@media (min-width: 720px) {
  .page-body { padding: var(--sp-6) var(--sp-6); }
}

@media (min-width: 1024px) {
  .page-article { max-width: 72ch; }
  .page-title { font-size: 36px; }
}
