/* ============================================================================
   TruCrypt — legal & support documents (v6)
   ----------------------------------------------------------------------------
   Loaded AFTER site-v6.css, which supplies every token used here. These pages
   are read, not scanned, so the treatment is deliberately quieter than the
   marketing page: one column at a comfortable measure, no bands, no motion.

   Class names are inherited from the previous dark pages so the document
   bodies could carry over verbatim — the legal text is reviewed copy and is
   not retyped just to change a stylesheet.
   ========================================================================== */

.legal-wrap{
  max-width:760px;                     /* ~72ch at 1rem — sustained reading */
  margin:0 auto;
  padding:clamp(2.6rem,6vw,4rem) clamp(1.1rem,4vw,2rem) clamp(4rem,8vw,6rem);
}

.legal-wrap h1{
  font-size:clamp(2.1rem,4.6vw,3rem);
  line-height:1.06;
  margin-bottom:.9rem;
}

/* Standing/effective-date line. Tinted rather than boxed — it is context for
   the document, not a callout inside it. */
.legal-eff{
  font-size:.88rem;color:var(--ink-2);
  background:var(--accent-tint);
  border-radius:10px;
  padding:.8rem 1.05rem;
  margin:0 0 2rem;
}
.legal-eff strong{color:var(--ink);font-weight:600;}

.legal-wrap .lead{
  font-size:1.1rem;line-height:1.72;color:var(--ink-2);
  margin:0 0 1.9rem;
}

/* ── sections ─────────────────────────────────────────────────────────────── */
.legal-section{margin-bottom:2.4rem;}
.legal-section h3{
  font-family:var(--serif);font-size:1.35rem;font-weight:600;
  letter-spacing:-.015em;color:var(--ink);
  margin:0 0 .75rem;
  /* a hairline that starts at the text and stops — sections are peers, not
     nested headings, and a full rule would read as a divider between them */
  padding-bottom:.5rem;
  border-bottom:1px solid var(--rule-soft);
}
.legal-section p,
.legal-section li{
  font-size:1rem;line-height:1.75;color:var(--ink-2);
  margin:0 0 .85rem;
}
.legal-section p strong{color:var(--ink);font-weight:600;}
.legal-section > p:last-child{margin-bottom:0;}

.legal-section ul{list-style:none;padding:0;margin:.3rem 0 1rem;}
.legal-section ul li{position:relative;padding-left:1.35rem;margin:.5rem 0;}
.legal-section ul li::before{
  content:'—';position:absolute;left:0;top:0;color:var(--accent);opacity:.7;
}
.legal-section ol{padding-left:1.3rem;margin:.3rem 0 1rem;}
.legal-section ol li{margin:.5rem 0;padding-left:.2rem;}
.legal-section ol li::marker{color:var(--muted);font-variant-numeric:tabular-nums;}

.legal-wrap a{color:var(--accent);text-underline-offset:2px;}
.legal-wrap a:hover{color:var(--accent-ink);}

/* ── tables ───────────────────────────────────────────────────────────────── */
/* The privacy policy's data tables are the widest thing on these pages; they
   scroll inside their own container so the document never scrolls sideways. */
.table-scroll{overflow-x:auto;margin:1.2rem 0 1.4rem;}
.legal-table{
  border-collapse:collapse;width:100%;min-width:520px;
  font-size:.92rem;line-height:1.6;
}
.legal-table th,
.legal-table td{
  border:1px solid var(--rule);
  padding:.7rem .9rem;text-align:left;vertical-align:top;
  color:var(--ink-2);
}
.legal-table th{
  background:var(--sunk);color:var(--ink);font-weight:600;
  font-size:.82rem;letter-spacing:.02em;
}
.legal-table strong{color:var(--ink);font-weight:600;}
.legal-table a{text-decoration:none;}
.legal-table a:hover{text-decoration:underline;}

/* ── support contact card ─────────────────────────────────────────────────── */
.support-card{
  border:1px solid var(--rule);border-radius:14px;
  background:var(--sunk);
  padding:1.4rem 1.5rem;margin:0 0 2.4rem;
}
.support-addr{
  font-size:clamp(1.15rem,2.6vw,1.4rem);font-weight:700;
  color:var(--accent);word-break:break-word;
}
.support-addr a{color:inherit;text-decoration:none;}
.support-addr a:hover{text-decoration:underline;}
.support-card p{
  margin:.7rem 0 0;color:var(--ink-2);font-size:.96rem;line-height:1.68;
}
.support-card p strong{color:var(--ink);font-weight:600;}

/* ── warning callout (terms) ──────────────────────────────────────────────── */
.legal-warning{
  border:1px solid var(--rule);
  border-left:3px solid var(--accent);
  background:var(--accent-tint);
  border-radius:10px;
  padding:1rem 1.2rem;margin:1.2rem 0 1.6rem;
}
.legal-warning p{margin:0;color:var(--ink-2);font-size:.96rem;line-height:1.7;}
.legal-warning p strong{color:var(--ink);}

/* ── document footer nav ──────────────────────────────────────────────────── */
.legal-more{
  display:flex;flex-wrap:wrap;gap:.7rem;
  margin-top:2.6rem;padding-top:1.6rem;border-top:1px solid var(--rule);
}
.legal-more a{
  font-size:.88rem;font-weight:500;color:var(--ink-2);text-decoration:none;
  border:1px solid var(--rule);border-radius:999px;padding:.5rem 1rem;
  transition:border-color .18s ease,color .18s ease;
}
.legal-more a:hover{color:var(--accent);border-color:var(--accent);}

@media (max-width:760px){
  .legal-section h3{font-size:1.2rem;}
}

/* ── document header ──────────────────────────────────────────────────────── */
/* The documents carry a header that only links home, so it survives the home
   page's section anchors being renamed (they have been, once already). */
.nav-back{
  font-size:.9rem;font-weight:500;color:var(--ink-2);text-decoration:none;
  transition:color .18s ease;
}
.nav-back:hover{color:var(--accent);}