/* HaulHive public site: the legal pages' reading layout (Pass 2, 10/11/2026). Loads after site.css and
   site-auth.css (the page shell, nav and footer). One readable column of text in G's type, the list of legal
   documents beside it (a row of chips on a phone). The words are the old pages' words, unchanged. */
.legal-main{flex:1;padding-block:clamp(28px,6vw,72px)}
.legal-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start}
.legal-docs{position:sticky;top:84px;display:grid;gap:2px}
.legal-docs .kicker{margin-bottom:10px}
.legal-docs a{display:block;padding:8px 12px;border-left:2px solid var(--line-2);font-size:14.5px;line-height:1.3;color:var(--ink-3);text-decoration:none}
.legal-docs a:hover{color:var(--ink)}
.legal-docs a[aria-current="page"]{border-left-color:var(--honey);background:var(--bg-2);color:var(--ink);font-weight:600}

.legal-doc{min-width:0;max-width:72ch;font-size:16.5px;line-height:1.7;color:var(--ink-2)}
.legal-doc h1{font:700 clamp(2rem,4.4vw,2.9rem)/1.04 var(--f-display);letter-spacing:-.032em;color:var(--ink);text-wrap:balance}
.legal-doc h1 + p{margin-top:12px;font-size:15px;line-height:1.55;color:var(--ink-3)}
.legal-doc h2{margin-top:2.1em;padding-top:1.1em;border-top:1px solid var(--line);font:600 clamp(1.25rem,2vw,1.45rem)/1.25 var(--f-display);letter-spacing:-.015em;color:var(--ink)}
.legal-doc h3{margin-top:1.5em;font:600 1.08rem/1.35 var(--f-display);color:var(--ink)}
.legal-doc h4{margin-top:1.2em;font:600 1rem/1.35 var(--f-display);color:var(--ink)}
.legal-doc p{margin-top:.85em}
.legal-doc ul,.legal-doc ol{margin-top:.8em;padding-left:1.3em}
.legal-doc ul{list-style:disc}
.legal-doc ol{list-style:decimal}
.legal-doc li{margin-top:.35em;padding-left:.2em}
.legal-doc li::marker{color:var(--honey)}
.legal-doc strong{font-weight:600;color:var(--ink)}
.legal-doc a{color:var(--honey-ink);text-underline-offset:3px}
.legal-doc a:hover{color:var(--honey-2)}
.legal-doc h1 span{color:inherit}

/* the old pages' colored boxes and card grids, kept as quiet panels */
.legal-box{margin-top:1.2em;padding:16px 18px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--panel)}
.legal-box > :first-child{margin-top:0}
.legal-box h2{margin-top:0;padding-top:0;border-top:0}
/* The old pages set these apart in a tinted box with bold, contrasting type; a warranty disclaimer, a liability cap
   and the arbitration warning must stay conspicuous (house review 10/11). Classes only: the words are smoke 58's. */
.legal-box.legal-alert{border-color:var(--honey-line);border-left:3px solid var(--honey);background:var(--honey-wash)}
.legal-box.legal-alert p{font-weight:600;color:var(--ink)}
.legal-box.legal-note{border-left:3px solid var(--signal-line)}
.legal-doc .legal-lead{font-weight:600;color:var(--ink)}
.legal-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:1.2em}
.legal-cards > .legal-box{margin-top:0}
.legal-cards > a{display:block;padding:14px 16px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--panel);color:var(--ink);text-decoration:none}
.legal-cards > a:hover{border-color:var(--honey-line)}
.legal-cards > a h4{margin-top:0}

@media (max-width:860px){
  .legal-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .legal-docs{position:static;display:flex;flex-wrap:wrap;gap:6px}
  .legal-docs .kicker{flex:1 1 100%;margin-bottom:2px}
  .legal-docs a{padding:6px 10px;border:1px solid var(--line-2);border-radius:3px;font-size:13.5px}
  .legal-docs a[aria-current="page"]{border-color:var(--honey-line)}
  .legal-doc{font-size:16px}
}