/* =================================================================
   LEGAL DOCUMENT PAGES — warm canvas, long-form reading column
   ================================================================= */

.legal-page{
  background:var(--paper);
  padding-top:48px;
}

/* Reading column — narrower than the marketing sections so line length
   stays comfortable for continuous prose. */
.legal-col{
  max-width:760px;
  margin:0 auto;
}

/* ---- Masthead ---- */
.legal-masthead{
  padding-bottom:36px;
  margin-bottom:36px;
  border-bottom:1px solid var(--n200);
}
.legal-h1{
  font-family:var(--font-display);
  font-weight:700;
  font-size:48px;
  line-height:1.05;
  letter-spacing:-0.03em;
  color:var(--ink);
  margin-bottom:18px;
  text-transform:none;
}
.legal-effective{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:var(--n400);
}

/* ---- Document body ---- */
.legal-doc{
  padding-bottom:8px;
}
.legal-h2{
  font-family:var(--font-display);
  font-weight:700;
  font-size:24px;
  line-height:1.25;
  letter-spacing:-0.015em;
  color:var(--ink);
  margin:44px 0 14px;
  scroll-margin-top:96px;
}
.legal-doc > .legal-h2:first-child{margin-top:0}
.legal-h3{
  font-family:var(--font-display);
  font-weight:600;
  font-size:17px;
  line-height:1.3;
  color:var(--n800);
  margin:26px 0 10px;
}
.legal-p{
  font-size:15.5px;
  line-height:1.7;
  color:var(--n600);
  margin:0 0 14px;
}
.legal-list{
  list-style:none;
  margin:4px 0 18px;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:9px;
}
.legal-list li{
  position:relative;
  padding-left:20px;
  font-size:15.5px;
  line-height:1.6;
  color:var(--n600);
}
.legal-list li::before{
  content:"";
  position:absolute;
  left:2px;
  top:10px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--teal-700);
}
.legal-doc a{color:var(--teal-700)}

/* ---- Back link ---- */
.legal-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:48px;
  padding-top:28px;
  border-top:1px solid var(--n200);
  width:100%;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--n400);
  text-decoration:none;
  transition:color 0.15s;
}
.legal-back:hover{color:var(--teal-700)}
.legal-back:focus-visible{outline:2px solid var(--teal-700);outline-offset:4px}
.legal-back svg{display:block}

/* ---- Responsive ---- */
@media (max-width:768px){
  .legal-page{padding:40px 20px 64px}
  .legal-h1{font-size:34px}
  .legal-masthead{padding-bottom:28px;margin-bottom:28px}
  .legal-h2{font-size:20px;margin:34px 0 12px}
  .legal-h3{font-size:16px}
  .legal-p,.legal-list li{font-size:15px}
}
@media (max-width:380px){
  .legal-h1{font-size:29px}
}