/* Página pública da política de privacidade do Gravitar: leve, sem o app (a CSP proíbe estilo embutido), com a mesma
   tipografia (Sofia Sans) e as cores do Órbita Creme. Segue o tema escolhido no app (data-theme, aplicado pelo
   inicio.js) e, sem escolha, o do sistema. */
@font-face {
  font-family: "Sofia Sans";
  src: url("../fonts/SofiaSans.woff2") format("woff2");
  font-weight: 1 1000;
  font-style: normal;
  font-display: swap;
}
:root { --canvas: #f3f0ee; --ink: #141413; --slate: #696969; --dust: #d1cdc7; --link: #3860be; --arc: #f37338; color-scheme: light; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --canvas: #141413; --ink: #f3f0ee; --slate: #a8a39d; --dust: #4a4642; --link: #7d9ce6; color-scheme: dark; }
}
:root[data-theme="dark"] { --canvas: #141413; --ink: #f3f0ee; --slate: #a8a39d; --dust: #4a4642; --link: #7d9ce6; color-scheme: dark; }

body { margin: 0; font: 450 17px/1.6 "Sofia Sans", Arial, sans-serif; background: var(--canvas); color: var(--ink); }
main { max-width: 51ch; margin: 0 auto; padding: 48px 16px 72px; } /* 60 a 70 caracteres por linha com a Sofia Sans */
.marca { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 36px; font-size: 20px; font-weight: 500; letter-spacing: -.02em;
  color: var(--ink); text-decoration: none; min-height: 44px; }
/* A saída da página no app instalado (sem barra do navegador): alvo de 44 px. */
.voltar { display: inline-flex; align-items: center; min-height: 44px; margin-top: 24px; font-weight: 500; }
.simbolo { width: 32px; height: 32px; flex: none; }
.s-nucleo { fill: var(--ink); }
.s-corte { fill: none; stroke: var(--canvas); stroke-width: 4.6; stroke-linecap: round; }
.s-orbita { fill: none; stroke: var(--arc); stroke-width: 1.8; stroke-linecap: round; }
.s-sat { fill: var(--arc); }
h1 { margin: 0 0 8px; font-size: clamp(34px, 6vw, 48px); font-weight: 500; line-height: 1.1; letter-spacing: -.025em; }
h2 { margin: 40px 0 8px; padding-top: 14px; border-top: 1px solid var(--dust); font-size: 20px; font-weight: 500; letter-spacing: -.01em; }
.sub { margin: 0; color: var(--slate); font-size: 14px; }
ul { padding-left: 1.2rem; }
li { margin: .5rem 0; }
a { color: var(--link); text-underline-offset: 3px; }
:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }