/* Shared styling for /privacy and /terms — mirrors index.html tokens */
:root{
  --ink:#0A1E2B; --navy:#0c2740;
  --blue:#1565c0; --blue2:#1e88e5; --sky:#42a5f5;
  --teal:#06b6d4; --teal2:#0891b2;
  --paper:#F3F8FC; --line:#e4edf3; --body:#3f5866; --muted:#6d8592;
  --wrap:820px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{ font-family:'DM Sans',system-ui,sans-serif; color:var(--ink); line-height:1.7; background:#fff; }
h1,h2,h3{ font-family:'Poppins',sans-serif; letter-spacing:-.01em; line-height:1.2; }
a{ color:var(--blue); text-decoration:none; }
a:hover{ text-decoration:underline; }
img{ max-width:100%; display:block; }
.wrap{ max-width:var(--wrap); margin:0 auto; padding:0 28px; }

.util{ background:var(--ink); color:#cfe3ee; font-size:12.5px; text-align:center; padding:7px 0; font-weight:500; }
.util b{ color:#fff; }
header.nav{ position:sticky; top:0; z-index:50; background:rgba(255,255,255,.94); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); }
.nav-in{ display:flex; align-items:center; justify-content:space-between; height:74px; max-width:1160px; margin:0 auto; padding:0 28px; }
.brand{ display:flex; align-items:center; gap:10px; }
.brand img{ height:34px; }
.brand .loc{ font-family:'Poppins'; font-weight:700; font-size:13px; color:var(--teal2); border-left:1.5px solid var(--line); padding-left:10px; letter-spacing:.02em; }
.nav-back{ font-family:'Poppins'; font-weight:600; font-size:14.5px; color:var(--blue); }

.hero{ background:linear-gradient(135deg,var(--ink),var(--navy)); color:#fff; padding:56px 0 48px; }
.hero h1{ font-size:clamp(30px,5vw,42px); font-weight:800; }
.hero .eff{ margin-top:12px; color:#a8c7d8; font-size:14.5px; }

main{ padding:48px 0 72px; }
main h2{ font-size:21px; font-weight:700; margin:36px 0 12px; }
main h2:first-child{ margin-top:0; }
main h3{ font-size:16.5px; font-weight:600; margin:22px 0 8px; }
main p{ margin-bottom:14px; color:var(--body); }
main ul{ margin:0 0 16px 22px; color:var(--body); }
main li{ margin-bottom:7px; }
main strong{ color:var(--ink); }

.callout{ background:var(--paper); border:1px solid var(--line); border-left:3px solid var(--teal); border-radius:10px; padding:16px 18px; margin:20px 0; }
.callout p:last-child{ margin-bottom:0; }
.toc{ background:var(--paper); border:1px solid var(--line); border-radius:12px; padding:18px 22px; margin-bottom:34px; }
.toc h4{ font-family:'Poppins'; font-size:13px; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); margin-bottom:10px; }
.toc ol{ margin-left:18px; font-size:14.5px; }
.toc li{ margin-bottom:4px; }

footer{ background:var(--ink); color:#9fbccd; padding:36px 0; font-size:13px; }
footer a{ color:#fff; }
.foot-bar{ max-width:1160px; margin:0 auto; padding:0 28px; }
.foot-links{ margin-bottom:14px; display:flex; gap:20px; flex-wrap:wrap; }