/* HowfenConnect – legal pages (privacy, terms, cookies) */
.legal{color:#000;padding:40px 0 96px}
.legal a{color:inherit;text-decoration:none}
.legal .sec-head{text-align:center;max-width:720px;margin:0 auto 20px;padding:0 20px}
.legal .sec-head h1{font-size:clamp(2rem,4.2vw,3.25rem);font-weight:700;letter-spacing:-.03em;margin:0 0 14px}
.legal .sec-sub{margin:0;font-size:1.05rem}
.legal .updated{text-align:center;font-size:.9rem;margin:0 0 56px}
.legal .updated span{display:inline-block;background:var(--accent);padding:8px 16px;border-radius:999px;font-weight:600}
.legal-grid{display:grid;grid-template-columns:260px 1fr;gap:64px;align-items:start}
.legal-toc{position:sticky;top:120px}
.legal-toc h2{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px}
.legal-toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}
.legal-toc a{display:block;padding:9px 0 9px 16px;font-size:.95rem;font-weight:500;margin-left:-2px;border-left:2px solid transparent}
.legal-toc a:hover,.legal-toc a.on{border-left-color:var(--accent);font-weight:700}
.legal-toc .cta{margin-top:24px}
.legal-body{max-width:720px}
.legal-sec{padding:0 0 40px;margin-bottom:40px;border-bottom:1px solid var(--line);scroll-margin-top:120px}
.legal-sec:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.legal-sec .num{font-family:"Caveat",cursive;font-size:1.6rem;color:var(--accent-dark);line-height:1;display:block;margin-bottom:8px}
.legal-sec h2{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 14px}
.legal-sec p{font-size:1.05rem;line-height:1.7;margin:0 0 14px}
.legal-sec p:last-child{margin-bottom:0}
.legal-sec p a{font-weight:600;border-bottom:2px solid var(--accent)}
.legal-links{margin-top:56px;padding-top:28px;border-top:1px solid var(--line);font-size:.95rem;display:flex;gap:8px;flex-wrap:wrap}
.legal-links a{font-weight:600;border-bottom:2px solid var(--accent)}
.legal-links span{opacity:.5}
@media (max-width:900px){
  .legal{padding:24px 0 64px}
  .legal .updated{margin-bottom:36px}
  .legal-grid{grid-template-columns:1fr;gap:32px}
  .legal-toc{position:static}
  .legal-toc ol{display:flex;flex-wrap:wrap;gap:6px;border:0}
  .legal-toc a{border:1px solid var(--line);border-radius:999px;padding:8px 14px;margin:0;font-size:.85rem}
  .legal-toc a.on,.legal-toc a:hover{background:var(--accent);border-color:var(--accent)}
  .legal-toc .cta{display:none}
}
.legal-toc a.cta{display:inline-flex;padding:6px 6px 6px 22px;border:0;margin:24px 0 0;font-weight:600}.legal-toc a.cta:hover{border:0;font-weight:600}