/* Shared style for the Privacy Policy and Terms pages (matches the main site) */
:root{ --ink:#04212e; --aqua-deep:#0e7490; --mint:#5eead4; --paper:#eef8fb; --line:#d5e6ec; --text:#0b2733; --muted:#547585; }
*{ box-sizing:border-box; }
body{ margin:0; background:var(--paper); color:var(--text); font:400 16px/1.7 'Inter', system-ui, sans-serif; -webkit-font-smoothing:antialiased; }
a{ color:var(--aqua-deep); }
a:focus-visible{ outline:3px solid var(--aqua-deep); outline-offset:2px; border-radius:4px; }

.top{ position:sticky; top:0; z-index:10; display:flex; align-items:center; justify-content:space-between; gap:12px;
    padding:10px 16px; background:#fff; border-bottom:1px solid var(--line); }
.brand{ display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--ink); font:800 17px/1.2 'Poppins', sans-serif; }
.brand img{ width:44px; height:44px; object-fit:contain; }
.back{ display:inline-flex; align-items:center; min-height:40px; padding:0 14px; border-radius:10px; background:var(--aqua-deep);
    color:#fff; font-weight:700; font-size:14px; text-decoration:none; white-space:nowrap; }

.doc{ max-width:760px; margin:0 auto; padding:32px 16px 56px; }
.doc h1{ font:800 clamp(28px, 6vw, 40px)/1.15 'Poppins', sans-serif; color:var(--ink); margin:0 0 6px; }
.doc .meta{ color:var(--muted); font-size:14px; margin:0 0 24px; }
.doc h2{ font:700 19px/1.3 'Poppins', sans-serif; color:var(--ink); margin:32px 0 8px; }
.doc p, .doc li{ max-width:68ch; }
.doc ul{ padding-left:20px; }
.doc li{ margin-bottom:8px; }
.contact{ font-style:normal; background:#fff; border:1px solid var(--line); border-radius:14px; padding:16px 18px; line-height:1.9; }

.foot{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; padding:20px 16px; background:var(--ink); color:#9fb8c2; font-size:14px; }
.foot nav{ display:flex; gap:20px; }
.foot a{ color:#cfe9ef; text-decoration:none; }
.foot a[aria-current="page"]{ color:var(--mint); font-weight:700; }

@media (min-width:768px){ .top{ padding:12px 32px; } .doc{ padding:48px 32px 72px; } .foot{ padding:24px 32px; } }
@media (max-width:420px){ .brand span{ display:none; } }
