/* Sinal — folha de estilos
   Direção: jornal, não painel de controlo. Papel quente, tinta quase preta,
   títulos em serifa e linhas finas em vez de caixas. A cor tem um só trabalho,
   dizer o veredicto; tudo o resto é preto, cinza e espaço. */

:root {
  color-scheme: light;
  --papel: #f7f4ee;
  --papel-fundo: #efebe2;
  --tinta: #1c1a16;
  --tinta-suave: #5f5a50;
  --linha: #ddd6c8;
  --linha-forte: #c4bba9;
  --foco: #2f5486;
  --agora: #ad301d;
  --depois: #2f5486;
  --ignora: #736d63;
  --sem-dados: #85620c;

  /* Serifas que já vêm com cada sistema: Iowan no iPhone, Charter no Mac,
     Sitka e Cambria no Windows. Assim não há pedido a um servidor de fontes
     e a app instalada continua igual sem rede. */
  --serifa: "Iowan Old Style", Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;
  --sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

:root[data-tema="escuro"] {
  color-scheme: dark;
  --papel: #151412;
  --papel-fundo: #1d1b18;
  --tinta: #ece7dc;
  --tinta-suave: #a69f91;
  --linha: #2f2c27;
  --linha-forte: #48433a;
  --foco: #8fb0e0;
  --agora: #f08b73;
  --depois: #8fb0e0;
  --ignora: #8f897e;
  --sem-dados: #d8b55c;
}

/* O mesmo bloco repetido para quem nunca escolheu tema: segue o sistema. Não
   dá para partilhar as variáveis entre as duas regras sem pré-processador. */
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    color-scheme: dark;
    --papel: #151412;
    --papel-fundo: #1d1b18;
    --tinta: #ece7dc;
    --tinta-suave: #a69f91;
    --linha: #2f2c27;
    --linha-forte: #48433a;
    --foco: #8fb0e0;
    --agora: #f08b73;
    --depois: #8fb0e0;
    --ignora: #8f897e;
    --sem-dados: #d8b55c;
  }
}

* {
  box-sizing: border-box;
}

html {
  background: var(--papel);
  color: var(--tinta);
  font-family: var(--sans);
  font-size: 100%;
  line-height: 1.5;
  /* O Safari do iPhone aumenta sozinho o texto em blocos longos, o que
     empurrava o conteúdo para fora do ecrã. Isto desliga esse ajuste. */
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  min-width: 280px;
  margin: 0;
  /* Dados de feeds trazem URLs e nomes sem espaços; sem isto uma palavra
     comprida alargava a página no telemóvel. */
  overflow-wrap: anywhere;
}

h1,
h2,
h3,
p,
ul,
ol,
dl,
dd {
  margin: 0;
}

ul,
ol {
  padding: 0;
  list-style: none;
}

a {
  color: inherit;
}

button,
select {
  color: inherit;
  font: inherit;
}

button {
  cursor: pointer;
}

:focus-visible {
  outline: 2px solid var(--foco);
  outline-offset: 3px;
  border-radius: 2px;
}

[hidden] {
  display: none !important;
}

.pagina {
  width: min(100% - 32px, 1060px);
  margin-inline: auto;
}

.saltar {
  position: absolute;
  top: -100px;
  left: 16px;
  padding: 10px 14px;
  background: var(--tinta);
  color: var(--papel);
  z-index: 20;
}

.saltar:focus {
  top: 12px;
}

.so-leitores {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

/* ——— Cabeçalho ——— */

.cabecalho {
  position: sticky;
  top: 0;
  z-index: 10;
  border-bottom: 1px solid var(--linha);
  background: var(--papel);
}

.cabecalho__linha {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding-top: 14px;
}

.marca {
  font-family: var(--serifa);
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1;
  text-decoration: none;
}

.cabecalho__data {
  flex: 1;
  min-width: 0;
  color: var(--tinta-suave);
  font-size: 0.8rem;
}

.botao-texto {
  min-height: 44px;
  padding: 0 2px;
  border: 0;
  background: none;
  color: var(--tinta-suave);
  font-size: 0.85rem;
  text-decoration: underline;
  text-decoration-color: var(--linha-forte);
  text-underline-offset: 4px;
}

.botao-texto:hover {
  color: var(--tinta);
}

.seccoes {
  display: flex;
  gap: 22px;
}

.seccoes a {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  color: var(--tinta-suave);
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
}

.seccoes a:hover {
  color: var(--tinta);
}

.seccoes a[aria-current="page"] {
  border-bottom-color: var(--tinta);
  color: var(--tinta);
}

/* ——— Conteúdo ——— */

main {
  padding-block: 28px 56px;
}

main:focus {
  outline: none;
}

.estado {
  max-width: 34rem;
  padding-block: 40px;
}

.estado__titulo {
  margin-bottom: 6px;
  font-family: var(--serifa);
  font-size: 1.35rem;
  font-weight: 600;
}

.estado p + p {
  color: var(--tinta-suave);
}

.estado a {
  font-weight: 600;
}

.estado--erro .estado__titulo {
  color: var(--agora);
}

/* A abertura de "Para ti": uma frase que resume o dia, como o subtítulo da
   primeira página de um jornal. Substitui os painéis de números. */
.abertura {
  padding-bottom: 24px;
  border-bottom: 1px solid var(--tinta);
}

.abertura__titulo,
.titulo-vista {
  font-family: var(--serifa);
  font-size: clamp(1.75rem, 6.5vw, 2.6rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.12;
}

.abertura__titulo {
  max-width: 22ch;
}

.abertura__texto {
  max-width: 44ch;
  margin-top: 10px;
  color: var(--tinta-suave);
  font-size: 1rem;
}

.bloco {
  padding-top: 28px;
}

.bloco__titulo {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--linha);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.bloco__titulo a {
  color: var(--tinta-suave);
  font-weight: 600;
  letter-spacing: 0;
  text-decoration: none;
}

.bloco__titulo a:hover {
  color: var(--tinta);
  text-decoration: underline;
}

.fim {
  padding-top: 28px;
  color: var(--tinta-suave);
  font-family: var(--serifa);
  font-size: 1.05rem;
  font-style: italic;
}

.fim a {
  font-family: var(--sans);
  font-style: normal;
  font-weight: 600;
}

/* ——— Marca do veredicto ———
   A palavra está sempre escrita; o quadrado é só um reforço. A forma muda
   também (cheio, oco, tracejado) para não depender só da cor. */
.veredicto {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.2;
}

.veredicto::before {
  content: "";
  flex: 0 0 auto;
  width: 9px;
  height: 9px;
  background: currentColor;
}

.veredicto--agora { color: var(--agora); }
.veredicto--depois { color: var(--depois); }
.veredicto--ruido { color: var(--ignora); }
.veredicto--ruido::before { border: 1.5px solid currentColor; background: none; }
.veredicto--incerto { color: var(--sem-dados); }
.veredicto--incerto::before { border: 1.5px dashed currentColor; background: none; }

/* ——— Metadados: fonte · confiança · data ——— */

.meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 0;
  color: var(--tinta-suave);
  font-size: 0.78rem;
}

.meta > * + *::before {
  content: "·";
  margin-inline: 7px;
}

/* A camada diz se aquilo é facto ou conversa. Um traço cheio para fonte
   oficial, um traço oco para o que só está a circular. */
.camada {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.camada__ponto {
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: 1.5px solid currentColor;
}

.camada--1 .camada__ponto,
.camada--3 .camada__ponto {
  background: currentColor;
}

/* ——— Entradas de "Para ti" ——— */

.entrada {
  position: relative;
  padding-block: 20px;
  border-bottom: 1px solid var(--linha);
}

.entrada__titulo {
  margin-top: 8px;
  font-family: var(--serifa);
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.22;
}

.entrada__texto {
  max-width: 62ch;
  margin-top: 6px;
  color: var(--tinta-suave);
  font-size: 0.95rem;
}

.entrada__acao {
  max-width: 62ch;
  margin-top: 10px;
  padding-left: 12px;
  border-left: 2px solid var(--agora);
  font-size: 0.95rem;
  font-weight: 600;
}

.entrada .meta {
  margin-top: 10px;
}

/* ——— Linhas de "Tudo" e de "Para depois" ——— */

.linha {
  position: relative;
  padding-block: 14px;
  border-bottom: 1px solid var(--linha);
}

.linha__titulo {
  margin-top: 5px;
  font-family: var(--serifa);
  font-size: 1.08rem;
  font-weight: 600;
  line-height: 1.28;
}

.linha__texto {
  display: -webkit-box;
  max-width: 68ch;
  margin-top: 3px;
  overflow: hidden;
  color: var(--tinta-suave);
  font-size: 0.88rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.linha .meta {
  margin-top: 6px;
}

/* A ligação do título estica-se por cima da linha inteira: no telemóvel
   toca-se em qualquer sítio da notícia, não só nas letras do título. */
.ligacao-item {
  text-decoration: none;
}

.ligacao-item::after {
  content: "";
  position: absolute;
  inset: 0;
}

.ligacao-item:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.ligacao-item:focus-visible {
  outline: none;
}

.ligacao-item:focus-visible::after {
  outline: 2px solid var(--foco);
  outline-offset: -2px;
}

/* Ignora aparece apagado, nunca escondido: vê-se que foi visto e porquê. */
.linha--ruido .linha__titulo,
.linha--ruido .linha__texto {
  color: var(--ignora);
}

.linha--ruido .linha__titulo {
  font-weight: 500;
}

/* Os factos verificados numa linha pequena e técnica: rótulo apagado, valor
   a cheio. Duas linhas no máximo; a ficha inteira está na página do item. */
.factos-linha {
  display: -webkit-box;
  max-width: 68ch;
  margin-top: 6px;
  overflow: hidden;
  font-size: 0.8rem;
  font-variant-numeric: tabular-nums;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.factos-linha__facto + .factos-linha__facto::before {
  content: "·";
  margin-inline: 7px;
  color: var(--tinta-suave);
}

.factos-linha__rotulo {
  color: var(--tinta-suave);
}

.linha--ruido .factos-linha {
  color: var(--ignora);
}

/* ——— "Tudo": controlos ——— */

.tudo__topo {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.contagem {
  color: var(--tinta-suave);
  font-size: 0.85rem;
}

.controlos {
  display: grid;
  gap: 12px;
  margin-top: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--tinta);
}

/* Os botões partem para a linha seguinte em vez de deslizarem: um botão
   cortado na margem não diz que há mais à direita. */
.segmentos {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.segmentos button {
  flex: 0 0 auto;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid var(--linha-forte);
  border-radius: 999px;
  background: none;
  font-size: 0.85rem;
  font-weight: 600;
}

.segmentos button:hover {
  border-color: var(--tinta);
}

.segmentos button[aria-pressed="true"] {
  border-color: var(--tinta);
  background: var(--tinta);
  color: var(--papel);
}

.segmentos .conta {
  margin-left: 5px;
  font-weight: 400;
  opacity: 0.75;
}

.selectores {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
}

/* A área ocupa a linha inteira no telemóvel: é o selector de nomes longos. */
.selectores label:last-child {
  grid-column: 1 / -1;
}

.selectores label {
  display: grid;
  gap: 3px;
  color: var(--tinta-suave);
  font-size: 0.75rem;
  font-weight: 600;
}

select {
  width: 100%;
  min-height: 44px;
  padding: 0 6px 0 10px;
  border: 1px solid var(--linha-forte);
  border-radius: 6px;
  background: var(--papel);
  color: var(--tinta);
  font-size: 0.9rem;
}

.grupo-data {
  padding-top: 26px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--linha-forte);
  color: var(--tinta-suave);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.mais {
  display: flex;
  justify-content: center;
  padding-top: 24px;
}

.botao {
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid var(--tinta);
  border-radius: 999px;
  background: none;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
}

.botao:hover {
  background: var(--tinta);
  color: var(--papel);
}

/* ——— Ignorados ———
   Fechada por omissão, no fim de Tudo. Fechada é só uma linha com o
   contador; aberta é uma lista seca, ordenada pela nota, com a nota em
   número grande à esquerda — é o que decide se vale a pena abrir o item. */

.ignorados {
  margin-top: 48px;
  border-top: 1px solid var(--tinta);
}

.ignorados__resumo {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 14px;
  min-height: 56px;
  padding-block: 14px;
  cursor: pointer;
  list-style: none;
}

.ignorados__resumo::-webkit-details-marker {
  display: none;
}

/* A seta é um carácter e não uma imagem: herda a cor e o tamanho do texto.
   Roda 90 graus ao abrir, para o estado se ler sem palavras. */
.ignorados__resumo::before {
  content: "›";
  display: inline-block;
  width: 0.7em;
  color: var(--tinta-suave);
  font-size: 1.2rem;
  line-height: 1;
}

.ignorados[open] > .ignorados__resumo::before {
  transform: rotate(90deg);
}

.ignorados__titulo {
  font-family: var(--serifa);
  font-size: 1.3rem;
  font-weight: 600;
}

.ignorados__conta {
  color: var(--tinta-suave);
  font-size: 0.85rem;
  font-variant-numeric: tabular-nums;
}

.ignorados__resumo:hover .ignorados__titulo {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.ignorados__explicacao {
  max-width: 62ch;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--linha-forte);
  color: var(--tinta-suave);
  font-size: 0.85rem;
}

.ignorada {
  position: relative;
  display: grid;
  grid-template-columns: 2.6rem minmax(0, 1fr);
  column-gap: 12px;
  padding-block: 12px;
  border-bottom: 1px solid var(--linha);
}

.ignorada > :not(.ignorada__nota) {
  grid-column: 2;
}

.ignorada__nota {
  grid-row: span 3;
  color: var(--ignora);
  font-family: var(--serifa);
  font-size: 1.6rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.ignorada__titulo {
  font-family: var(--serifa);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
}

.ignorada__texto {
  display: -webkit-box;
  max-width: 68ch;
  margin-top: 3px;
  overflow: hidden;
  color: var(--tinta-suave);
  font-size: 0.85rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ignorada .meta {
  margin-top: 5px;
}

.ignorada__razao {
  color: var(--sem-dados);
  font-weight: 600;
}

/* ——— Página do item ——— */

.artigo {
  max-width: 44rem;
}

.voltar {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: -14px;
  color: var(--tinta-suave);
  font-size: 0.88rem;
  font-weight: 600;
  text-decoration: none;
}

.voltar:hover {
  color: var(--tinta);
}

.artigo__area {
  margin-top: 6px;
  color: var(--tinta-suave);
  font-size: 0.8rem;
  font-weight: 600;
}

.artigo .veredicto {
  margin-top: 18px;
  font-size: 1rem;
}

.artigo .veredicto::before {
  width: 11px;
  height: 11px;
}

.artigo__titulo {
  margin-top: 8px;
  font-family: var(--serifa);
  font-size: clamp(1.7rem, 6vw, 2.4rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.12;
}

.artigo__subtitulo {
  margin-top: 10px;
  color: var(--tinta-suave);
  font-family: var(--serifa);
  font-size: 1.15rem;
  line-height: 1.45;
}

.artigo > .meta {
  margin-top: 14px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--linha);
}

/* "Ignorado" leva a mesma forma das marcas de veredicto, mas sem quadrado:
   não é um veredicto, e não deve parecer um. */
.veredicto--ignorado {
  color: var(--ignora);
}

.veredicto--ignorado::before {
  display: none;
}

.artigo__razao {
  margin-top: 22px;
  padding: 2px 0 2px 14px;
  border-left: 3px solid var(--linha-forte);
  color: var(--tinta-suave);
  font-size: 0.98rem;
}

.artigo__acao {
  margin-top: 22px;
  padding: 2px 0 2px 14px;
  border-left: 3px solid var(--agora);
  font-size: 1.02rem;
  font-weight: 600;
}

.artigo__acao span {
  display: block;
  color: var(--tinta-suave);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.parte {
  margin-top: 28px;
}

.parte__titulo {
  margin-bottom: 8px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.parte__texto {
  font-family: var(--serifa);
  font-size: 1.08rem;
  line-height: 1.6;
}

.parte__nota {
  margin-top: 8px;
  color: var(--tinta-suave);
  font-size: 0.85rem;
}

.parte__nota--original {
  font-family: var(--sans);
  font-size: 0.92rem;
  line-height: 1.55;
}

.ficha {
  border-top: 1px solid var(--linha);
}

.ficha div {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 12px;
  padding-block: 9px;
  border-bottom: 1px solid var(--linha);
  font-size: 0.92rem;
}

.ficha dt {
  color: var(--tinta-suave);
}

.ficha dd {
  font-weight: 600;
}

.duvidas li {
  position: relative;
  padding: 6px 0 6px 18px;
  font-size: 0.98rem;
}

.duvidas li::before {
  content: "?";
  position: absolute;
  left: 0;
  color: var(--sem-dados);
  font-weight: 700;
}

.artigo__fonte {
  display: inline-flex;
  align-items: center;
  margin-top: 32px;
}

.rodape {
  padding-block: 20px 36px;
  border-top: 1px solid var(--linha);
  color: var(--tinta-suave);
  font-size: 0.78rem;
}

/* ——— Notificações, no rodapé ———
   Fica fora do caminho de leitura: liga-se uma vez por aparelho e esquece-se. */

.avisos {
  max-width: 34rem;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--linha);
}

.avisos__titulo {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--tinta);
}

.avisos__estado {
  margin-top: 4px;
  font-size: 0.85rem;
}

.avisos__accoes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
}

.avisos__accoes:not(:has(button:not([hidden]))) {
  display: none;
}

.avisos .botao {
  color: var(--tinta);
}

.avisos__subscricao {
  display: grid;
  gap: 6px;
  margin-top: 12px;
}

.avisos__subscricao label {
  font-size: 0.85rem;
}

.avisos__subscricao code {
  font-size: 0.8rem;
}

.avisos__subscricao textarea {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid var(--linha-forte);
  border-radius: 6px;
  background: var(--papel-fundo);
  color: var(--tinta);
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: 0.75rem;
  resize: vertical;
}

.avisos__subscricao .botao-texto {
  justify-self: start;
}

/* ——— PC ——— */

@media (min-width: 720px) {
  .pagina {
    width: min(100% - 64px, 1060px);
  }

  .cabecalho__linha {
    padding-top: 18px;
  }

  .marca {
    font-size: 1.9rem;
  }

  main {
    padding-top: 40px;
  }

  .selectores {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 0.8fr) minmax(0, 1.4fr);
    max-width: 44rem;
  }

  .selectores label:last-child {
    grid-column: auto;
  }

  /* No PC a nota fica numa coluna à esquerda, como a do veredicto nas
     linhas de cima: as duas listas lêem-se com o mesmo movimento de olhos. */
  .ignorada {
    grid-template-columns: 7.5rem minmax(0, 1fr);
    column-gap: 20px;
  }

  /* No PC o veredicto passa para uma coluna à esquerda, como a secção de um
     índice: os olhos descem pela coluna e apanham logo os "Agora". */
  .linha {
    display: grid;
    grid-template-columns: 7.5rem minmax(0, 1fr);
    column-gap: 20px;
  }

  .linha > .veredicto {
    grid-row: span 4;
    align-self: start;
    margin-top: 4px;
  }

  /* Tudo o resto vai para a coluna do texto, sejam três linhas ou quatro (a
     dos factos só existe quando a fase 3 os deixou). Sem isto, uma linha a
     mais caía para debaixo do veredicto. */
  .linha > :not(.veredicto) {
    grid-column: 2;
  }

  .linha__titulo {
    margin-top: 0;
  }

  .linha--compacta {
    display: block;
  }

  .linha--compacta .linha__titulo {
    margin-top: 5px;
  }
}

@media (min-width: 960px) {
  /* "Para ti" em duas colunas: os "Agora" à esquerda com espaço para ler,
     os "Para depois" numa coluna estreita ao lado, como as notícias
     secundárias de um jornal. */
  .para-ti {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 20rem);
    column-gap: 48px;
    align-items: start;
  }

  .para-ti .abertura,
  .para-ti .fim {
    grid-column: 1 / -1;
  }

  .para-ti .bloco--lateral {
    position: sticky;
    top: 120px;
  }

  .entrada__titulo {
    font-size: 1.5rem;
  }

  .tudo {
    max-width: 52rem;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .segmentos button,
  .botao,
  .seccoes a {
    transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
  }

  .ignorados__resumo::before {
    transition: transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
  }
}