/* Shared layout for privacy / terms / delete-data / deletion-status pages (builds on styles.css) */
.legal-wrap { position: relative; z-index: 1; max-width: 820px; margin: 0 auto; padding: 56px 20px 70px; }
.legal-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.legal-top a { color: inherit; }
.legal-top .logo { text-decoration: none; }
.legal-nav { display: flex; gap: 14px; font-weight: 700; font-size: .9rem; }
.legal-card { background: var(--cream); border-radius: var(--radius); padding: 34px 36px; border: 2.5px solid var(--ink); box-shadow: 5px 5px 0 var(--ink); }
.legal-card h1 { font-size: clamp(2rem, 4vw, 2.8rem); margin-bottom: 6px; }
.legal-card h2 { font-size: 1.35rem; margin: 30px 0 8px; }
.legal-card p, .legal-card li { line-height: 1.6; }
.legal-card ul { padding-left: 20px; }
.legal-card a { color: #6b2bd9; font-weight: 700; }
.legal-card .meta { opacity: .65; margin: 0 0 22px; }
.legal-card .callout { background: #fff; border: 2px solid var(--ink); border-radius: 16px; padding: 14px 16px; margin: 16px 0; }
.legal-card table { width: 100%; border-collapse: collapse; margin: 12px 0; font-size: .95rem; }
.legal-card th, .legal-card td { text-align: left; padding: 9px 10px; border-bottom: 1.5px dashed rgba(0,0,0,.2); vertical-align: top; }
.legal-card th { font-family: var(--display); }
.legal-card .btn { margin-top: 10px; }
.btn-danger { background: var(--orange); color: var(--ink); }
.status-ok { background: #d9f7e5; border: 2px solid var(--ink); border-radius: 16px; padding: 14px 16px; }
.status-bad { background: #ffe1d6; border: 2px solid var(--ink); border-radius: 16px; padding: 14px 16px; }
.code { font-family: ui-monospace, Consolas, monospace; background: #fff; border: 1.5px solid var(--ink); border-radius: 8px; padding: 2px 8px; word-break: break-all; }
@media (max-width: 600px) {
  .legal-wrap { padding: 40px 12px 50px; }
  .legal-card { padding: 24px 18px; }
  .legal-top { flex-direction: column; align-items: flex-start; gap: 8px; }
  .legal-card table { table-layout: fixed; font-size: .88rem; }
  .legal-card th, .legal-card td { overflow-wrap: anywhere; padding: 8px 6px; } /* long permission names must wrap, not widen the page */
}