/* Shared styles for the legal pages (privacy, cookies, terms, disclaimer,
   accessibility). Brand tokens mirror the main site. */
:root{
  --plum:#3B2145;--periwinkle:#90A9EC;--periwinkle-soft:#D3E0F1;
  --lavender:#D2C7FF;--lavender-pale:#ECE8FE;--cream:#F7EBE0;
  --cream-light:#FDFBF9;--peach:#FFC696;--ink:#444;
  --serif:'Playfair Display',Georgia,serif;
  --sans:'Karla',Helvetica,Arial,sans-serif;
  --label:'Poppins',Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--cream-light);line-height:1.7;font-size:16px}

/* slim header */
.legal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 40px;border-bottom:1px solid #ece6f0;background:#fff}
.legal-header a.brand{font-family:var(--label);font-weight:600;letter-spacing:.24em;text-transform:uppercase;font-size:13px;color:var(--plum);text-decoration:none}
.legal-header nav a{font-family:var(--label);font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:11.5px;color:var(--ink);text-decoration:none;margin-left:26px}
.legal-header nav a:hover{color:var(--periwinkle)}

/* hero */
.legal-hero{background:var(--lavender-pale);padding:64px 40px 52px;text-align:center}
.legal-hero .eyebrow{font-family:var(--label);font-weight:600;letter-spacing:.2em;text-transform:uppercase;font-size:12px;color:var(--periwinkle);margin:0 0 14px}
.legal-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(34px,5vw,52px);color:var(--plum);margin:0 0 12px;line-height:1.1}
.legal-hero p.updated{font-family:var(--label);font-size:13px;letter-spacing:.04em;color:#7a6f80;margin:0}

/* body */
.legal-wrap{max-width:760px;margin:0 auto;padding:56px 28px 72px}
.legal-wrap .intro{font-size:18px;color:#5a5060;margin-bottom:36px}
.legal-wrap h2{font-family:var(--serif);font-weight:500;font-size:27px;color:var(--plum);margin:46px 0 14px;line-height:1.2}
.legal-wrap h3{font-family:var(--label);font-weight:600;font-size:16px;letter-spacing:.02em;color:var(--plum);margin:28px 0 8px}
.legal-wrap p{margin:0 0 16px}
.legal-wrap ul{margin:0 0 18px;padding-left:22px}
.legal-wrap li{margin-bottom:9px}
.legal-wrap a{color:var(--periwinkle);text-decoration:underline;text-underline-offset:2px}
.legal-wrap a:hover{color:var(--plum)}
.legal-wrap strong{color:var(--plum)}
.legal-wrap table{width:100%;border-collapse:collapse;margin:8px 0 24px;font-size:14.5px}
.legal-wrap th,.legal-wrap td{text-align:left;padding:11px 13px;border:1px solid #e7e0ec;vertical-align:top}
.legal-wrap th{background:var(--lavender-pale);font-family:var(--label);font-weight:600;color:var(--plum)}

/* callout */
.legal-callout{background:var(--cream);border-left:4px solid var(--peach);border-radius:10px;padding:18px 22px;margin:24px 0}
.legal-callout p{margin:0}
.legal-callout.crisis{border-left-color:#c0392b;background:#fdf3f1}

/* prefs button inside cookie page */
.legal-prefs-btn{display:inline-block;font-family:var(--label);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:12px;background:var(--plum);color:#fff;border:none;border-radius:30px;padding:13px 26px;cursor:pointer;text-decoration:none;margin:6px 0 8px}
.legal-prefs-btn:hover{background:var(--periwinkle);color:var(--plum)}

/* footer */
.legal-foot{background:var(--periwinkle);color:#fff;padding:40px;text-align:center}
.legal-foot a{color:var(--plum);font-family:var(--label);font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:11.5px;text-decoration:none;margin:0 14px;line-height:2.2}
.legal-foot a:hover{color:#fff}
.legal-foot .copyright{display:block;margin-top:16px;font-size:12px;color:#eef2fb;letter-spacing:.04em}

@media(max-width:560px){
  .legal-header{padding:16px 20px;flex-direction:column;gap:10px}
  .legal-header nav a{margin:0 12px}
  .legal-hero{padding:48px 22px 40px}
  .legal-foot a{display:inline-block}
}