/* Estilos das páginas de documento legal do SONNAR — política de
   privacidade, termos de uso e exclusão de conta. Extraído do HTML da
   política para que as três páginas compartilhem a mesma folha em vez de
   repetir o bloco <style> em cada arquivo. */
  :root{
    --ink:#141716;
    --hull:#1D2220;
    --foam:#EDF1EE;
    --haze:#96A19B;
    --signal:#00e00f;
    --glow:#b2ffb7;
    --line:rgba(150,161,155,.22);

    --display:"Bricolage Grotesque", "Trebuchet MS", sans-serif;
    --body:"IBM Plex Sans", system-ui, sans-serif;
    --mono:"IBM Plex Mono", ui-monospace, monospace;

    --pad:clamp(20px, 5vw, 72px);
  }

  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:var(--ink);color:var(--foam);font-family:var(--body);font-size:17px;line-height:1.68;-webkit-font-smoothing:antialiased}
  a{color:inherit}
  h1,h2,h3{font-family:var(--display);margin:0;line-height:1.08;letter-spacing:-.02em;font-weight:800}
  p{margin:0}

  .wrap{max-width:1180px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
  .mono{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--haze)}

  header{position:sticky;top:0;z-index:50;background:rgba(20,23,22,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
  .nav{display:flex;align-items:center;gap:24px;height:68px}
  .mark{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;font-size:21px;letter-spacing:-.03em;text-decoration:none;transition:opacity .18s ease}
.mark:hover,.mark:focus-visible{opacity:.8}
  .mark i{width:9px;height:9px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 0 rgba(53,196,110,.6);animation:beat 2.6s infinite}
  @keyframes beat{0%{box-shadow:0 0 0 0 rgba(53,196,110,.55)}70%{box-shadow:0 0 0 12px rgba(53,196,110,0)}100%{box-shadow:0 0 0 0 rgba(53,196,110,0)}}
  .back{margin-left:auto;text-decoration:none;font-size:15px;color:var(--haze);display:inline-flex;align-items:center;gap:8px;transition:color .18s ease}
  .back:hover,.back:focus-visible{color:var(--foam)}
  :focus-visible{outline:2px solid var(--glow);outline-offset:3px;border-radius:4px}

  .title{padding:clamp(46px,7vw,84px) 0 clamp(30px,4vw,44px);border-bottom:1px solid var(--line)}
  h1{font-size:clamp(32px,5.4vw,58px);max-width:18ch;margin-top:20px}
  .meta{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:26px}
  .meta span{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--haze)}
  .meta b{color:var(--foam);font-weight:500}

  .doc{display:grid;grid-template-columns:230px 1fr;gap:clamp(28px,6vw,72px);padding:clamp(38px,5vw,64px) 0 90px;align-items:start}

  .toc{position:sticky;top:96px;border-left:1px solid var(--line);padding-left:18px}
  .toc h2{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--haze);font-weight:500;margin-bottom:14px}
  .toc a{display:block;text-decoration:none;color:#B2BAB6;font-size:14.5px;line-height:1.4;padding:7px 0;transition:color .18s ease}
  .toc a:hover,.toc a:focus-visible{color:var(--signal)}

  article{max-width:70ch}
  article > p{margin-bottom:18px;color:#D2D8D4}
  article section{padding-top:38px}
  article section:first-of-type{padding-top:0}
  article h2{font-size:clamp(23px,2.6vw,30px);margin-bottom:16px;scroll-margin-top:92px}
  article h2::before{content:"";display:block;width:34px;height:2px;background:var(--signal);margin-bottom:16px}
  article h3{font-size:19px;margin:26px 0 12px;font-weight:600}
  article ul{margin:0 0 18px;padding-left:20px;color:#D2D8D4}
  article li{margin-bottom:10px}
  article li b{color:var(--foam);font-weight:600}
  article li::marker{color:var(--glow)}
  article a{color:var(--glow);text-decoration:none;border-bottom:1px solid rgba(53,196,110,.5);transition:color .18s ease}
  article a:hover,article a:focus-visible{color:var(--signal)}

  .callout{background:var(--hull);border:1px solid var(--line);border-left:3px solid var(--signal);border-radius:0 14px 14px 0;padding:22px 24px;margin:8px 0 18px}
  .callout p{color:#C7CDC9;font-size:15.5px}
  .callout p + p{margin-top:10px}

  .validity{margin-top:44px;padding-top:22px;border-top:1px solid var(--line);font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;color:var(--haze);line-height:1.7}

  footer{border-top:1px solid var(--line);padding:52px 0 40px;background:#0E100F}
  .foot-blurb{color:var(--haze);font-size:14.5px;max-width:34ch;margin-top:14px}
  .foot-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line);font-size:14px;color:var(--haze)}
  .foot-bottom a{color:var(--foam);text-decoration:none;border-bottom:1px solid rgba(53,196,110,.55);padding-bottom:1px;transition:color .18s ease}
  .foot-bottom a:hover,.foot-bottom a:focus-visible{color:var(--signal)}

  @media (max-width:900px){
    .doc{grid-template-columns:1fr}
    .toc{position:static;border-left:0;border-top:1px solid var(--line);padding:20px 0 0}
    .toc a{padding:5px 0}
  }
  @media (prefers-reduced-motion: reduce){
    *{animation:none !important;transition:none !important}
    html{scroll-behavior:auto}
  }