/* ============ Jawla — legal / inner page styles ============ */
.lead-head{padding:64px 0 16px}
.backhome{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--t3);margin-bottom:22px;transition:color .15s,gap .2s}
.backhome:hover{color:var(--ink);gap:11px}
[dir=rtl] .backhome span[aria-hidden]{transform:scaleX(-1);display:inline-block}
.lead-head .headlead{max-width:58ch;margin:14px 0 18px}
.lead-head .updated{font-family:var(--mono);font-size:12px;color:var(--t3);letter-spacing:.03em}

.legal-body{padding:30px 0 90px}
.legal-grid{display:grid;grid-template-columns:230px 1fr;gap:60px;align-items:start;max-width:1060px;margin-inline:auto}

/* sticky table of contents */
.toc{position:sticky;top:96px}
.toc-h{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--t3);margin:0 0 14px}
.toc nav{display:flex;flex-direction:column;gap:2px;border-inline-start:1.5px solid var(--line);}
.toc nav a{font-size:13.5px;line-height:1.4;color:var(--t2);padding:7px 0 7px 16px;margin-inline-start:-1.5px;border-inline-start:1.5px solid transparent;transition:color .15s,border-color .15s}
.toc nav a:hover{color:var(--ink)}
.toc nav a.cur{color:var(--violet);border-inline-start-color:var(--violet);font-weight:600}

/* prose tuning for legal */
.legal-body .prose{max-width:none;margin:0}
.legal-body .prose h2{scroll-margin-top:96px;font-size:23px;letter-spacing:-.02em;display:flex;gap:0;align-items:baseline}
.legal-body .prose h2:first-of-type{margin-top:8px}
.legal-body .prose .lead{font-size:17px;color:var(--t2);border-inline-start:3px solid var(--violet);padding-inline-start:18px;margin-bottom:6px}
.legal-body .prose ul{padding-inline-start:0;list-style:none;gap:12px;margin:16px 0}
.legal-body .prose ul li{position:relative;padding-inline-start:26px;font-size:15.5px;color:var(--t2)}
.legal-body .prose ul li::before{content:"";position:absolute;inset-inline-start:4px;top:11px;width:7px;height:7px;border-radius:2px;background:var(--violet)}
.legal-body .prose ul li b{color:var(--t1);font-weight:700}
.legal-body .prose p{font-size:15.5px}

/* contact card */
.contact-card{display:flex;align-items:center;gap:18px;background:var(--ink);color:#fff;border-radius:var(--r-l,22px);padding:24px 26px;margin-top:46px;flex-wrap:wrap}
.contact-card .cc-ic{width:48px;height:48px;border-radius:13px;background:rgba(255,255,255,.07);border:1px solid #2a2a2a;display:grid;place-items:center;flex:none}
.contact-card .cc-ic svg{width:24px;height:24px;stroke:#b9a6ff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contact-card h3{margin:0 0 3px;font-size:17px;color:#fff;font-weight:700}
.contact-card p{margin:0;font-size:13.5px;color:rgba(255,255,255,.6)}
.contact-card .btn{margin-inline-start:auto;white-space:nowrap}
.contact-card .btn.dark{background:#fff;color:var(--ink);border-color:#fff}
.contact-card .btn.dark:hover{background:#ece9e1}

/* inline contact note (lighter than the card) */
.contact-note{display:flex;align-items:center;gap:11px;margin-top:34px;padding:15px 18px;border:1px solid var(--line);border-radius:var(--r-m,14px);background:#fff;font-size:14.5px;color:var(--t2);font-weight:500}
.contact-note svg{width:20px;height:20px;flex:none;stroke:var(--violet);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:820px){
  .legal-grid{grid-template-columns:1fr;gap:30px}
  .toc{position:static;border:1px solid var(--line);border-radius:var(--r-m,14px);padding:18px 20px;background:#fff}
  .toc nav{border-inline-start:none;flex-flow:row wrap;gap:6px 16px}
  .toc nav a{padding:2px 0;border:none;margin:0}
  .contact-card .btn{margin-inline-start:0}
}