/* =========================================================================
   LODESTONE ENTERPRISE - legal pages (privacy / terms / refunds)
   Reuses tokens, nav, footer and buttons from lodestone.css.
   ========================================================================= */

.legal-hero{padding:128px 0 0;position:relative;}
.legal-hero::after{content:"";position:absolute;inset:0 0 auto 0;height:340px;z-index:-1;
  background:radial-gradient(80% 100% at 50% 0%, rgba(215,160,75,.05), transparent 70%);pointer-events:none;}
.legal-hero .display{margin-top:14px;max-width:20ch;}
.legal-meta{font-family:var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.02em;
  font-size:13px;color:var(--paper-faint);margin-top:20px;}
.legal-meta b{color:var(--paper-dim);font-weight:500;}

.legal-body{padding:40px 0 120px;}
.legal{max-width:74ch;}
.legal > p{color:var(--paper-dim);font-weight:300;font-size:16.5px;line-height:1.72;margin:0 0 16px;}
.legal section{scroll-margin-top:90px;margin:0 0 6px;}
.legal h2{font-family:var(--serif);font-weight:300;font-size:clamp(23px,3vw,32px);color:var(--paper);
  line-height:1.18;letter-spacing:-.01em;margin:46px 0 16px;}
.legal h2 .nn{font-family:var(--sans);font-size:13px;font-weight:500;color:var(--amber);
  letter-spacing:.08em;margin-right:13px;vertical-align:middle;}
.legal h3{font-family:var(--sans);font-weight:500;font-size:17px;color:var(--paper);margin:26px 0 9px;}
.legal p{color:var(--paper-dim);font-weight:300;font-size:16px;line-height:1.72;margin:0 0 15px;}
.legal p strong,.legal li strong{color:var(--paper);font-weight:500;}
.legal a.inline{color:var(--amber);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}
.legal a.inline:hover{color:var(--amber-2);}

.legal ul{list-style:none;margin:0 0 18px;padding:0;}
.legal li{position:relative;padding-left:24px;margin-bottom:11px;color:var(--paper-dim);
  font-weight:300;font-size:16px;line-height:1.62;}
.legal li::before{content:"";position:absolute;left:3px;top:10px;width:6px;height:6px;
  border-radius:1px;background:var(--amber);transform:rotate(45deg);opacity:.85;}

.legal .ltable{width:100%;border-collapse:collapse;margin:8px 0 24px;font-size:14.5px;}
.legal .ltable th,.legal .ltable td{text-align:left;padding:13px 15px;border:1px solid var(--line-2);
  vertical-align:top;color:var(--paper-dim);font-weight:300;line-height:1.55;}
.legal .ltable th{background:var(--ink-2);color:var(--paper);font-weight:500;font-size:12.5px;
  letter-spacing:.04em;}
.legal .ltable td b{color:var(--paper);font-weight:500;}

.legal .callout{background:var(--ink-2);border:1px solid var(--line-2);border-left:2px solid var(--amber);
  padding:20px 24px;margin:20px 0 24px;}
.legal .callout .lbl{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.18em;
  text-transform:uppercase;color:var(--amber);display:block;margin-bottom:9px;}
.legal .callout p{margin:0;color:var(--paper-dim);font-size:15px;}

/* the honest "no guarantee" block (terms) */
.legal .guarantee{background:var(--ink-2);border:1px solid var(--line-2);padding:24px 26px;margin:18px 0 24px;}
.legal .guarantee .lbl{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.16em;
  text-transform:uppercase;color:var(--amber);display:block;margin-bottom:12px;}
.legal .guarantee p{margin:0 0 11px;color:var(--paper);font-weight:300;font-size:16.5px;line-height:1.65;}
.legal .guarantee p:last-child{margin-bottom:0;}
.legal .guarantee strong{color:var(--paper);font-weight:500;}

.legal .updated{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);
  font-size:14px;color:var(--paper-faint);font-weight:300;}
