/* ===== Legal Pages (Privacy Policy, Terms & Conditions) ===== */
.legal-hero{padding:calc(var(--nav) + 60px) 0 40px;background:var(--bg)}
.legal-hero h1{font-family:var(--display);font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:8px}
.legal-hero .legal-date{font-size:14px;color:var(--text4);margin-bottom:0}

.legal-layout{display:grid;grid-template-columns:280px 1fr;gap:60px;padding:0 0 80px;align-items:start}

/* Sidebar / Table of Contents */
.legal-sidebar{position:sticky;top:calc(var(--nav) + 24px)}
.legal-sidebar h3{font-size:14px;font-weight:700;color:var(--text);margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}
.legal-sidebar a{display:block;font-size:13px;color:var(--text3);padding:8px 0;border-bottom:1px solid var(--border);transition:color .3s cubic-bezier(.44,0,.56,1);line-height:1.4}
.legal-sidebar a:hover,.legal-sidebar a.active{color:var(--blue)}
.legal-sidebar a:last-child{border-bottom:none}

/* Main Content */
.legal-content{max-width:800px}
.legal-content h2{font-family:var(--display);font-size:24px;font-weight:600;margin:40px 0 16px;padding-top:20px;border-top:1px solid var(--border);line-height:1.3}
.legal-content h2:first-child{margin-top:0;border-top:none;padding-top:0}
.legal-content h3{font-size:16px;font-weight:700;margin:24px 0 10px}
.legal-content p{font-size:14px;line-height:1.8;color:var(--text2);margin-bottom:16px}
.legal-content ul{margin:0 0 16px 20px;list-style:disc}
.legal-content ul li{font-size:14px;line-height:1.8;color:var(--text2);margin-bottom:6px}
.legal-content strong{color:var(--text);font-weight:600}

@media(max-width:1024px){
  .legal-layout{grid-template-columns:220px 1fr;gap:40px}
  .legal-content{max-width:680px}
}

@media(max-width:768px){
  .legal-layout{grid-template-columns:1fr;gap:30px}
  .legal-sidebar{position:static;border-bottom:1px solid var(--border);padding-bottom:20px}
}

@media(max-width:480px){
  .legal-hero{padding:calc(var(--nav) + 40px) 0 28px}
  .legal-layout{padding:0 0 48px}
  .legal-content{padding:0 4px}
  .legal-content h2{font-size:20px;margin:28px 0 12px;padding-top:16px}
  .legal-content h3{font-size:15px;margin:18px 0 8px}
  .legal-content p,.legal-content ul li{font-size:13px}
}