/* ========================================================================
   Freight World — legal pages (privacy / cookies / terms)
   Inherits the LOCKED system (assets/styles.css). Quiet, readable long-form
   layout on the brand dark canvas. Scoped under body.page-legal so nothing
   leaks. Consumes shared tokens; never re-derives them. Mobile-first (375).
   ======================================================================== */
body.page-legal .l-hero{padding:7.5rem var(--pad) 2rem}
body.page-legal .l-hero__label{font-family:var(--sub);font-weight:700;font-size:.78rem;
  letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:.9rem}
body.page-legal .l-hero__title{font-family:var(--display);text-transform:uppercase;
  font-size:clamp(2.6rem,12vw,5rem);line-height:.9;color:var(--ink)}
body.page-legal .l-hero__updated{margin-top:1.2rem;font-size:.85rem;color:var(--ink-soft)}

body.page-legal .l-body{padding:1rem var(--pad) clamp(4rem,9vw,7rem);max-width:75ch;margin-inline:auto}
body.page-legal .l-body p,
body.page-legal .l-body li{color:var(--ink-soft);font-size:1rem;line-height:1.7;margin-bottom:1.1rem}
body.page-legal .l-body h2{font-family:var(--sub);font-weight:700;font-size:clamp(1.3rem,5vw,1.8rem);
  color:var(--ink);margin:2.4rem 0 1rem;letter-spacing:-.01em}
body.page-legal .l-body h2:first-child{margin-top:0}
body.page-legal .l-body ul{list-style:none;margin:0 0 1.1rem;padding:0}
body.page-legal .l-body li{position:relative;padding-left:1.4rem}
body.page-legal .l-body li::before{content:"";position:absolute;left:0;top:.7em;
  width:7px;height:7px;background:var(--accent);border-radius:50%}
body.page-legal .l-body a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:var(--accent)}
body.page-legal .l-body a:hover{color:var(--accent)}
body.page-legal .l-body strong{color:var(--ink)}
body.page-legal .l-table{width:100%;border-collapse:collapse;margin:0 0 1.4rem;font-size:.95rem}
body.page-legal .l-table th,
body.page-legal .l-table td{text-align:left;padding:.8em 1em;border:1px solid var(--line);
  color:var(--ink-soft);vertical-align:top}
body.page-legal .l-table th{font-family:var(--sub);font-weight:700;color:var(--ink);
  text-transform:uppercase;font-size:.78rem;letter-spacing:.04em}
body.page-legal .l-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
body.page-legal .l-disclaimer{margin-top:2.6rem;padding-top:1.6rem;border-top:1px solid var(--line);
  font-size:.9rem;font-style:italic;color:var(--ink-soft);line-height:1.6}
body.page-legal .l-back{display:inline-flex;align-items:center;gap:.5em;margin-top:2rem;
  font-family:var(--sub);font-weight:700;font-size:.95rem;color:var(--accent)}
body.page-legal .l-back:hover{color:var(--ink)}

@media (min-width:760px){
  body.page-legal .l-hero{padding-top:9rem}
}
