/* Termos e Privacidade (radr.izing.pt/termos e /privacidade). Desenho do quadro v116. Tudo em rem. */
@font-face{font-family:Archivo;src:url(/fonts/archivo.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(/fonts/plex-mono.woff2) format("woff2");font-weight:400;font-display:swap}

/* Tema: segue o sistema; data-tema (posto pelo servidor a partir de ?tema=) força claro ou escuro. */
:root{
  color-scheme:light;
  --fundo:#F4F6FB;--peca:#FFFFFF;--linha:#D7DBE7;--texto:#0B1026;--suave:#4A5372;--marca:#2B44E0;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme:dark){
  :root:not([data-tema="claro"]){color-scheme:dark;--fundo:#070A17;--peca:#121830;--linha:#2A3152;--texto:#EDF0F8;--suave:#A2AAC6;--marca:#8D9CFF}
}
:root[data-tema="escuro"]{color-scheme:dark;--fundo:#070A17;--peca:#121830;--linha:#2A3152;--texto:#EDF0F8;--suave:#A2AAC6;--marca:#8D9CFF}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--fundo);color:var(--texto);font-family:Archivo,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:1rem;line-height:1.625;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
a{color:var(--marca);text-decoration:underline;text-underline-offset:0.1875rem;overflow-wrap:anywhere}
a:focus-visible{outline:0.125rem solid var(--marca);outline-offset:0.125rem;border-radius:0.25rem}
code{font-family:var(--mono);font-size:0.9em}
strong{font-weight:700}

.saltar{position:absolute;left:1rem;top:-10rem;padding:0.75rem 1rem;background:var(--peca);border:1px solid var(--linha);border-radius:0.75rem;z-index:2}
.saltar:focus{top:0.75rem}

/* Cabeçalho da web (escondido na app). */
.cab-web{background:var(--peca);border-bottom:1px solid var(--linha)}
.cab-dentro{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 1rem;min-height:3.5rem;padding:0 1rem;max-width:64.5rem;margin:0 auto}
.marca{display:flex;text-decoration:none}
.marca:focus-visible{outline:0.125rem solid var(--marca);outline-offset:0.25rem;border-radius:0.25rem}
.logo{display:block;width:5rem;height:auto}
.lg-m{fill:var(--marca)}
.lg-m-t{fill:none;stroke:var(--marca)}
.lg-t{fill:var(--texto)}
.cab-direita{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:flex-end}
.paginas{display:flex;align-items:center;gap:1.75rem}
.paginas a{font-size:0.9375rem;font-weight:600;padding:0.75rem 0;white-space:nowrap}
.paginas .atual,.paginas .longo{display:none}
.paginas .atual{color:var(--texto);font-weight:700;text-decoration:none;border-bottom:0.125rem solid var(--marca);padding-bottom:0.25rem}

/* Seletor de língua (sem JavaScript): discreto, abre uma lista por baixo. */
.visivel-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.linguas{position:relative}
.linguas summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:0.375rem;min-height:2.75rem;padding:0 0.25rem;font-size:0.875rem;color:var(--suave);white-space:nowrap}
.linguas summary::-webkit-details-marker{display:none}
.linguas summary::after{content:"";width:0.4375rem;height:0.4375rem;border-right:0.125rem solid currentColor;border-bottom:0.125rem solid currentColor;transform:translateY(-0.125rem) rotate(45deg)}
.linguas[open] summary::after{transform:translateY(0.125rem) rotate(-135deg)}
.linguas summary:focus-visible{outline:0.125rem solid var(--marca);outline-offset:0.125rem;border-radius:0.25rem}
.linguas ul{position:absolute;right:0;top:100%;z-index:3;margin:0.25rem 0 0;padding:0.375rem 0;list-style:none;min-width:11rem;background:var(--peca);border:1px solid var(--linha);border-radius:0.75rem;box-shadow:0 0.5rem 1.5rem rgb(0 0 0 / 0.12)}
.linguas li{margin:0}
.linguas a{display:block;padding:0.625rem 1rem;font-size:0.9375rem;text-decoration:none;color:var(--texto)}
.linguas a:hover{text-decoration:underline}
.linguas a[aria-current]{font-weight:700;color:var(--marca)}

/* Texto. */
.layout{padding:1.25rem 1rem 1.75rem}
.lado{display:none}
h1,h2,h3{hyphens:auto;-webkit-hyphens:auto}
h1{margin:0 0 0.625rem;font-size:1.875rem;line-height:1.2;font-weight:700;letter-spacing:-0.01em}
.data{margin:0 0 1.125rem;font-family:var(--mono);font-size:0.8125rem;line-height:1.5;color:var(--suave)}
p{margin:0 0 0.875rem}
ul{margin:0 0 0.875rem;padding-left:1.25rem}
li{margin:0 0 0.375rem}
li::marker{color:var(--suave)}
section{margin-top:2.25rem}
h2{margin:0 0 0.75rem;font-size:1.25rem;line-height:1.4;font-weight:700;scroll-margin-top:1rem}
h2 .n{font-family:var(--mono);font-weight:400;color:var(--marca);margin-right:0.25rem}
h3{margin:1.5rem 0 0.625rem;font-size:1.0625rem;line-height:1.5;font-weight:700}
.cl{scroll-margin-top:1rem}
.cl .n{font-family:var(--mono);font-size:0.8125rem;font-weight:400;color:var(--suave);margin-right:0.375rem}
h3.cl .n{color:var(--marca)}

/* Índice «Nesta página». */
.indice .rotulo{margin:0 0 0.25rem;font-family:var(--mono);font-size:0.75rem;line-height:1.5;letter-spacing:0.08em;text-transform:uppercase;color:var(--suave)}
.indice ol{list-style:none;margin:0;padding:0}
.indice li{display:flex;gap:0.5rem;margin:0;padding:0.375rem 0;font-size:0.9375rem;line-height:1.4667}
.indice li .n{font-family:var(--mono);font-size:0.8125rem;color:var(--suave);min-width:1.375rem;flex:none}
.indice a{font-weight:600;text-decoration:none}
.indice a:hover{text-decoration:underline}
.indice.topo{background:var(--peca);border:1px solid var(--linha);border-radius:0.875rem;padding:0.875rem 1rem;margin:0.5rem 0}

/* Rodapé. */
.fim{border-top:1px solid var(--linha);margin-top:2.25rem;padding-top:1.125rem}
.direitos{font-family:var(--mono);font-size:0.75rem;color:var(--suave);margin-top:0.375rem}

/* Na app: a barra do Radr já tem a seta e o título. */
[data-app] .cab-web,[data-app] h1{display:none}

/* Computador: índice numa coluna à esquerda, fixo ao rolar; texto a 42,5 rem; números em coluna. */
@media (min-width:64rem){
  .cab-dentro{min-height:4.5rem;max-width:68.5rem;padding:0 2rem}
  .logo{width:6rem}
  .paginas .atual,.paginas .longo{display:inline}
  .paginas .curto{display:none}
  .layout{display:grid;grid-template-columns:15rem minmax(0,42.5rem);gap:clamp(2rem,7vw,7rem);max-width:68.5rem;margin:0 auto;padding:3rem 2rem 3.5rem;align-items:start}
  .lado{display:block;position:sticky;top:1.5rem;max-height:calc(100vh - 3rem);overflow:auto}
  .indice.topo{display:none}
  .indice.lateral ol{border-left:0.125rem solid var(--linha);padding-left:0.875rem}
  .indice.lateral li{font-size:0.875rem;padding:0.3125rem 0}
  .indice.lateral li .n{font-size:0.75rem;min-width:1.25rem}
  h1{font-size:2.5rem;line-height:1.2}
  h2{font-size:1.3125rem}
  section.num .cl{display:grid;grid-template-columns:3.25rem minmax(0,1fr)}
  section.num .cl .n{margin:0;line-height:inherit}
  section.num>p:not(.cl),section.num>ul{margin-left:3.25rem}
}