/* HirePrism legal pages (Terms, Privacy): short dark header, then long-form text on cream with a sticky contents list. */
.legal-hero{min-height:auto;padding:150px 0 80px}
.legal-hero h1{font-size:clamp(34px,4.6vw,56px);max-width:18ch}
.legal-hero p{margin-bottom:0}

.legal-body{background:var(--cream);padding:72px 0 96px}
.legal-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;align-items:start}
.legal-toc{position:sticky;top:32px;display:flex;flex-direction:column;gap:2px;padding-left:14px;border-left:2px solid rgba(196,184,168,.55)}
.legal-toc a{display:flex;align-items:center;min-height:34px;color:var(--muted);font-size:14px;font-weight:600;text-decoration:none;line-height:1.3}
.legal-toc a:hover{color:var(--rust)}
.legal-doc{min-width:0;max-width:72ch;color:var(--char)}
.legal-doc h2{font-size:clamp(22px,2.2vw,27px);line-height:1.25;margin:44px 0 14px;max-width:none;scroll-margin-top:24px}
.legal-doc h2:first-of-type{margin-top:0}
.legal-doc h3{font-size:16px;margin:22px 0 8px}
.legal-doc p,.legal-doc li{font-size:16px;line-height:1.75;color:#3A352E}
.legal-doc p{margin:0 0 14px}
.legal-doc ul{margin:0 0 16px;padding-left:22px}
.legal-doc li{margin-bottom:6px}
.legal-doc a{color:var(--rust)}
.legal-intro{font-size:17px!important;color:var(--char)!important}

@media(max-width:860px){
  .legal-grid{grid-template-columns:1fr;gap:28px}
  .legal-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:4px 16px;padding-left:0;border-left:0}
  .legal-hero{padding:120px 0 60px}
}