/* ============================================================
   PAPER BIRDS — Legal / Info pages shared stylesheet
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: #2a2838;
  background: #fdfcff;
}

/* ── HEADER ──────────────────────────────────────────────── */
.lg-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 32px;
  border-bottom: 1px solid #ece9f8;
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 10;
}
.lg-logo {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.35rem;
  font-weight: 600;
  color: #1a1825;
  text-decoration: none;
  letter-spacing: .02em;
}
.lg-logo:hover { color: #e060a0; }
.lg-back a {
  font-size: .8rem;
  color: #7a7890;
  text-decoration: none;
  transition: color .15s;
}
.lg-back a:hover { color: #e060a0; }

/* ── MAIN / CONTAINER ────────────────────────────────────── */
.lg-main { padding: 48px 16px 80px; }
.lg-container {
  max-width: 720px;
  margin: 0 auto;
}

/* ── TYPOGRAPHY ──────────────────────────────────────────── */
.lg-eyebrow {
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #e060a0;
  margin: 0 0 10px;
}
h1 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 2.4rem;
  font-weight: 600;
  color: #1a1825;
  margin: 0 0 6px;
  line-height: 1.2;
}
.lg-updated {
  font-size: .78rem;
  color: #aaa8c0;
  margin: 0 0 36px;
}
.lg-lead {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.25rem;
  color: #5a5870;
  margin: 0 0 36px;
}
h2 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.45rem;
  font-weight: 600;
  color: #1a1825;
  margin: 40px 0 12px;
  padding-bottom: 8px;
  border-bottom: 1.5px solid #ece9f8;
}
h3 {
  font-size: .9rem;
  font-weight: 600;
  color: #1a1825;
  margin: 20px 0 6px;
  text-transform: uppercase;
  letter-spacing: .06em;
}
p { margin: 0 0 14px; color: #3a3850; }
ul { padding-left: 20px; margin: 0 0 14px; }
li { margin-bottom: 6px; color: #3a3850; }
a { color: #e060a0; text-decoration: none; }
a:hover { text-decoration: underline; }
code {
  background: #f0eef8;
  border-radius: 4px;
  padding: 1px 5px;
  font-size: .82em;
  color: #5a1a90;
}

/* ── CONTACT BOX ─────────────────────────────────────────── */
.lg-contact-box {
  background: #f8f7ff;
  border: 1.5px solid #ece9f8;
  border-radius: 14px;
  padding: 20px 24px;
  font-size: .88rem;
  line-height: 1.9;
  margin-top: 8px;
}

/* ── SHIPPING CARDS ──────────────────────────────────────── */
.lg-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 20px 0 28px;
}
.lg-card {
  background: #fff;
  border: 1.5px solid #ece9f8;
  border-radius: 16px;
  padding: 24px 20px;
  text-align: center;
}
.lg-card-icon { font-size: 2rem; margin-bottom: 10px; }
.lg-card h3 {
  font-size: .88rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #1a1825;
  margin: 0 0 6px;
}
.lg-card-price {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.8rem;
  font-weight: 600;
  color: #e060a0;
  margin: 0 0 4px;
}
.lg-card p { font-size: .8rem; color: #7a7890; margin: 0; }

/* ── FAQ ACCORDIONS ──────────────────────────────────────── */
.lg-faq { margin-bottom: 8px; }
.lg-faq details {
  border: 1.5px solid #ece9f8;
  border-radius: 12px;
  margin-bottom: 8px;
  overflow: hidden;
  transition: box-shadow .15s;
}
.lg-faq details[open] {
  box-shadow: 0 2px 12px rgba(180,120,200,.1);
  border-color: #d8b0f0;
}
.lg-faq summary {
  padding: 14px 18px;
  font-weight: 500;
  font-size: .9rem;
  cursor: pointer;
  color: #1a1825;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  user-select: none;
}
.lg-faq summary::-webkit-details-marker { display: none; }
.lg-faq summary::after {
  content: '+';
  font-size: 1.1rem;
  color: #aaa8c0;
  flex-shrink: 0;
  transition: transform .2s;
}
.lg-faq details[open] summary::after { content: '−'; color: #e060a0; }
.lg-faq details p {
  padding: 0 18px 16px;
  margin: 0;
  font-size: .86rem;
  color: #5a5870;
  border-top: 1px solid #f0eef8;
  padding-top: 12px;
}

/* ── TABLE (cookies) ─────────────────────────────────────── */
.lg-table-wrap { overflow-x: auto; margin: 16px 0 24px; }
.lg-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .84rem;
}
.lg-table th {
  text-align: left;
  padding: 10px 14px;
  background: #f0eef8;
  color: #5a1a90;
  font-weight: 600;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.lg-table td {
  padding: 12px 14px;
  border-bottom: 1px solid #ece9f8;
  color: #3a3850;
  vertical-align: top;
}
.lg-table tr:last-child td { border-bottom: none; }

/* ── FOOTER ──────────────────────────────────────────────── */
.lg-footer {
  text-align: center;
  padding: 24px 16px;
  border-top: 1px solid #ece9f8;
  font-size: .78rem;
  color: #aaa8c0;
}
.lg-footer a { color: #aaa8c0; }
.lg-footer a:hover { color: #e060a0; text-decoration: none; }

@media (max-width: 480px) {
  .lg-header { padding: 14px 16px; }
  h1 { font-size: 1.9rem; }
  .lg-cards { grid-template-columns: 1fr; }
}