/* =========================================================================
   BiblePro — Legal pages (Terms of Service / Privacy Policy)
   Light, readable, on-brand. Loaded after styles.css; localized via i18n.js.
   ========================================================================= */
.legal-body { background: var(--paper); color: var(--ink); min-height: 100vh; display: flex; flex-direction: column; }

/* Slim light nav (reuses .nav.scrolled): brand · language switcher · Home */
.legal-nav-right { display: flex; align-items: center; gap: 12px; }
.btn-sm { padding: 9px 18px; font-size: .9rem; }

.legal { flex: 1 0 auto; width: 100%; max-width: 780px; margin-inline: auto;
  padding: clamp(92px, 13vh, 128px) clamp(20px, 5vw, 24px) 72px; }

.legal-back { display: inline-flex; align-items: center; gap: 7px; color: var(--ink-2);
  font-weight: 650; font-size: .92rem; text-decoration: none; margin-bottom: 26px; transition: color .2s; }
.legal-back:hover { color: var(--orange-deep); }
.legal-back svg { width: 17px; height: 17px; }

.legal-head { margin-bottom: 24px; }
.legal-eyebrow { display: inline-block; font-size: .76rem; font-weight: 800; letter-spacing: .14em;
  text-transform: uppercase; color: var(--orange-text); margin-bottom: 12px; }
.legal-head h1 { font-size: clamp(2rem, 5vw, 2.6rem); font-weight: 850; letter-spacing: -.025em;
  line-height: 1.12; margin: 0 0 14px; color: var(--ink); }
.legal-updated { display: inline-block; font-size: .82rem; font-weight: 600; color: var(--ink-3);
  background: var(--paper-2); border: 1px solid var(--line); border-radius: 999px; padding: 5px 13px; }

.legal-callout { margin: 4px 0 34px; padding: 18px 20px; border-radius: 14px;
  background: var(--peach); border: 1px solid rgba(255,90,44,.18); border-left: 3px solid var(--orange);
  color: var(--ink); font-size: 1rem; line-height: 1.7; }
.legal-callout strong { font-weight: 750; }

.legal-body-tx { display: flex; flex-direction: column; gap: 30px; }
.legal-s h2 { font-size: 1.2rem; font-weight: 750; letter-spacing: -.01em; color: var(--ink); margin: 0 0 10px; }
.legal-s p { color: var(--ink-2); line-height: 1.75; font-size: 1rem; margin: 0; }
.legal-s ul { margin: 12px 0 0; padding-left: 20px; display: flex; flex-direction: column; gap: 9px; }
.legal-s li { color: var(--ink-2); line-height: 1.65; font-size: .98rem; }
.legal-s li::marker { color: var(--orange); }
.legal-s a, .legal-callout a { color: var(--orange-text); font-weight: 650; text-decoration: underline; text-underline-offset: 2px; }
.legal-s a:hover, .legal-callout a:hover { color: var(--orange-deep); }

.legal-cross { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 18px;
  margin-top: 44px; padding-top: 26px; border-top: 1px solid var(--line); }
.legal-cross > a:first-child { color: var(--ink-2); font-weight: 650; text-decoration: none; }
.legal-cross > a:first-child:hover { color: var(--orange-deep); }

.legal-footer { margin-top: auto; flex-shrink: 0; }

@media (max-width: 520px) {
  .legal-nav-right .btn-sm { display: none; }   /* keep just the language switcher on phones */
}