/* ============================================================
   RRINOVA — LEGAL PAGE STYLES (legal.css)
   Used by privacy-policy.html, cookies-policy.html and
   terms-of-use.html. Pair with site.css. Simple, readable
   long-form layout.
   ============================================================ */
.lhero{padding:120px 0 10px;background:#fff}
.lhero .crumb{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted);font-weight:500;margin-bottom:18px}
.lhero .crumb a:hover{color:var(--green)}
.lhero .crumb svg{width:13px;height:13px;opacity:.6}
.lhero .leyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--green)}
.lhero .leyebrow::before{content:"";width:24px;height:2px;background:var(--green);border-radius:2px}
.lhero h1{font-size:clamp(2rem,4.6vw,3rem);color:var(--green-darker);font-weight:700;line-height:1.08;margin:14px 0 8px}
.lhero .updated{font-size:.9rem;color:var(--muted)}

.legal{padding:26px 0 90px}
.legal .doc{max-width:820px}
.legal h2{font-size:1.3rem;color:var(--green-darker);font-weight:700;margin:36px 0 12px;line-height:1.25}
.legal h2:first-child{margin-top:6px}
.legal h3{font-size:1.05rem;color:var(--green-darker);font-weight:700;margin:22px 0 8px}
.legal p{color:#27332d;font-size:1.02rem;line-height:1.8;margin:12px 0}
.legal ul{margin:12px 0;padding-left:22px}
.legal li{color:#27332d;font-size:1.02rem;line-height:1.75;margin:8px 0}
.legal a{color:var(--green);font-weight:600;text-decoration:underline}
.legal strong{color:var(--ink);font-weight:700}
.legal .callout{background:linear-gradient(135deg,#f7fbf9,#eef7f1);border:1px solid var(--line);border-radius:16px;padding:20px 24px;margin:22px 0}
.legal .callout p{margin:6px 0}
.legal table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.95rem}
.legal th,.legal td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.legal th{font-family:var(--font-display);color:var(--green-darker);font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}
.legal td{color:#27332d;line-height:1.6}
.legal .toplinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.legal .toplinks a{font-size:.86rem;font-weight:600;color:var(--green-darker);background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 16px;text-decoration:none}
.legal .toplinks a:hover{border-color:var(--green);color:var(--green)}