/* Shared styles for the legal/help pages (privacy, terms, help).
   Extracted from the per-page <style> blocks so the site CSP can keep
   forbidding 'unsafe-inline' styles. */

:root{
  --bg:#13100f;--surface:#1d1917;--surface2:#252120;
  --border:#332e2b;--border2:#3f3a36;
  --text:#f5ede4;--text2:#a89e94;--text3:#6e655c;
  --accent:#FF5C3D;--accent2:#FF7A5C;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Geist',sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-size:15px}

nav{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:1.25rem 1.5rem;
  background:rgba(19,16,15,.85);backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);
}
.logo{font-family:'Major Mono Display',monospace;font-size:18px;text-transform:lowercase;color:var(--text);text-decoration:none}
.logo .dot{color:var(--accent)}
.back-link{color:var(--text2);text-decoration:none;font-size:13px;font-weight:500;transition:color .2s}
.back-link:hover{color:var(--text)}

.page-wrap{max-width:760px;margin:0 auto;padding:3rem 1.5rem 5rem}
.page-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}
.page-eyebrow{font-family:'Major Mono Display',monospace;font-size:12px;text-transform:lowercase;color:var(--accent);margin-bottom:.5rem}
.page-title{font-size:2.25rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:.5rem}
.page-meta{font-size:13px;color:var(--text3)}

.legal-content{color:var(--text2)}
.legal-content h2{font-size:1.3rem;font-weight:700;color:var(--text);margin-top:2.5rem;margin-bottom:1rem;letter-spacing:-.01em;line-height:1.3}
.legal-content h3{font-size:1.05rem;font-weight:600;color:var(--text);margin-top:1.75rem;margin-bottom:.75rem}
.legal-content p{margin-bottom:1rem;font-size:14px;line-height:1.75;color:var(--text2)}
.legal-content ul,.legal-content ol{margin:.5rem 0 1rem 1.5rem;font-size:14px}
.legal-content li{margin-bottom:.4rem;line-height:1.7;color:var(--text2)}
.legal-content li ul{margin-top:.4rem}
.legal-content a{color:var(--accent2);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}
.legal-content a:hover{border-bottom-color:var(--accent2)}
.legal-content strong,.legal-content b{color:var(--text);font-weight:600}
.legal-content em{font-style:italic}

.legal-content table{border-collapse:collapse;margin:1rem 0;font-size:13px;width:100%;background:var(--surface);border-radius:8px;overflow:hidden}
.legal-content th,.legal-content td{border:1px solid var(--border);padding:.75rem;text-align:left;color:var(--text2);vertical-align:top;font-size:13px}
.legal-content th{background:var(--surface2);color:var(--text);font-weight:600}

footer{padding:2rem 1.5rem;border-top:1px solid var(--border);text-align:center}
.footer-text{font-size:12px;color:var(--text3)}
.footer-text a{color:var(--text2);text-decoration:none}
.footer-text a:hover{color:var(--accent2)}

@media(max-width:640px){
  .page-title{font-size:1.75rem}
  .page-wrap{padding:2rem 1.25rem 3rem}
  .legal-content table{font-size:11px}
  .legal-content th,.legal-content td{padding:.5rem}
}

/* ── Help page components ── */
.page-sub{font-size:15px;color:var(--text2);margin-top:.75rem}
/* TOC */
.toc{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:2.5rem}
.toc-title{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:1rem;font-weight:600}
.toc-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.5rem}
.toc-list a{color:var(--text2);text-decoration:none;font-size:13px;display:flex;align-items:center;gap:.5rem;padding:.25rem 0;transition:color .15s}
.toc-list a:hover{color:var(--accent2)}
.toc-list a::before{content:'→';color:var(--text3);font-size:11px}
@media(max-width:640px){.toc-list{grid-template-columns:1fr}}

/* Sections */
.section{margin-bottom:3rem}
.section-title{font-size:1.4rem;font-weight:700;color:var(--text);margin-bottom:.5rem;letter-spacing:-.01em;line-height:1.3;display:flex;align-items:center;gap:.6rem}
.section-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--accent);font-size:14px}
.section-sub{font-size:13px;color:var(--text3);margin-bottom:1.5rem}

/* FAQ items */
.faq-item{
  background:var(--surface);border:1px solid var(--border);
  border-radius:10px;margin-bottom:.6rem;transition:border-color .2s;
}
.faq-item:hover{border-color:var(--border2)}
.faq-item.open{border-color:var(--accent)}
.faq-q{
  padding:1rem 1.25rem;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  font-weight:500;color:var(--text);font-size:14px;line-height:1.4;
  user-select:none;transition:color .15s;
}
.faq-q:hover{color:var(--accent2)}
.faq-toggle{
  flex-shrink:0;width:16px;height:16px;color:var(--text3);
  transition:transform .25s;font-size:16px;line-height:1;
}
.faq-item.open .faq-toggle{transform:rotate(45deg);color:var(--accent)}
.faq-a{
  padding:0 1.25rem;max-height:0;overflow:hidden;
  transition:all .3s;
  color:var(--text2);font-size:13.5px;line-height:1.75;
}
.faq-item.open .faq-a{padding:0 1.25rem 1.1rem;max-height:1000px}
.faq-a p{margin-bottom:.75rem}
.faq-a p:last-child{margin-bottom:0}
.faq-a a{color:var(--accent2);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}
.faq-a a:hover{border-bottom-color:var(--accent2)}
.faq-a strong{color:var(--text);font-weight:600}
.faq-a ul{margin:.5rem 0 .5rem 1.25rem}
.faq-a li{margin-bottom:.3rem}

/* Contact card */
.contact-card{
  background:linear-gradient(135deg,var(--surface) 0%,var(--surface2) 100%);
  border:1px solid var(--border);border-radius:14px;
  padding:2rem;text-align:center;margin-top:3rem;
}
.contact-card h3{font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:.5rem}
.contact-card p{color:var(--text2);font-size:14px;margin-bottom:1.5rem;line-height:1.6}
.contact-btn{
  display:inline-flex;align-items:center;gap:.5rem;
  background:var(--accent);color:#13100f;text-decoration:none;
  padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:14px;
  transition:transform .15s,box-shadow .15s;
}
.contact-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(255,92,61,.3)}

@media(max-width:640px){
  .section-title{font-size:1.2rem}
}

/* Closing acknowledgment line on the terms page */
.terms-ack{margin-top:3rem;font-size:12px;color:var(--text3)}