/* Safee Meet legal pages — extends the same design system used by index.html */
.legal-hero{background:var(--black);color:#fff;padding:clamp(55px,7vw,100px) 0;position:relative;overflow:hidden}
.legal-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(55% 90% at 85% 45%,rgba(237,27,36,.28),transparent 65%)}
.legal-hero-in{position:relative;z-index:1}
.legal-hero .eyebrow{color:var(--red)}
.legal-hero h1{margin-top:14px}
.legal-hero .lede{margin-top:18px;color:rgba(255,255,255,.68);max-width:70ch}
.legal-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:.86rem;color:rgba(255,255,255,.58)}
.legal-wrap{background:var(--white);padding:clamp(44px,6vw,86px) 0}
.legal-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(28px,5vw,70px);align-items:start}
.legal-toc{position:sticky;top:96px;border:1px solid var(--line);background:var(--grey);padding:22px}
.legal-toc h3{font-family:var(--display);font-weight:400;text-transform:uppercase;color:var(--ink);font-size:1rem;margin-bottom:13px}
.legal-toc a{display:block;font-size:.82rem;line-height:1.45;color:var(--muted);padding:7px 0;border-bottom:1px solid var(--line)}
.legal-toc a:last-child{border-bottom:0}
.legal-toc a:hover{color:var(--red)}
.legal-doc{min-width:0}
.legal-doc section{scroll-margin-top:100px;padding:0 0 36px;margin-bottom:36px;border-bottom:1px solid var(--line)}
.legal-doc section:last-child{border-bottom:0}
.legal-doc h2{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.005em;line-height:1.05;color:var(--ink);font-size:clamp(1.45rem,2.5vw,2rem);margin-bottom:14px}
.legal-doc h2 .num{color:var(--red);margin-right:7px}
.legal-doc h3{font-family:var(--display);font-weight:400;text-transform:uppercase;color:var(--ink);font-size:1.05rem;margin:22px 0 9px}
.legal-doc p{margin:0 0 12px;line-height:1.8;color:var(--ink-2)}
.legal-doc ul,.legal-doc ol{margin:8px 0 15px 22px;color:var(--ink-2)}
.legal-doc li{padding:3px 0 3px 5px;line-height:1.75}
.legal-doc strong{color:var(--ink)}
.legal-note{border-left:4px solid var(--red);background:var(--red-soft);padding:18px 20px;margin:20px 0;color:var(--ink-2)}
.legal-contact{background:var(--grey);padding:24px;margin-top:10px}
.legal-contact p:last-child{margin-bottom:0}
@media(max-width:900px){.legal-layout{grid-template-columns:1fr}.legal-toc{position:static}.legal-toc a{display:inline-block;margin-right:14px;border:0}}
@media(max-width:640px){.legal-meta{display:block}.legal-meta span{display:block;margin-bottom:6px}.legal-doc section{padding-bottom:28px;margin-bottom:28px}}