/* ============================================================
   TROT — Legal / informational pages
   Beige canvas · no card · wide, calm, uniform reading column
   Single accent: TROT green (links). Layered on trot-styles.css
   ============================================================ */

.legal-page{min-height:100vh;display:flex;flex-direction:column}

/* ---- nav: transparent, blends into the beige (no border, no panel) ---- */
.legal-page .nav{position:static;background:transparent;border-bottom:0;
  backdrop-filter:none;-webkit-backdrop-filter:none}
.legal-page .nav-links a{color:var(--ink)}
.legal-page .nav-links a:not(.nav-cta):hover{background:rgba(1,68,33,.07)}
/* logo matches the main header size (inherits .nav-logo height:74px) */

/* shared measure */
.legal-hero,.legal-wrap{width:100%;max-width:940px;margin-left:auto;margin-right:auto}

/* ---- header (Chevaux/Matériel hero treatment: orange eyebrow + big display title) ---- */
.legal-hero{padding:clamp(20px,3vw,44px) var(--pad) clamp(18px,2.4vw,30px)}
.legal-hero .eyebrow{color:var(--orange);white-space:nowrap}
.legal-hero h1{font-family:var(--font-display);font-weight:900;color:var(--ink);
  font-size:40px;line-height:1.0;letter-spacing:-.035em;margin:14px 0 0;text-wrap:balance}
@media(min-width:680px){.legal-hero h1{font-size:54px}}
@media(min-width:1040px){.legal-hero h1{font-size:64px}}
.legal-date{margin-top:16px;text-align:left;font-family:var(--font-text);font-weight:500;font-size:13.5px;color:var(--cream-faint)}

/* ---- body: text straight on the beige, no white block ---- */
.legal-wrap{flex:1;padding:0 var(--pad) clamp(64px,9vw,120px);width:100%}
.legal-card{background:transparent;border:0;padding:0;box-shadow:none}

/* uniform type scale: lede / body / headings stay close in size & weight */
.legal-lede,.legal-card p,.legal-card li{font-family:var(--font-text);
  font-size:16.5px;line-height:1.78;color:var(--ink-soft);font-weight:450;text-wrap:pretty}
.legal-lede{margin:10px 0 6px}
.legal-card p{margin:0 0 14px}
.legal-card strong{color:var(--ink);font-weight:600}
.legal-card a{color:var(--green);font-weight:500;text-decoration:none;
  border-bottom:1px solid rgba(1,68,33,.28)}
.legal-card a:hover{border-bottom-color:var(--green)}

/* ---- sections: airy, low-contrast headings ---- */
.lg-sec{padding-top:clamp(30px,3.6vw,48px);margin-top:clamp(30px,3.6vw,48px);border-top:1px solid var(--line)}
.lg-sec:first-of-type{border-top:0;margin-top:16px;padding-top:0}
.lg-sec h2{display:flex;align-items:baseline;gap:9px;margin:0 0 14px;
  font-family:var(--font-display);font-weight:600;color:var(--ink);
  font-size:19px;line-height:1.3;letter-spacing:-.01em;text-wrap:balance}
.lg-num{flex:none;font-family:var(--font-display);font-weight:600;color:var(--ink);
  font-size:19px;line-height:1.3}
.lg-num::after{content:"."}
.lg-sub{font-family:var(--font-display);font-weight:600;color:var(--ink);
  font-size:16.5px;margin:20px 0 8px}

.legal-card ul{list-style:none;margin:6px 0 16px;padding:0;display:flex;flex-direction:column;gap:10px}
.legal-card li{position:relative;padding-left:22px}
.legal-card li strong{color:var(--ink);font-weight:600}
.legal-card li::before{content:"";position:absolute;left:0;top:.8em;width:10px;height:1.5px;
  border-radius:2px;background:var(--cream-faint)}

/* quiet callout — no fill, no box */
.lg-note{padding:2px 0 2px 18px;border-left:2px solid var(--line-strong);margin:14px 0}
.lg-note p:last-child{margin-bottom:0}

.legal-card .lg-sign{margin-top:clamp(22px,3vw,34px);padding-top:18px;border-top:1px solid var(--line);
  color:var(--cream-faint);font-weight:500;font-size:14.5px;line-height:1.6;font-style:italic}

/* ---- back link ---- */
.legal-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:26px;
  font-family:var(--font-text);font-weight:500;font-size:14px;color:var(--ink-soft)}
.legal-back svg{width:15px;height:15px}
.legal-back:hover{color:var(--green)}

@media(max-width:640px){
  .legal-lede,.legal-card p,.legal-card li{font-size:16px}
  .lg-sec h2{gap:9px}
}