/* Páginas de texto longo (política e termos). Seguem o tema do aparelho; só o
     cabeçalho, em base.css, é grafite nos dois. Design system v2 §9.2. */
  :root{
    --fundo:#edeff2; --texto:#0e1215; --suave:#5f6973; --linha:#cdd3d9;
    --caixa:#f5f6f8; --acento:#155a05; --alerta:#8a5b12; --alerta-fundo:#f9edd3;
    --largura:44rem;
  }
  @media (prefers-color-scheme: dark){
    :root{
      --fundo:#0a0d10; --texto:#e8ebee; --suave:#8a949e; --linha:#313a42;
      --caixa:#1b2126; --acento:#b4ec96; --alerta:#e0b269; --alerta-fundo:#2e2410;
      color-scheme:dark;
    }
  }
  body{
    margin:0; background:var(--fundo); color:var(--texto);
    font:16px/1.65 var(--sans);
  }
  .env{max-width:var(--largura); margin:0 auto; padding:0 1.25rem}
  main{padding:2.5rem 0 4rem}
  h1{font-size:2rem; line-height:1.2; margin:0 0 .5rem; letter-spacing:-.02em}
  h2{
    font:700 1.15rem/1.3 var(--sans);
    margin:2.75rem 0 .75rem; padding-top:1.25rem; border-top:1px solid var(--linha);
  }
  h3{font:700 .95rem/1.4 var(--sans); margin:1.5rem 0 .4rem}
  p,li{margin:0 0 .85rem}
  ul{padding-left:1.15rem}
  a{color:var(--acento)}
  .meta{
    font:400 .875rem/1.5 var(--sans);
    color:var(--suave); margin:0 0 2rem;
  }
  .meta strong{color:var(--texto)}
  .aviso{
    background:var(--alerta-fundo); border:1px solid var(--alerta);
    border-radius:.75rem; padding:1rem 1.15rem; margin:1.5rem 0;
  }
  .aviso p:last-child{margin-bottom:0}
  .aviso strong{color:var(--alerta)}
  .rolagem{overflow-x:auto; margin:1.25rem 0; -webkit-overflow-scrolling:touch}
  table{
    border-collapse:collapse; width:100%; min-width:34rem;
    font:400 .9rem/1.5 var(--sans);
  }
  th,td{border:1px solid var(--linha); padding:.6rem .7rem; text-align:left; vertical-align:top}
  th{background:var(--caixa); font-weight:700}
  code{
    font:400 .875em/1.4 var(--mono);
    background:var(--caixa); padding:.1em .35em; border-radius:.25rem;
  }
  footer{border-top:1px solid var(--linha); margin-top:3rem; padding:1.75rem 0 3rem}
  footer p{font:400 .875rem/1.6 var(--sans); color:var(--suave)}
  @media (max-width:34rem){ h1{font-size:1.6rem} body{font-size:15px} }