/* Privacy and Support pages. Shared foundation lives in styles.css. */

.pg{width:100%;padding-top:72px;padding-bottom:96px}
.pg h1{margin:0 0 40px;max-width:12em}
.pg .crumb{margin:0 0 16px;font-size:14px}
.pg .lede{margin:-8px 0 40px;font-size:19px;line-height:1.55;color:var(--ink70);max-width:36em}

/* Privacy */
.privacy-band{border-radius:28px;padding:36px;margin-bottom:56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:28px 48px;align-items:center}
.privacy-band p{margin:0;font-size:19px;line-height:1.55}
.privacy-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;font-family:var(--mono);font-size:13px;list-style:none;margin:0;padding:0}
.privacy-chips li{border:1px solid var(--band-line);border-radius:14px;padding:12px 14px;display:flex;gap:8px;align-items:center}
.privacy-chips .icon{font-size:18px;color:var(--accent)}

.privacy-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px 64px;align-items:start}
.privacy-nav{position:sticky;top:96px;display:flex;flex-direction:column;gap:2px;font-size:14px;padding-left:14px;border-left:1px solid var(--line)}
.privacy-nav .eyebrow{margin:0 0 8px;font-size:11px;letter-spacing:.12em}
.privacy-nav a{padding:4px 0;color:var(--ink70);text-decoration:none}
.privacy-nav a:hover{color:var(--accent-text)}
.privacy-body{min-width:0;max-width:740px}
.privacy-body section{padding:0 0 36px;margin-bottom:36px;border-bottom:1px solid var(--line);scroll-margin-top:96px}
.privacy-body section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.privacy-body h2{margin:0 0 12px;font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.privacy-body p,.privacy-body ul{margin:0 0 16px;line-height:1.75;color:var(--ink70)}
.privacy-body p:last-child,.privacy-body ul:last-child{margin-bottom:0}
.privacy-body ul{padding-left:22px}
.privacy-body li{margin:0 0 10px}
.privacy-body li::marker{color:var(--ink55)}
.privacy-body strong{font-weight:600;color:var(--ink)}
.engine-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;margin:0 0 16px;align-items:start}
.engine-cards .card{border-radius:18px;padding:20px}
.engine-cards p{font-size:15px;line-height:1.6;margin:0}
.engine-cards p.lead-in{margin:0 0 6px;font-size:17px}

/* Support */
.support-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin-bottom:64px}
.support-card{position:relative;border-radius:28px;padding:32px;display:flex;flex-direction:column;gap:12px}
.support-card .icon{font-size:28px}
.support-card h2{margin:0;font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.14em;text-transform:uppercase}
.support-card p{margin:0}
.support-mail{grid-column:span 2;background:var(--accent);color:var(--on-accent)}
.support-mail p{font-size:17px;line-height:1.6;max-width:34em}
.support-mail a{color:var(--on-accent);font-family:var(--serif);font-size:clamp(28px,3.2vw,40px);line-height:1.2;text-decoration:underline;text-decoration-thickness:1px;overflow-wrap:anywhere}
.support-mail a::after{content:"";position:absolute;inset:0;border-radius:28px}
.support-mail a:hover{color:var(--on-accent);text-decoration:underline}
.support-help{background:var(--surface);border:1px solid var(--line);color:var(--ink);text-decoration:none}
.support-help:hover{color:var(--ink);border-color:var(--ink15)}
.support-help .icon{color:var(--accent)}
.support-help .label{font-size:22px;font-weight:600;letter-spacing:-.02em;display:flex;align-items:center;justify-content:space-between;gap:12px}

.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px 64px;margin-bottom:56px}
.split > h2{margin:0;font-family:var(--serif);font-weight:400;font-size:44px;line-height:1;letter-spacing:-.02em}
.split .body{grid-column:span 2;min-width:0}
.split .body > p,.split .body > ul{margin:0 0 16px;color:var(--ink70);line-height:1.65;max-width:40em}
.split .body > ul{padding-left:22px}
.split .body > :last-child{margin-bottom:0}
.split .faq{margin-top:20px}
.split .faq summary{font-size:17px}
.split .faq details > p{margin:12px 0 0}

@media (max-width:760px){
  .pg{padding-top:48px;padding-bottom:64px}
  .privacy-band{padding:24px;border-radius:22px;margin-bottom:40px}
  .privacy-grid{grid-template-columns:minmax(0,1fr)}
  .privacy-nav{display:none}
  .support-mail,.split .body{grid-column:auto}
  .support-card{padding:24px;border-radius:22px}
  .split > h2{font-size:36px}
  .split{margin-bottom:40px}
}
@media (max-width:480px){.support-mail a{font-size:21px;overflow-wrap:normal}}