/* Shared stylesheet for the four legal/support pages: privacy, terms,
   support, delete-account. Matches the marketing site's type, colour and
   header/footer chrome (stylistchecked-site). Presentation only — no page
   copy lives here. */
:root{
  --wine:#7A2E3B;
  --body:#3B3336;
  --blush:#FBF0F3;
  --pink:#A84B64;
  --border:#EDCCD4;
  --bg:#FFFFFF;
  --display:'Playfair Display',Georgia,serif;
  --meta-font:'Libre Baskerville',Georgia,serif;
  --ui:'DM Sans',system-ui,-apple-system,sans-serif;
  --radius-card:16px;
  --radius-button:14px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--body);font-family:var(--ui);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--wine)}
a:focus-visible{outline:2px solid var(--wine);outline-offset:2px}

/* ---- header ---- */
.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 20px;position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--border)}
.burger{justify-self:start;background:none;border:0;width:40px;height:40px;display:grid;place-items:center;cursor:pointer;padding:0}
.burger span{display:block;width:22px;height:2px;background:var(--wine);margin:2.5px 0;transition:.25s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.wordmark{justify-self:center}
.wordmark img{height:30px;display:block}
.nav>span{justify-self:end}
.menu{display:none;padding:10px 20px 18px;position:sticky;top:62px;z-index:19;border-bottom:1px solid var(--border);background:#fff}
.menu.open{display:block}
.menu a{display:block;font:italic 18px/2.2 var(--meta-font);color:var(--wine);text-decoration:none}

/* ---- eyebrow ---- */
.eyebrow{font:600 12px/1.4 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--pink);margin:0 0 14px}

/* ---- headings & body copy ---- */
h1{font-family:var(--display);font-weight:500;color:var(--wine);font-size:38px;line-height:1.1;margin:0 0 8px}
h2{font-family:var(--display);font-weight:500;color:var(--wine);font-size:24px;margin:44px 0 12px}
h3{font-family:var(--display);font-weight:500;color:var(--wine);font-size:17px;margin:24px 0 6px}
p,li{margin:0 0 12px}
.meta{font-family:var(--meta-font);font-style:italic;color:var(--pink);margin:0 0 28px}
.note{background:var(--blush);border:1px solid var(--border);border-radius:var(--radius-card);padding:14px 16px;margin:0 0 32px;font-size:15px}
.aside{border-left:3px solid var(--border);padding:4px 0 4px 16px;margin:16px 0;font-size:15px}
table{border-collapse:collapse;width:100%;margin:12px 0 20px;font-size:15px}
th,td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:1px solid var(--border)}
th{color:var(--wine);font-weight:600}
.summary{background:#fff;border:1px solid var(--border);border-radius:var(--radius-card);padding:20px 22px;margin:0 0 8px}
.summary li{margin-bottom:8px}

/* ---- long-form layout: privacy.html, terms.html ---- */
.doc{max-width:720px;margin:0 auto;padding:48px 20px 96px}

/* ---- card layout: support.html, delete-account.html ---- */
.wrap{max-width:34rem;margin:0 auto;padding:3rem 1.5rem 5rem}
.lede{color:var(--body);margin:0 0 2.5rem}
.card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--blush);padding:1.75rem;margin:0 0 1.5rem}
.card h2{font-family:var(--display);font-weight:500;color:var(--wine);font-size:1.125rem;margin:0 0 .75rem}
.card p{margin:0 0 1rem;color:var(--body)}
.card p:last-child{margin-bottom:0}
ol{margin:0 0 1rem;padding-left:1.25rem;color:var(--body)}
.email{display:inline-block;font-size:1.0625rem;font-weight:500;color:var(--wine);background:#fff;border:1px solid var(--border);border-radius:var(--radius-button);padding:.625rem 1.25rem;text-decoration:none}
.email:hover{border-color:var(--pink)}
.email:focus-visible{outline:2px solid var(--wine);outline-offset:2px}
h2.section{font-family:var(--display);font-weight:500;color:var(--wine);font-size:1.25rem;margin:2.5rem 0 1.25rem}
dl{margin:0}
dt{font-weight:500;color:var(--wine);margin:0 0 .25rem;padding-top:1.25rem;border-top:1px solid var(--border)}
dd{margin:0 0 1.5rem;color:var(--body)}
dd:last-of-type{margin-bottom:0}

@media (max-width:30rem){
  .doc{padding:2.5rem 1.25rem 4rem}
  .wrap{padding:2.5rem 1.25rem 4rem}
  h1{font-size:1.875rem}
}

/* ---- site footer (shared) ---- */
.site-foot{background:var(--blush);text-align:center;padding:48px 20px 28px;margin-top:64px}
.site-foot .sig{font:500 clamp(22px,4vw,32px)/1.2 var(--display);color:var(--wine);margin:0 0 24px}
.site-foot .rows{border-top:1px solid var(--border);display:flex;flex-direction:column;max-width:760px;margin:0 auto}
.site-foot .rows a{display:block;padding:14px 0;border-bottom:1px solid var(--border);font:600 12px var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--wine);text-decoration:none}
@media (min-width:641px){
  .site-foot .rows{display:grid;grid-template-columns:repeat(5,1fr)}
  .site-foot .rows a{border-right:1px solid var(--border)}
  .site-foot .rows a:last-child{border-right:0}
}