/* Support journal and readable privacy policy; extends the existing camp theme. */
.nav { height: auto; min-height: 100px; padding-top: 22px; padding-bottom: 22px; gap: 20px; flex-wrap: wrap; }
.nav-links { display: flex; gap: 22px; align-items: center; flex-wrap: wrap; }
.nav-links a:hover { color: var(--amber); }
.availability-note { background: #f8b66d0c; border: 1px solid #f8b66d40; border-left: 3px solid var(--amber); border-radius: 8px; padding: 18px 22px; color: var(--muted); font-size: 14px; }
.availability-note a, .contact-copy .small a, .update-entry a { color: var(--green); text-decoration: underline; text-underline-offset: 4px; }
.updates { padding-top: 52px; padding-bottom: 65px; border-top: 1px solid var(--line); }
.updates-intro { color: var(--muted); max-width: 760px; font-size: 14px; }
.update-list { display: grid; gap: 22px; margin-top: 28px; }
.update-entry { padding: 28px 32px; background: linear-gradient(125deg, #1b352a, #142b23); border: 1px solid var(--line); border-radius: 12px; border-left: 3px solid var(--amber); }
.update-meta { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-bottom: 16px; font-size: 12px; color: var(--muted); }
.release-status { border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 700; }
.release-status.live { color: var(--green); background: #c3dc9c12; border: 1px solid #c3dc9c44; }
.release-status.pending { color: #ffd19b; background: #f8b66d10; border: 1px solid #f8b66d44; }
.update-entry h3 { margin-bottom: 14px; font-size: 22px; line-height: 1.35; }
.update-entry ul { margin: 0; padding-left: 22px; color: var(--muted); font-size: 14px; }
.update-entry li + li { margin-top: 9px; }
.policy-content { grid-template-columns: minmax(0, 1fr); max-width: 900px; margin: 28px auto 0; }
.policy-content .answer { font-size: 15px; line-height: 1.8; }
.policy-content .answer ul { padding-left: 22px; }
.policy-content .answer li + li { margin-top: 12px; }
.answer, .update-entry, .contact-copy, .policy-content { overflow-wrap: anywhere; }
button:disabled { cursor: wait; opacity: .65; }
@media (max-width: 580px) {
  .nav { min-height: 80px; gap: 12px; }
  .nav-links { gap: 20px; font-size: 12px; }
  .updates { padding-top: 36px; padding-bottom: 40px; }
  .update-entry { padding: 22px 20px; }
  .update-entry h3 { font-size: 19px; }
  .update-meta { gap: 10px; }
  .availability-note { padding: 15px 17px; }
  .policy-content .answer { padding-left: 20px; padding-right: 20px; }
}