/* Shared styling for /privacy, /offer, /cookies, /consent placeholder pages.
   Mirrors index.html design tokens so legal pages don't feel detached. */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Inter',sans-serif;color:#1e293b;line-height:1.65;background:#f8fafc;-webkit-font-smoothing:antialiased}
a{color:#2E75B6;text-decoration:none;transition:color .2s}
a:hover{color:#E8590C}
img{max-width:100%;height:auto;display:block}

.legal-nav{position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid #e2e8f0;z-index:100}
.legal-nav .container{display:flex;align-items:center;justify-content:space-between;height:64px}
.legal-nav a.logo img{height:36px;width:auto}
.legal-nav .back{font-size:.9rem;font-weight:500;color:#475569;display:inline-flex;align-items:center;gap:6px}
.legal-nav .back:hover{color:#1B2A4A}

.container{max-width:780px;margin:0 auto;padding:0 24px}

.legal-hero{padding:64px 0 24px;background:linear-gradient(135deg,#fff 0%,#e8f1fa 100%);border-bottom:1px solid #e2e8f0}
.legal-hero h1{font-family:'Manrope','Inter',sans-serif;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;color:#1B2A4A;line-height:1.2}
.legal-hero .meta{margin-top:14px;font-size:.9rem;color:#64748b;display:flex;flex-wrap:wrap;gap:8px 18px}
.legal-hero .badge{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #e2e8f0;border-radius:100px;padding:4px 12px;font-size:.78rem;color:#64748b;margin-bottom:18px}
.legal-hero .badge::before{content:'';width:6px;height:6px;border-radius:50%;background:#f59e0b}

.legal-body{padding:40px 0 80px}
.legal-body h2{font-family:'Manrope','Inter',sans-serif;font-size:1.25rem;font-weight:700;color:#1B2A4A;margin:36px 0 12px}
.legal-body h2:first-child{margin-top:0}
.legal-body h3{font-size:1.02rem;font-weight:600;color:#334155;margin:24px 0 8px}
.legal-body p{margin-bottom:14px;color:#334155}
.legal-body ul,.legal-body ol{margin:0 0 16px 22px;color:#334155}
.legal-body li{margin-bottom:6px}

.placeholder-card{margin:24px 0;padding:22px 24px;border-left:3px solid #E8590C;background:#fff7ed;border-radius:0 12px 12px 0;color:#7c2d12;font-size:.95rem}
.placeholder-card strong{color:#9a3412}

.contact-card{margin-top:32px;padding:22px 26px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}
.contact-card h3{margin-top:0;font-size:1rem;color:#1B2A4A}
.contact-card p{margin:6px 0;font-size:.93rem}

.legal-footer{padding:32px 0;border-top:1px solid #e2e8f0;background:#fff;font-size:.85rem;color:#64748b}
.legal-footer .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px}
.legal-footer .links{display:flex;flex-wrap:wrap;gap:18px}

@media(max-width:640px){
  .legal-hero{padding:40px 0 20px}
  .legal-body{padding:28px 0 56px}
  .legal-nav .container{height:56px}
  .legal-nav a.logo img{height:30px}
}