/* ============================================================
   Harrimont Partners — legal / content pages
   Loaded AFTER css/styles.css (reuses the :root tokens + header/footer).
   ============================================================ */

/* legal pages use a solid sticky header from the top */
.legal-page .site-header{background:var(--navy-900);box-shadow:0 10px 30px -20px rgba(0,0,0,.6);}

/* hero */
.legal-hero{
  background:
    radial-gradient(120% 90% at 80% 0%, rgba(200,164,106,.10), transparent 55%),
    linear-gradient(160deg,#0D1321 0%,#121b2c 60%,#0a0f1a 100%);
  color:var(--white);
  padding:clamp(124px,18vw,180px) 0 clamp(46px,7vw,72px);
}
.legal-breadcrumb{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin-bottom:26px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gray-100);opacity:.72;font-weight:500;
}
.legal-breadcrumb a{color:var(--gold);transition:color .25s var(--ease);}
.legal-breadcrumb a:hover{color:var(--white);}
.legal-breadcrumb .sep{opacity:.5;}
.legal-hero .eyebrow{margin-bottom:20px;}
.legal-hero h1{font-size:clamp(2rem,5vw,3.4rem);max-width:22ch;color:var(--white);}
.legal-hero .updated{margin-top:20px;font-size:.8rem;letter-spacing:.04em;color:var(--gray-100);opacity:.68;}

/* body */
.legal-main{background:var(--paper);padding:clamp(52px,8vw,90px) 0 clamp(64px,9vw,112px);}
.prose{max-width:768px;}
.prose>*+*{margin-top:1.15em;}
.prose .lead{
  font-family:"Playfair Display",serif;font-style:italic;
  font-size:clamp(1.2rem,2.5vw,1.65rem);color:var(--ink);line-height:1.42;margin-bottom:1.4em;
}
.prose h2{
  font-family:"Playfair Display",serif;font-weight:500;color:var(--ink);
  font-size:clamp(1.4rem,3vw,2rem);margin-top:2.3em;line-height:1.15;
}
.prose h2:first-of-type{margin-top:1.2em;}
.prose h3{font-family:"Playfair Display",serif;font-weight:500;color:var(--ink);font-size:1.18rem;margin-top:1.7em;}
.prose p,.prose li{color:var(--ink-soft);font-size:1rem;line-height:1.78;}
.prose a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px;transition:color .25s var(--ease);}
.prose a:hover{color:var(--ink);}
.prose strong{color:var(--ink);font-weight:600;}
.prose ul,.prose ol{padding-left:1.35em;margin-top:.6em;}
.prose li+li{margin-top:.55em;}
.prose hr{border:0;border-top:1px solid var(--line);margin:2.4em 0;}

/* callout note */
.prose .note{
  background:var(--gold-soft);border-left:3px solid var(--gold);
  padding:15px 20px;border-radius:0 4px 4px 0;font-size:.92rem;color:var(--ink-soft);
}
.prose .note strong{color:var(--gold-ink);}

/* table (cookie list etc.) */
.prose .table-wrap{overflow-x:auto;margin-top:1em;}
.prose table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:480px;}
.prose th,.prose td{text-align:left;padding:12px 14px;border:1px solid var(--line);color:var(--ink-soft);vertical-align:top;}
.prose th{
  background:var(--paper-2);color:var(--ink);font-family:"Montserrat",sans-serif;
  font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;
}

/* contact card */
.legal-contactcard{
  margin-top:1.6em;padding:24px 26px;border:1px solid var(--line);border-radius:6px;background:#fff;
  box-shadow:var(--shadow);
}
.legal-contactcard p{margin:.25em 0;color:var(--ink-soft);}
.legal-contactcard strong{display:block;font-family:"Playfair Display",serif;font-size:1.1rem;color:var(--ink);margin-bottom:.4em;}
.legal-contactcard a{color:var(--gold-ink);}

/* table of contents */
.legal-toc{
  margin:0 0 1.5em;padding:20px 24px;border:1px solid var(--line);border-radius:6px;background:rgba(255,255,255,.5);
}
.legal-toc h2{font-family:"Montserrat",sans-serif!important;font-size:.72rem!important;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink);margin:0 0 12px!important;}
.legal-toc ul{list-style:none;padding:0;margin:0;column-gap:32px;}
.legal-toc li{margin-top:.4em;}
.legal-toc a{font-size:.95rem;}

/* back link at end */
.legal-back{margin-top:2.6em;}
.legal-back a{
  display:inline-flex;align-items:center;gap:10px;font-family:"Montserrat",sans-serif;
  font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-ink);
}
.legal-back a:hover{color:var(--ink);}