/* Shared styles for the standalone legal pages (Terms, Privacy, etc.).
   Reuses the brand tokens from styles.css and adds long-form reading layout. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --ivory:#FAF8F5;--warm:#F5F3EF;--sand:#E8E2D9;--stone:#C9BFB2;
  --espresso:#2C2420;--char:#3A3530;--muted:#7A7268;--accent:#B89E84;--gold:#C9A96E;
  --fd:'Cormorant Garamond',serif;--fb:'Jost',sans-serif;
}
html{scroll-behavior:smooth}
body{background:var(--ivory);color:var(--espresso);font-family:var(--fb);font-weight:300;line-height:1.8;-webkit-font-smoothing:antialiased}

.legal-nav{display:flex;align-items:center;justify-content:space-between;padding:1.6rem 3.5rem;border-bottom:1px solid var(--sand)}
.legal-nav a.brand{font-family:var(--fd);font-size:1.4rem;letter-spacing:.05em;color:var(--espresso);text-decoration:none}
.legal-nav a.back{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .3s}
.legal-nav a.back:hover{color:var(--accent)}

.legal-wrap{max-width:780px;margin:0 auto;padding:5rem 2rem 7rem}
.legal-wrap .eyebrow{font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:1.4rem}
.legal-wrap h1{font-family:var(--fd);font-size:clamp(2.6rem,6vw,4rem);font-weight:300;line-height:1.05;margin-bottom:1rem}
.legal-wrap h1 em{font-style:italic;color:var(--gold)}
.legal-wrap .updated{font-size:.8rem;color:var(--muted);margin-bottom:3.5rem;padding-bottom:2.5rem;border-bottom:1px solid var(--sand)}

.legal-wrap h2{font-family:var(--fd);font-size:1.7rem;font-weight:400;margin:3rem 0 1rem}
.legal-wrap h3{font-size:1rem;font-weight:500;letter-spacing:.02em;margin:2rem 0 .6rem}
.legal-wrap p{margin-bottom:1.2rem;color:var(--char)}
.legal-wrap ul,.legal-wrap ol{margin:0 0 1.4rem 1.4rem}
.legal-wrap li{margin-bottom:.5rem;color:var(--char)}
.legal-wrap a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.legal-wrap a:hover{color:var(--espresso)}
.legal-wrap .note{background:var(--warm);border-left:2px solid var(--gold);padding:1.2rem 1.5rem;font-size:.85rem;color:var(--muted);margin:2rem 0}
.legal-wrap strong{font-weight:500;color:var(--espresso)}

.legal-foot{border-top:1px solid var(--sand);padding:2.5rem 2rem;text-align:center;font-size:.75rem;color:var(--muted)}
.legal-foot a{color:var(--muted);text-decoration:none;margin:0 .8rem;transition:color .3s}
.legal-foot a:hover{color:var(--accent)}

@media(max-width:640px){
  .legal-nav{padding:1.2rem 1.5rem}
  .legal-wrap{padding:3rem 1.5rem 5rem}
}

/* ── Data tables (privacy / cookie disclosures) ── */
.legal-table{width:100%;border-collapse:collapse;margin:1.4rem 0 2rem;font-size:.82rem}
.legal-table th,.legal-table td{text-align:left;vertical-align:top;padding:.75rem .9rem;border-bottom:1px solid var(--sand,#E8E2D9)}
.legal-table thead th{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted,#7A7268);font-weight:400;border-bottom-width:2px}
.legal-table tbody tr:last-child td{border-bottom:0}
.legal-table code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78em;background:var(--warm,#F5F3EF);padding:.15em .4em}
.legal-wrap h3{font-family:var(--fd,'Cormorant Garamond',serif);font-weight:400;font-size:1.15rem;margin:1.6rem 0 .6rem}
.legal-wrap ol{margin:0 0 1.4rem 1.2rem;line-height:1.9}
.legal-wrap ol li{margin-bottom:.5rem}

@media(max-width:640px){
  .legal-table,.legal-table thead,.legal-table tbody,.legal-table tr,.legal-table th,.legal-table td{display:block}
  .legal-table thead{display:none}
  .legal-table tr{border-bottom:1px solid var(--sand,#E8E2D9);padding:.6rem 0}
  .legal-table td{border:0;padding:.3rem 0}
  .legal-table td:first-child{font-weight:400;color:var(--espresso,#2C2420)}
}