/* =========================================================
   Pavati Book — Legal Pages (Terms / Privacy / Refund)
   Extends style.css — reuses existing tokens, header & footer.
   ========================================================= */

.legal-page { padding: 56px 0 96px; background: var(--background); }

.legal-container { max-width: 820px; }

.legal-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--text-light);
  margin-bottom: 28px;
  transition: color 0.2s ease;
}
.legal-back:hover { color: var(--primary); }
.legal-back--bottom { margin-top: 40px; margin-bottom: 0; }

.legal-head { margin-bottom: 40px; }
.legal-title { font-size: clamp(1.8rem, 3.4vw, 2.6rem); margin: 14px 0 10px; letter-spacing: -0.01em; }
.legal-updated { color: var(--text-light); font-size: 0.92rem; font-weight: 500; }

.legal-content {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  padding: 44px 48px;
}
.legal-content h2 { font-size: 1.2rem; margin: 34px 0 12px; }
.legal-content h2:first-child { margin-top: 0; }
.legal-content p { color: var(--text); font-size: 0.96rem; margin-bottom: 14px; }
.legal-content ul { margin: 0 0 14px 0; display: flex; flex-direction: column; gap: 8px; }
.legal-content ul li {
  position: relative;
  padding-left: 22px;
  color: var(--text);
  font-size: 0.96rem;
}
.legal-content ul li::before {
  content: '\2022';
  position: absolute;
  left: 4px;
  color: var(--primary);
  font-weight: 700;
}
.legal-content a { color: var(--primary); font-weight: 600; }
.legal-content a:hover { text-decoration: underline; }

@media (max-width: 640px) {
  .legal-content { padding: 30px 22px; }
}

/* ---------- 404 page ---------- */
.error-page { padding: 120px 0; background: var(--background); text-align: center; }
.error-container { max-width: 560px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
.error-title { font-size: clamp(1.8rem, 3.4vw, 2.6rem); margin: 14px 0 12px; }
.error-text { color: var(--text-light); font-size: 1.02rem; margin-bottom: 28px; }