/* ==========================================================================
   Porcelain prose adapter — styles the legacy document markup used by the
   legal pages (privacy, terms, warranty terms) without a framework.
   Load after style.css, only on those pages.
   ========================================================================== */

.row { display: block; }
[class*="col-"] { width: auto; max-width: 760px; margin: 0 auto; }

section { padding: 24px 0 40px; }

h1 {
  font-size: clamp(32px, 4vw, 44px);
  margin: 48px 0 10px;
  text-align: center;
}

h1 + .text-muted, h1 + p { text-align: center; }

.card {
  border-top: 1px solid var(--line);
  margin: 0;
  padding: 30px 0 14px;
  background: none;
}

.card-body { padding: 0; }

.card .h4, h2.h4 {
  font-family: var(--serif);
  font-weight: 500;
  font-size: 24px;
  margin: 0 0 14px;
  letter-spacing: -0.01em;
}

.h5, h3.h5, h4, h5 {
  font-family: var(--sans);
  font-size: 15px;
  font-weight: 700;
  margin: 22px 0 8px;
  color: var(--ink);
}

p, li { color: var(--body); font-size: 15px; }

p { margin: 0 0 12px; max-width: 72ch; }

ul, ol { padding-left: 22px; margin: 0 0 14px; }

li { margin: 4px 0; }

hr { border: none; border-top: 1px solid var(--line); margin: 28px 0; }

strong { color: var(--ink); }

address { font-style: normal; color: var(--body); font-size: 15px; }

.alert {
  border: 1px solid var(--line-strong);
  border-left: 3px solid var(--accent);
  background: var(--bg-dip);
  padding: 16px 20px;
  margin: 18px 0;
  font-size: 14.5px;
}

.alert-warning { border-left-color: #a07617; }
.alert-danger { border-left-color: #a03427; }

.alert-heading {
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 6px;
}

.alert ul, .alert p { margin-bottom: 0; }

.text-center { text-align: center; }
.text-muted { color: var(--faint); }
.lead { font-size: 17px; color: var(--muted); }
.list-unstyled { list-style: none; padding-left: 0; }

.display-4 {
  font-family: var(--serif);
  font-size: 40px;
  font-weight: 500;
  color: var(--accent);
}

.text-primary { color: var(--accent); }
.text-success { color: var(--accent); font-style: normal; }

.mb-0 { margin-bottom: 0; }
.mt-3 { margin-top: 14px; }
.mt-4 { margin-top: 20px; }
.mt-5 { margin-top: 28px; }
.p-3 { padding: 16px; }
.border { border: 1px solid var(--line-strong); }