:root{
    --navy:#07132F;
    --navy-2:#0F1D42;
    --cyan:#01B6DF;
    --gold:#E8B04B;
    --mist:#F1F6F9;
    --ink:#1B2333;
    --muted:#5B6B85;
    --white:#FFFFFF;
    --line: rgba(7,19,47,0.10);
    --radius:14px;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{ font-family:'Inter', sans-serif; color:var(--ink); background:var(--white); -webkit-font-smoothing:antialiased;}
  h1,h2,h3{ font-family:'Fraunces', serif; font-weight:600; letter-spacing:-0.01em; color:var(--navy);}
  a{color:var(--cyan);}
  a:hover{text-decoration:underline;}
  img{max-width:100%; display:block;}
  .wrap{max-width:820px; margin:0 auto; padding:0 32px;}
  @media (max-width:600px){ .wrap{padding:0 20px;} }
  :focus-visible{ outline:3px solid var(--cyan); outline-offset:3px;}

  /* Nav */
  nav{ position:sticky; top:0; z-index:50; background:rgba(255,255,255,0.94); backdrop-filter: blur(10px); border-bottom:1px solid var(--line);}
  nav .navwrap{max-width:1200px; margin:0 auto; padding:0 32px; display:flex; align-items:center; justify-content:space-between; height:80px;}
  @media (max-width:600px){ nav .navwrap{padding:0 20px;} }
  .logo-img{height:30px; width:auto;}
  .back-link{ font-size:14px; font-weight:600; color:var(--navy); display:flex; align-items:center; gap:8px;}
  .back-link svg{width:16px; height:16px; stroke:var(--navy);}

  /* Hero */
  .policy-hero{ background:var(--navy); color:var(--white); padding:72px 0 56px;}
  .eyebrow{ display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:var(--cyan); margin-bottom:16px;}
  .eyebrow::before{ content:''; width:26px; height:1px; background:var(--cyan);}
  .policy-hero h1{ color:var(--white); font-size:clamp(32px,4.4vw,46px); line-height:1.12; margin-bottom:14px;}
  .policy-hero p{ color:#C9D6EA; font-size:16.5px; line-height:1.6; max-width:560px;}
  .updated-pill{ display:inline-block; margin-top:24px; font-size:12.5px; color:#AFC3DC; border:1px solid rgba(255,255,255,0.2); padding:7px 14px; border-radius:20px;}

  /* Content */
  .policy-body{ padding:56px 0 100px;}
  .toc{ background:var(--mist); border-radius:var(--radius); padding:26px 28px; margin-bottom:48px;}
  .toc h2{font-size:15px; text-transform:uppercase; letter-spacing:0.06em; margin-bottom:14px; color:var(--navy);}
  .toc ol{ columns:2; column-gap:28px; list-style:none; counter-reset:toc; font-size:14.5px;}
  @media (max-width:600px){ .toc ol{columns:1;} }
  .toc li{ counter-increment:toc; margin-bottom:9px; break-inside:avoid;}
  .toc li a{ color:var(--ink); font-weight:600;}
  .toc li a:hover{ color:var(--cyan);}
  .toc li::before{ content: counter(toc) ". "; color:var(--gold); font-weight:700;}

  section.policy-section{ padding:34px 0; border-bottom:1px solid var(--line);}
  section.policy-section:last-of-type{ border-bottom:none;}
  section.policy-section h2{ font-size:22px; margin-bottom:14px; scroll-margin-top:100px;}
  section.policy-section h3{ font-size:16px; margin:20px 0 8px; color:var(--navy);}
  section.policy-section p{ color:var(--muted); font-size:15.5px; line-height:1.75; margin-bottom:12px;}
  section.policy-section ul, section.policy-section ol.lettered{ margin:0 0 12px 22px; color:var(--muted); font-size:15.5px; line-height:1.75;}
  section.policy-section li{ margin-bottom:6px;}
  section.policy-section strong{ color:var(--ink);}
  .info-card{ background:var(--mist); border-radius:var(--radius); padding:22px 24px; margin:16px 0; font-size:14.5px; color:var(--ink); line-height:1.7;}
  .info-card strong{ display:block; margin-bottom:2px; color:var(--navy);}
  table.rights-table{ width:100%; border-collapse:collapse; margin:14px 0 20px; font-size:14.5px;}
  table.rights-table th, table.rights-table td{ text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); vertical-align:top;}
  table.rights-table th{ color:var(--navy); font-size:12.5px; text-transform:uppercase; letter-spacing:0.05em;}
  table.rights-table td{ color:var(--muted);}
  .contact-box{ background:var(--navy); color:var(--white); border-radius:var(--radius); padding:32px 30px; margin-top:8px;}
  .contact-box h2{ color:var(--white); font-size:20px; margin-bottom:10px;}
  .contact-box p{ color:#C9D6EA; margin-bottom:14px;}
  .contact-box a{ color:var(--cyan); font-weight:600;}
  .contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:16px; font-size:14.5px;}
  @media (max-width:560px){ .contact-grid{grid-template-columns:1fr;} }
  .contact-grid div strong{ display:block; color:var(--white); font-size:12.5px; text-transform:uppercase; letter-spacing:0.05em; margin-bottom:4px; color:#AFC3DC;}

  footer{background:#050D22; color:#8FA3C2; padding:44px 0 28px;}
  footer .wrap{ display:flex; flex-direction:column; align-items:center; gap:14px; text-align:center;}
  footer a{color:#8FA3C2;}
  footer a:hover{color:var(--cyan);}
  .footer-bottom{font-size:12.5px; color:#5E699A; display:flex; gap:8px; flex-wrap:wrap; justify-content:center;}
