/* AXIS · v3 · "A mesa do jurídico" · as cenas e as interfaces (diagramador, 16/10/2026). Carregada depois de direcao.css.
   Nasce da folha das cenas do salto (salto/comum/textos/cenas.css, com os itens das três críticas: C1, C6 a C12, A-N2 a A-N4,
   A-c3, B-N1 a B-N8), numa direção só: as fotos de papel da série B recebem tinta sobre papel (com a cor dos dados, R074,
   R076), as telas pintadas de grafite recebem o vidro aceso (o celular do canal, a tela clara). Só tokens de ../cor/
   (nenhum hex aqui; o montador recusa). Classes com o prefixo axs-. WebKit: transform/scale, nunca zoom; text-wrap: balance
   ou nada. A consulta estreita é (max-width:899px); o montador a troca, numa passada, pela do iPad Pro em pé quando o motor
   do engenheiro também usa a dela. */

/* ===== as variáveis das interfaces: o vidro aceso, a tela clara, a tinta sobre o papel ===== */
.axs-tela--vidro,.axs-tela--mini.axs-tela--vidro{--ui-fundo:var(--vidro);--ui-tinta:var(--vidro-texto);--ui-tinta-2:var(--vidro-texto-2);--ui-fio:color-mix(in oklab,var(--vidro-texto-2) 26%,transparent);
  --ui-bloco:var(--vidro-cartao);--ui-sinal:var(--sinal-vidro);--ui-ok:var(--cat-4);--ui-relato:var(--relato);--ui-atencao:var(--escala-6);--ui-critico:var(--sinal-vidro);
  --ui-papel:var(--papel);--ui-papel-tinta:var(--tinta);--ui-marca:color-mix(in oklab,var(--sinal-vidro) 38%,transparent);--ui-marca-papel:color-mix(in oklab,var(--sinal) 26%,transparent);
  --g-grade:color-mix(in oklab,var(--vidro-texto-2) 22%,transparent);--g-traco:var(--vidro-texto);--g-barra:var(--cat-1);--g-sinal:var(--sinal-vidro);--g-texto:var(--vidro-texto-2);--g-tinta:var(--vidro-texto);--g-ok:var(--cat-4);
  --ui-f1:var(--cat-1);--ui-f2:var(--cat-2);--ui-f3:var(--cat-3);--ui-f4:var(--cat-4);--ui-f5:var(--cat-5);--ui-lv-claro:var(--vidro)}
/* E2 (guardião) e erro 2 (revisor): nos impressos e nas telas claras a tinta é sempre a do papel, nunca a da cena (a cena
   escura trocava --tinta por um claro, que em multiply sumia no papel). --papel-tinta guarda, na raiz, a tinta da lógica de cor */
:root{--papel-tinta:var(--tinta);--papel-tinta-2:var(--tinta-suave)}
.axs-tela--papel,.axs-tela--claro,.axs-tela--fonte,.axs-folha,.axs-tv--papel{--tinta:var(--papel-tinta);--tinta-suave:var(--papel-tinta-2);--tinta-2:var(--papel-tinta-2)}
.axs-tela--papel,.axs-tela--claro,.axs-folha{--ui-fundo:transparent;--ui-tinta:var(--tinta);--ui-tinta-2:var(--tinta-suave);--ui-fio:color-mix(in oklab,var(--tinta) 20%,transparent);
  --ui-bloco:color-mix(in oklab,var(--tinta) 6%,transparent);--ui-sinal:var(--sinal);--ui-ok:var(--cat-4);--ui-relato:var(--relato);--ui-atencao:var(--escala-6);--ui-critico:var(--sinal);
  --ui-papel:transparent;--ui-papel-tinta:var(--tinta);--ui-marca:color-mix(in oklab,var(--sinal) 22%,transparent);--ui-marca-papel:color-mix(in oklab,var(--sinal) 22%,transparent);
  --g-grade:color-mix(in oklab,var(--tinta) 14%,transparent);--g-traco:var(--tinta);--g-barra:var(--cat-1);--g-sinal:var(--sinal);--g-texto:var(--tinta-suave);--g-tinta:var(--tinta);--g-ok:var(--cat-4);
  --ui-f1:var(--cat-1);--ui-f2:var(--cat-2);--ui-f3:var(--cat-3);--ui-f4:var(--cat-4);--ui-f5:var(--cat-5);--ui-lv-claro:var(--papel)}
.axs-tela--claro{--ui-fundo:var(--superficie);--ui-bloco:color-mix(in oklab,var(--tinta) 5%,var(--superficie))}

/* ===== a composição da cena de trilha ===== */
.axs-ct{flex-direction:column}
/* E10 (diretor de arte, 17/10): sem ponto médio entre metadados; dois elementos, separados por um vão (0,75 em com o espaço)
   e pelo peso: o segundo no peso do texto; dentro das interfaces, também na tinta de apoio */
.axs-sep{display:inline-block;width:.5em;height:0}
.axs-sep-2{font-weight:var(--voz-peso-texto)}
.axs-ui .axs-sep-2,.axs-app .axs-sep-2,.axs-pn .axs-sep-2,.axs-pain .axs-sep-2{color:var(--ui-tinta-2,inherit)}
.axs-rotulo-n{margin-left:.5em;font-weight:var(--voz-peso-texto);color:var(--tinta-suave);font-variant-numeric:tabular-nums}
.axs-ct--foto .axs-rotulo-n{color:var(--tinta-2)}
.axs-ui-sub{flex:none;white-space:nowrap;color:var(--ui-tinta-2)}
.axs-ui-org:has(+ .axs-ui-sub){color:var(--ui-tinta);flex:none}
.axs-ca-sub{margin-left:.75em;font-weight:var(--voz-peso-texto);color:var(--ui-tinta-2)}
.axs-numero{margin:0 0 6px;font-family:var(--voz-numero);font-weight:var(--voz-peso-numero);font-stretch:100%;font-size:60px;line-height:1;letter-spacing:-.02em;font-variant-numeric:var(--voz-algarismos);color:var(--tinta)}
.axs-numero--par{display:flex;flex-direction:column;align-items:flex-start;gap:0;font-size:40px}
.axs-numero--par .axs-numero-sep{display:none}
.axs-h1--trilha{max-width:9.5em}
.axs-h1--dados{font-size:calc(var(--h1) * var(--voz-escala-titulo) * .62);max-width:12em}
.axs-h1--teste{max-width:12em}
.axs-tema{margin:8px 0 0;font-size:15px;color:var(--tinta-2)}
.axs-fonte{margin:12px 0 0;max-width:30em;font-size:15px;line-height:1.4;color:var(--tinta-2)}
.axs-fonte b{font-weight:var(--voz-peso-menu);font-stretch:100%;color:var(--tinta)}
.axs-painel--grande{font-size:19px;max-width:28em}
.axs-rotulo-ex{margin:16px 0 0;font-size:15px;color:var(--tinta-2);max-width:30em}
.axs-link{display:inline-flex;align-items:center;min-height:54px;padding:12px 4px;margin-left:10px;font-weight:var(--voz-peso-menu);font-stretch:100%;color:var(--tinta);text-underline-offset:5px;text-decoration-thickness:1.5px}
.axs-acoes .axs-link{margin-left:0}
b,strong{font-weight:var(--voz-peso-menu);font-stretch:100%}
/* o ícone da função ao lado do rótulo da primeira cena (o mesmo do paredão): a etiqueta da trilha */
.axs-rot-ic{display:inline-block;width:22px;height:22px;margin:0 9px 0 0;vertical-align:-6px;color:var(--icone)}
.axs-rot-ic svg{display:block;width:100%;height:100%;stroke-width:1.5px}
.axs-ct--escuro-h .axs-rot-ic,.axs-ct--escuro-v .axs-rot-ic{color:var(--escuro-tinta)}
/* o ícone de função no cabeçalho da interface (le, junta, avisa, canal, camadas) */
.axs-ui-ic{display:inline-block;width:1.25em;height:1.25em;flex:none;color:var(--icone)}
.axs-tela--vidro .axs-ui-ic{color:var(--acento-vivo)}
.axs-ui-ic svg{display:block;width:100%;height:100%;stroke-width:1.6px}

/* ler mais: fechado por padrão; o que se abre rola dentro do painel, nunca a tela */
.axs-mais{margin:14px 0 0;max-width:26em;font-size:17px}
.axs-mais summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:var(--voz-peso-menu);font-stretch:100%;color:var(--tinta)}
.axs-mais summary::-webkit-details-marker{display:none}
.axs-mais summary::before{content:"";width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-3px) rotate(45deg)}
.axs-mais[open] summary::before{transform:translateY(2px) rotate(-135deg)}
.axs-mais-corpo{margin:2px 0 0;padding:2px 0 4px 16px;max-height:30svh;overflow:auto;color:var(--tinta-2);border-left:1.5px solid var(--fio)}
.axs-mais-corpo p{margin:0 0 10px}
.axs-mais-corpo p:last-child{margin-bottom:0}
.axs-mais-corpo a{color:var(--tinta)}
.axs-diasl{margin:10px 0 0;display:grid;gap:8px}
.axs-diasl div{display:grid;grid-template-columns:4.4em 1fr;gap:8px;align-items:start}
.axs-diasl dt{font-weight:var(--voz-peso-menu);font-stretch:100%;color:var(--tinta);font-variant-numeric:var(--voz-algarismos)}
.axs-diasl dd{margin:0}
.axs-diasl--alerta dt::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--sinal);margin-left:6px;vertical-align:middle}
.axs-pr{margin:0;display:grid;gap:10px}
.axs-pr dt{font-weight:var(--voz-peso-menu);font-stretch:100%;color:var(--tinta)}
.axs-pr dd{margin:2px 0 0}
.axs-mais-sub{margin:12px 0 6px;font-weight:var(--voz-peso-menu);font-stretch:100%;color:var(--tinta)}
.axs-mais--estreito .axs-mais-corpo>.axs-painel{margin:0 0 10px;padding-left:0;border-left:0;color:var(--tinta-2);font-size:inherit;max-width:none}
.axs-mais--estreito .axs-mais-corpo>.axs-painel--lista{display:grid;gap:4px;color:var(--tinta)}
.axs-mais--estreito .axs-fonte,.axs-mais--estreito .axs-rotulo-ex{margin:0 0 10px}
.axs-mais--estreito .axs-acoes{margin:12px 0 4px}
.axs-mais--estreito .axs-mais-corpo>.axs-linha{margin:0 0 10px;font-size:inherit;color:var(--tinta)}
.axs-mais-link{margin:2px 0 0}
.axs-mais-link .axs-link{margin-left:0;min-height:44px;padding:8px 0}

/* formulário de demonstração */
.axs-form{margin:14px 0 0;max-width:26em}
.axs-campos{display:grid;gap:10px}
.axs-campo{margin:0;display:grid;gap:4px}
.axs-campo label{font-size:15px;color:var(--tinta-2)}
.axs-campo input,.axs-campo select{font:inherit;font-size:17px;min-height:48px;width:100%;padding:10px 12px;border:1.5px solid var(--campo-borda);border-radius:12px;background:color-mix(in oklab,var(--campo-input) 80%,transparent);color:var(--tinta)}
.axs-campo input:focus-visible,.axs-campo select:focus-visible{outline:2px solid var(--foco);outline-offset:2px}
.axs-campo [aria-invalid="true"]{border-color:var(--erro)}
.axs-erro{font-size:15px;color:var(--erro);font-weight:var(--voz-peso-menu);font-stretch:100%}
.axs-form .axs-acoes{margin-top:14px}
.axs-aviso{margin:12px 0 0;max-width:30em;font-size:15px;line-height:1.4;color:var(--tinta-2)}
.axs-aviso a{color:var(--tinta)}
.axs-recebido{margin:16px 0 0;max-width:26em;font-size:19px;color:var(--tinta)}
.axs-demo{display:block;margin-top:6px;font-size:15px;color:var(--tinta-2)}
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){.axs-form{max-width:34em}.axs-campos{grid-template-columns:1fr 1fr}.axs-campo:last-child{grid-column:1 / -1}}

/* o teste: as opções são links para a cena seguinte (sem JavaScript o teste já anda); a escolhida fica marcada */
.axs-ops{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px;max-width:26em}
.axs-op{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:100%;margin:0;font-family:inherit;line-height:1.3;text-align:left;cursor:pointer;display:flex;align-items:center;min-height:52px;padding:12px 18px;border:1.5px solid var(--campo-borda);border-radius:999px;background:color-mix(in oklab,var(--campo-input) 70%,transparent);color:var(--tinta);text-decoration:none;font-size:17px;font-weight:var(--voz-peso-menu);font-stretch:100%}
.axs-op:hover,.axs-op:focus-visible{border-color:var(--tinta);background:var(--campo-input)}
.axs-op:focus-visible{outline:2px solid var(--foco);outline-offset:2px}
.axs-op[aria-pressed="true"]{background:var(--botao);color:var(--botao-tinta);border-color:var(--botao)}
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){.axs-ops{grid-template-columns:1fr 1fr;max-width:36em}}

/* perguntas e privacidade: a lista que se abre, uma por vez, rolando dentro do painel */
.axs-perg{margin:14px 0 0;max-width:34em;max-height:calc(100svh - 300px);overflow:auto;padding-right:6px}
.axs-perg-lista{list-style:none;margin:0;padding:0}
.axs-perg-d{border-top:1.5px solid var(--fio)}
.axs-perg-lista li:last-child .axs-perg-d{border-bottom:1.5px solid var(--fio)}
.axs-perg-d summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:10px 0}
.axs-perg-d summary::-webkit-details-marker{display:none}
.axs-perg-d summary::after{content:"+";flex:none;width:28px;height:28px;display:grid;place-items:center;font-size:22px;line-height:1;color:var(--tinta-2)}
.axs-perg-d[open] summary::after{content:"\2212"}
.axs-perg-p{margin:0;font-family:inherit;font-size:17px;line-height:1.3;font-weight:var(--voz-peso-menu);font-stretch:100%;color:var(--tinta)}
.axs-perg-r{margin:0 0 16px;max-width:30em;color:var(--tinta-2)}
.axs-perg-r a{color:var(--tinta)}
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  .axs-ct--painel .axs-txt{width:min(64vw,900px)}
  .axs-perg{max-height:calc(100svh - 440px)}
}
/* sobre a parede de reboco (B-M11 tingida): a lista numa folha clara, para a textura não tirar o contraste */
.axs-ct--fundo .axs-perg{background:color-mix(in oklab,var(--campo-luz) 76%,transparent);padding:2px 16px 2px 12px;border-radius:14px}

/* o pé da área dos advogados (só nessa trilha) */
.axs-pe{position:fixed;z-index:6;right:var(--pad);bottom:16px;margin:0;max-width:32%;font-size:15px;line-height:1.3;text-align:right;color:var(--tinta);padding:6px 12px;border-radius:12px;background:color-mix(in oklab,var(--campo-luz) 90%,transparent)}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){.axs-pe{display:none}}

/* ===== C6: em /sobre, a promessa numa linha própria, com a marca, acima da definição ===== */
.axs-promessa{margin:22px 0 0;display:flex;align-items:center;gap:12px;max-width:26em;font-family:var(--voz-titulo);font-weight:var(--voz-peso-titulo);font-stretch:var(--voz-largura-titulo);font-size:22px;line-height:1.2;color:var(--tinta);text-wrap:balance}
.axs-promessa-marca{flex:none;display:inline-flex;color:var(--tinta)}
.axs-promessa-marca .axs-simb{width:30px;height:30px;display:block}
.axs-promessa-marca .axs-simb path{fill:currentColor}
.axs-promessa+.axs-painel{margin-top:16px}
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){.axs-promessa{margin-top:30px;font-size:30px;gap:16px}.axs-promessa-marca .axs-simb{width:38px;height:38px}}

/* ===== as interfaces, em em (a base vem da moldura; as dos moldes, o app e o painel, medem em cqw) ===== */
.axs-app--em{color:var(--ui-tinta);display:block;gap:0;line-height:1.3}
.axs-ui{display:flex;flex-direction:column;gap:.8em;height:100%;min-height:0}
.axs-ui-cab{margin:0;display:flex;align-items:center;gap:.6em;font-size:.85em;color:var(--ui-tinta-2);padding-bottom:.5em;border-bottom:1px solid var(--ui-fio);min-width:0}
.axs-ui-marca{display:inline-flex;color:var(--ui-tinta);flex:none}
.axs-ui-marca .axs-simb{width:1.2em;height:1.2em;display:block}
.axs-ui-marca .axs-simb path,.axs-simb path{fill:currentColor}
.axs-ui-org{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.axs-ui-ex{margin-left:auto;flex:none;font-size:.85em;padding:.1em .6em;border-radius:999px;background:var(--ui-bloco);color:var(--ui-tinta-2)}
.axs-tela--papel .axs-ui-ex,.axs-folha .axs-ui-ex{background:none;border:1px solid var(--ui-fio)}
.axs-ui-rot{margin:0;font-size:.8em;color:var(--ui-tinta-2)}
.axs-nv{display:inline-flex;align-items:center;gap:.35em;font-weight:var(--voz-peso-menu);color:var(--ui-tinta)}
.axs-nv i{width:.6em;height:.6em;border-radius:50%;background:var(--ui-sinal)}
.axs-nv--atencao i{background:var(--ui-atencao);box-shadow:none}
.axs-nv--critico i{background:var(--ui-critico)}

/* fontes de hoje: de longe para perto; o mesmo motivo aceso em três */
.axs-fo-cab{margin:0;display:grid;grid-template-columns:1fr 5em 4.5em;gap:.6em;font-size:.75em;color:var(--ui-tinta-2);padding:0 .6em}
.axs-fo{list-style:none;margin:0;padding:0;display:grid;gap:.35em}
.axs-fo li{display:grid;grid-template-columns:1fr 5em 4.5em;gap:.6em;align-items:center;padding:.45em .6em;border-radius:.5em;background:var(--ui-bloco)}
.axs-tela--papel .axs-fo li{border-radius:0;background:none;border-bottom:1px solid var(--ui-fio);padding:.4em 0}
.axs-fo-n{display:flex;align-items:center;gap:.5em;min-width:0}
.axs-fo-n small{display:block;font-size:.75em;color:var(--ui-tinta-2)}
.axs-fo-ok{width:.55em;height:.55em;border-radius:50%;background:var(--ui-ok);flex:none}
.axs-fo-n i:not(.axs-fo-ok){width:.55em;height:.55em;border-radius:50%;border:1px solid var(--ui-tinta-2);flex:none}
.axs-fo-v{font-weight:var(--voz-peso-menu);text-align:right;font-variant-numeric:tabular-nums}
.axs-fo-v--texto{font-weight:var(--voz-peso-texto);font-size:.8em;color:var(--ui-tinta-2)}
.axs-fo-sp{display:flex;align-items:flex-end;gap:.12em;height:1.3em}
.axs-fo-sp i{flex:1;height:calc(var(--h) * 100%);min-height:2px;background:var(--cat-1);border-radius:1px}
.axs-fo-i--prox{opacity:.7}
.axs-fo-mot{display:inline-block;margin-top:.2em;font-style:normal;font-size:.72em;padding:.05em .5em;border-radius:999px;background:color-mix(in oklab,var(--ui-sinal) 22%,transparent);color:var(--ui-tinta)}
.axs-fo-i--mot{box-shadow:inset .18em 0 0 var(--ui-sinal)}
.axs-fo-i--mot .axs-fo-sp i{background:var(--ui-sinal)}

/* a lista de alertas */
.axs-li-filtro{margin:0;display:flex;gap:1em;font-size:.85em;color:var(--ui-tinta-2)}
.axs-li-sel{color:var(--ui-tinta);font-weight:var(--voz-peso-menu);border-bottom:2px solid var(--ui-sinal)}
.axs-li{list-style:none;margin:0;padding:0;display:grid;gap:.5em}
.axs-li li{padding:.6em .8em;border-radius:.6em;background:var(--ui-bloco);display:grid;gap:.2em .8em;grid-template-columns:1fr auto;align-items:center}
.axs-tela--papel .axs-li li{border-radius:0;background:none;border-top:1px solid var(--ui-fio);padding:.6em 0}
.axs-li-topo{margin:0;display:flex;justify-content:space-between;font-size:.85em;color:var(--ui-tinta-2);grid-column:1 / -1}
.axs-li-mot{margin:0;font-weight:var(--voz-peso-menu)}
.axs-li-q{margin:0;font-size:.9em;grid-column:1 / -1}
.axs-li-q b{color:var(--ui-sinal)}
.axs-li-f{margin:0;display:flex;gap:.4em;flex-wrap:wrap;font-size:.75em;color:var(--ui-tinta-2);grid-column:1 / -1}
.axs-li-f span{padding:.1em .5em;border:1px solid var(--ui-fio);border-radius:999px}
.axs-li-f span:nth-child(1){border-color:var(--cat-1)}.axs-li-f span:nth-child(2){border-color:var(--cat-2)}.axs-li-f span:nth-child(3){border-color:var(--cat-3)}
.axs-li--atual{box-shadow:inset .2em 0 0 var(--ui-sinal)}
.axs-tela--papel .axs-li--atual{padding-left:.6em}

/* a decisão, com o trecho marcado e o valor na margem */
.axs-dec-barra{margin:0;display:flex;justify-content:space-between;gap:1em;font-size:.85em;color:var(--ui-tinta-2)}
.axs-dec-folha{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--ui-papel);color:var(--ui-papel-tinta);padding:1.2em 10.5em 1.2em 1.4em;border-radius:.3em;font-family:var(--voz-texto);font-size:.92em;line-height:1.45}
.axs-tela--papel .axs-dec-folha{padding-left:0;border-radius:0}
.axs-dec-folha--curta{flex:none;font-size:.85em;padding-top:1em;padding-bottom:1em}
.axs-dec-p{margin:0 0 .6em;max-width:34em}
.axs-dec-p--antes{opacity:.55}
.axs-dec-marca mark{background:var(--ui-marca-papel);color:inherit;padding:0 .12em;border-radius:.15em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.axs-dec-marca mark.axs-marca{background:linear-gradient(var(--ui-marca-papel) 0 0) 0 0/100% 100% no-repeat;margin:0;padding:0 .12em}
.axs-dec-margem{position:absolute;right:1em;top:1.1em;width:8em;margin:0;display:grid;gap:.1em;padding-left:.6em;border-left:2px solid var(--ui-sinal);font-family:var(--voz-app);font-size:.85em;line-height:1.25}
.axs-dec-margem b{font-size:1.3em;color:var(--ui-sinal)}
.axs-dec-margem span{color:var(--ui-tinta-2)}

/* o canal de escuta no celular (a tela clara, B-M7) */
.axs-ui--canal{gap:.7em}
.axs-ca-org{margin:0;display:flex;align-items:center;gap:.5em;font-weight:var(--voz-peso-menu);font-size:.95em}
.axs-ca-logo{width:1.5em;height:1.5em;border-radius:.35em;background:var(--cat-1);color:var(--ui-lv-claro);display:inline-grid;place-items:center;font-size:.9em;flex:none}
.axs-ca-tit{margin:.1em 0 0;font-size:1.3em;font-weight:var(--voz-peso-menu);line-height:1.2}
.axs-ca-grupo{display:grid;gap:.3em}
.axs-ca-rot{margin:0;font-size:.8em;color:var(--ui-tinta-2)}
.axs-ca-seg{margin:0;display:flex;gap:.4em}
.axs-ca-seg span{flex:1;text-align:center;padding:.45em .5em;border:1px solid var(--ui-fio);border-radius:999px;font-size:.9em}
.axs-ca-sel{background:var(--ui-tinta);color:var(--ui-lv-claro);border-color:var(--ui-tinta)}
.axs-ca-campo{margin:0;padding:.6em .7em;border:1px solid var(--ui-fio);border-radius:.6em;min-height:4.6em;font-size:.9em;line-height:1.35}
.axs-ca-pe{margin:0;font-size:.7em;line-height:1.3;color:var(--ui-tinta-2)}
.axs-ca-enviar{margin:auto 0 0;text-align:center;padding:.75em;border-radius:999px;background:var(--ui-tinta);color:var(--ui-lv-claro);font-weight:var(--voz-peso-menu)}

/* permissões */
.axs-pm{border-collapse:collapse;width:100%;font-size:.85em;line-height:1.25}
.axs-pm th,.axs-pm td{text-align:left;padding:.5em .5em;border-bottom:1px solid var(--ui-fio);vertical-align:top}
.axs-pm thead th{font-size:.85em;font-weight:var(--voz-peso-texto);color:var(--ui-tinta-2)}
.axs-pm tbody th{font-weight:var(--voz-peso-menu)}
.axs-pm small{display:block;font-size:.8em;font-weight:var(--voz-peso-texto);color:var(--ui-tinta-2)}
.p-ed{color:var(--ui-sinal);font-weight:var(--voz-peso-menu)}
.p-ve{color:var(--ui-tinta)}
.p-no{color:var(--ui-tinta-2)}
.p-pa{color:var(--cat-5)}
.axs-pm-pe{margin-top:auto}

/* uso de IA no escritório */
.axs-uso-res{margin:0;display:flex;gap:1.6em;align-items:baseline}
.axs-uso-res b{font-size:1.7em;margin-right:.25em;font-variant-numeric:tabular-nums}
.axs-uso-res-0 b{color:var(--ui-sinal)}
.axs-uso-leg{margin:0;display:flex;flex-wrap:wrap;gap:.3em 1em;font-size:.75em;color:var(--ui-tinta-2)}
.axs-uso-leg span{display:inline-flex;align-items:center;gap:.35em}
.axs-fer{display:inline-block;width:1em;height:1em;border-radius:.2em;margin-right:.2em;background:var(--ui-tinta-2);vertical-align:middle}
.f-1{background:var(--ui-f1)}.f-2{background:var(--ui-f2)}.f-3{background:var(--ui-f3)}.f-4{background:var(--ui-f4)}.f-5{background:var(--ui-f5)}
.axs-uso{border-collapse:collapse;width:100%;font-size:.78em;line-height:1.2}
.axs-uso th,.axs-uso td{text-align:left;padding:.28em .4em;border-bottom:1px solid var(--ui-fio);white-space:nowrap}
.axs-uso thead th{font-weight:var(--voz-peso-texto);color:var(--ui-tinta-2);font-size:.9em}
.axs-uso tbody th{font-weight:var(--voz-peso-texto)}
.axs-uso-vazia{display:inline-block;width:6em;height:1em;border:1px dashed var(--ui-tinta-2);border-radius:.2em;vertical-align:middle}

/* o relatório do diagnóstico: o mapa de calor na escala sequencial (dado, R076) e por onde começar */
.axs-hm-corpo{display:grid;grid-template-columns:1.5fr 1fr;gap:.8em;align-items:start}
.axs-hm{border-collapse:separate;border-spacing:.25em;width:100%;font-size:.85em}
.axs-hm th{text-align:left;font-weight:var(--voz-peso-texto);color:var(--ui-tinta-2);padding:.2em .3em;white-space:nowrap}
.axs-hm thead th{text-align:center}
.axs-hm thead th:first-child{text-align:left}
.axs-hm td{text-align:center;padding:.5em .3em;border-radius:.3em;font-weight:var(--voz-peso-menu);font-variant-numeric:tabular-nums}
.axs-lv1{background:var(--escala-9);color:var(--escala-texto-9)}.axs-lv2{background:var(--escala-6);color:var(--escala-texto-6)}.axs-lv3{background:var(--escala-4);color:var(--escala-texto-4)}
.axs-lv4{background:var(--escala-3);color:var(--escala-texto-3)}.axs-lv5{background:var(--escala-1);color:var(--escala-texto-1)}
.axs-comecar{display:grid;gap:.25em;padding:.8em .9em;border-radius:.5em;background:var(--ui-bloco);box-shadow:inset .2em 0 0 var(--ui-sinal)}
.axs-comecar b{font-size:1.05em;line-height:1.25}

/* o exercício da formação */
.axs-ex1{display:grid;grid-template-columns:1.1fr 1fr;gap:.8em;flex:1;min-height:0}
.axs-ex1-folha{background:var(--ui-papel);color:var(--ui-papel-tinta);padding:1em 1.1em;border-radius:.3em;font-size:.9em;line-height:1.45}
.axs-ex1-folha .axs-ui-rot{color:var(--tinta-suave)}
.axs-tela--papel .axs-ex1-folha{padding-left:0;border-radius:0;border-top:1px solid var(--ui-fio)}
.axs-ex1-cl{margin:.5em 0 0;font-family:var(--voz-texto);background:var(--ui-marca-papel);padding:.1em .15em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.axs-ex1-qa{display:grid;gap:.5em;align-content:start}
.axs-rp-bloco{display:grid;gap:.2em;padding:.6em .7em;border-radius:.5em;background:var(--ui-bloco)}
.axs-tela--papel .axs-rp-bloco{border-radius:0;background:none;border-top:1px solid var(--ui-fio);padding-left:0}
.axs-rp-txt{margin:0}
.axs-rp-fonte{margin:0;font-size:.85em;color:var(--cat-1)}
.axs-rp-conf{margin:0;display:flex;align-items:center;gap:.5em;font-weight:var(--voz-peso-menu)}
.axs-caixa-ok{position:relative;width:1.1em;height:1.1em;border-radius:.2em;background:var(--cat-4);display:inline-block;flex:none}
.axs-caixa-ok::after{content:"";position:absolute;left:.36em;top:.12em;width:.3em;height:.6em;border:solid var(--ui-lv-claro);border-width:0 .15em .15em 0;transform:rotate(45deg)}
.axs-tela--alta-v .axs-ex1,.axs-tela--alta-h .axs-ex1{grid-template-columns:1fr}

/* a leitura de valores */
.axs-vl{list-style:none;margin:0;padding:0;display:grid;gap:.4em}
/* a linha em flex, não em grade (20/10, B-M6 retrato v3): o WebKit dimensiona errado a grade com align-items:baseline quando a
   homografia.js troca a largura da caixa (cqw muda): o valor ficava com 85 px de caixa para 120 de letra e pisava em "página 12"
   (adv-4, na captura e no aparelho, também com a B-M6 v1); o flex em baseline mede certo. O rótulo cresce, o valor não
   encolhe, a página pode ir a duas linhas, como na grade */
.axs-vl li{display:flex;gap:.8em;align-items:baseline;padding:.6em .8em;border-radius:.5em;background:var(--ui-bloco)}
.axs-vl li>:first-child{flex:1 1 auto}.axs-vl li>b{flex:none}.axs-vl-p{flex:0 1 auto}
.axs-tela--papel .axs-vl li{border-radius:0;background:none;border-top:1px solid var(--ui-fio);padding:.5em 0}
.axs-vl b{font-size:1.15em;font-variant-numeric:tabular-nums}
.axs-vl-p{color:var(--ui-tinta-2);font-size:.85em}
.axs-vl--sel{box-shadow:inset .2em 0 0 var(--ui-sinal)}
.axs-tela--papel .axs-vl--sel{padding-left:.6em}
.axs-vl--sel b{color:var(--ui-sinal)}
.axs-vl-rev{margin:auto 0 0;display:flex;gap:.5em;align-items:flex-start;font-size:.9em}
.axs-caixa-livre{width:1.1em;height:1.1em;border:1.5px solid var(--ui-tinta-2);border-radius:.2em;flex:none;margin-top:.1em}

/* as capas e as etiquetas (o envelope da análise e do diagnóstico): papel com conteúdo, nunca liso (B-N8) */
.axs-capa{gap:.7em}
.axs-capa-topo{margin:0;display:flex;align-items:center;gap:.5em;font-size:.85em;color:var(--ui-tinta-2)}
.axs-capa-tit{margin:.5em 0 0;font-size:1.55em;font-weight:var(--voz-peso-titulo);line-height:1.1;font-family:var(--voz-titulo)}
.axs-capa-nome{margin:0;display:grid;gap:.25em}
.axs-capa-branco{display:block;height:2.3em;border:1px dashed var(--ui-tinta-2);border-radius:.4em}
.axs-capa-rot{margin:0;font-size:.75em;color:var(--ui-tinta-2)}
.axs-capa ul,.axs-capa ol{margin:.2em 0 0;padding:0;list-style:none;display:grid;gap:.3em;font-size:.9em}
.axs-capa-eixos li{display:flex;justify-content:space-between;gap:.5em;align-items:center}
.axs-capa-eixos i{display:inline-flex;gap:.15em}
.axs-capa-eixos b{width:.75em;height:.5em;border:1px solid var(--ui-tinta-2);border-radius:.1em}
.axs-capa-fontes li{padding-left:.9em;position:relative}
.axs-capa-fontes li::before{content:"";position:absolute;left:0;top:.5em;width:.4em;height:.4em;border-radius:50%;background:var(--cat-1)}
.axs-capa-pe{margin:auto 0 0;font-size:.8em;color:var(--ui-tinta-2)}
.axs-app--etiqueta-analise,.axs-app--etiqueta-diagnostico{font-size:2.3cqw;padding:2.2cqw 3cqw}
.axs-etq{gap:.5em}
.axs-etq-topo{margin:0;display:flex;align-items:center;gap:.6em;padding-bottom:.45em;border-bottom:1.5px solid var(--ui-tinta)}
.axs-etq-topo b{font-family:var(--voz-titulo);font-weight:var(--voz-peso-titulo);font-size:1.25em;line-height:1.1}
.axs-etq-topo span:last-child{margin-left:auto;color:var(--ui-tinta-2);font-size:.85em}
.axs-etq-rot{margin:0;font-size:.8em;color:var(--ui-tinta-2)}
.axs-etq-lista{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:.25em 1.4em;font-size:.95em}
.axs-etq-lista li{padding-left:.9em;position:relative}
.axs-etq-lista li::before{content:"";position:absolute;left:0;top:.48em;width:.42em;height:.42em;border-radius:50%;background:var(--cat-1)}
.axs-etq-lista li:nth-child(2)::before{background:var(--cat-2)}.axs-etq-lista li:nth-child(3)::before{background:var(--cat-3)}
.axs-etq-lista li:nth-child(4)::before{background:var(--cat-4)}.axs-etq-lista li:nth-child(5)::before{background:var(--cat-5)}.axs-etq-lista li:nth-child(6)::before{background:var(--cat-6)}

/* o diagrama das camadas (faz-1 e pitch t5; C2 e E1, o desenho do diretor de arte): três placas empilhadas de longe para
   perto, o ponto visto cheio na de fora; nenhum anel, nenhum centro, nenhuma linha que chega. Movimento: as placas se traçam
   uma vez, de cima para baixo, e o ponto entra por último, sem pulsar; o estado final é o padrão */
.axs-ui--escudo{gap:.6em}
.axs-cam{display:block;width:100%;flex:1 1 0;min-height:0;height:auto;font-family:var(--voz-app);overflow:visible}
.axs-cam-placa,.axs-cam-borda{stroke-width:2.5;stroke-linejoin:round}
.axs-cam-rot{font-size:19px;fill:var(--tinta);font-weight:var(--voz-peso-menu)}
.axs-cam-solto{fill:var(--cat-neutro)}
.axs-cam-solto--meio{fill:var(--cat-6)}
.axs-cam-sinal{fill:var(--sinal)}
.axs-tela--vidro .axs-cam-sinal{fill:var(--sinal-vidro)}
.axs-cam-dia{font-size:20px;fill:var(--sinal);font-weight:var(--voz-peso-menu)}
@media (prefers-reduced-motion:no-preference){
  .axs-ct:target .axs-cam-placa,.axs-trilha:not(:has(.axs-ct:target)) #c1 .axs-cam-placa,.axs-pt--atual .axs-cam-placa{stroke-dasharray:1;animation:axs-traca .5s ease-out both;animation-delay:calc(var(--k,0) * 160ms)}
  .axs-ct:target .axs-cam-sinal,.axs-trilha:not(:has(.axs-ct:target)) #c1 .axs-cam-sinal,.axs-pt--atual .axs-cam-sinal{animation:axs-ponto .3s ease-out .62s both}
}
@keyframes axs-ponto{from{opacity:0}}
.axs-esc-al{display:grid;gap:.25em;padding:.6em 0 0;border-top:1px solid var(--ui-fio);font-size:.92em}
.axs-esc-txt{margin:0}
.axs-esc-txt b{color:var(--ui-sinal)}

/* o app e o painel dos moldes dentro das telas da série (a base dos cqw é a própria tela) */
.axs-tela .axs-app--painel{padding:0;display:block}
.axs-tela--claro .axs-app,.axs-tela--papel .axs-app{color:var(--ui-tinta)}
.axs-tela--papel .axs-app-cab,.axs-tela--claro .axs-app-cab{color:var(--ui-tinta-2)}
.axs-tela--papel .axs-alerta,.axs-tela--claro .axs-alerta,.axs-tela--papel .axs-al-outros li,.axs-tela--claro .axs-al-outros li{background:var(--ui-bloco)}

/* ===== os gráficos: SVG inline, cor por variável (dado, R076, R088), traço que se desenha uma vez e para ===== */
.axs-ui--graf{gap:.5em}
.axs-g{display:block;width:100%;height:auto;flex:none;font-family:var(--voz-app);overflow:visible}
.axs-g-grade{stroke:var(--g-grade);stroke-width:1}
.axs-g-traco{fill:none;stroke:var(--g-traco);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.axs-g-traco--tempo{stroke:var(--g-sinal)}
.axs-g-ponto{fill:var(--g-sinal)}
.axs-g-barra{fill:var(--gb,var(--g-barra))}
.axs-g-barra--sinal{fill:var(--g-sinal)}
.axs-g-rot{fill:var(--g-texto);font-size:22px}
.axs-g-val{fill:var(--g-tinta);font-size:30px;font-weight:var(--voz-peso-menu);font-variant-numeric:tabular-nums}
.axs-g-val--p{font-size:24px}
.axs-g-marca{stroke:var(--g-texto);stroke-width:2;stroke-dasharray:6 6}
.axs-g-marca--ok{stroke:var(--g-ok)}
.axs-g-marca--sinal{stroke:var(--g-sinal)}
.axs-g-val--ok{fill:var(--g-ok)}
.axs-g-val--sinal{fill:var(--g-sinal)}
.axs-tela--pronta .axs-ui--graf{justify-content:center}
.axs-tela--pronta .axs-ui--graf .axs-g{flex:1 1 0;min-height:0;height:auto}
.axs-g--alto .axs-g-rot{font-size:33px}
.axs-g--alto .axs-g-val{font-size:45px}
.axs-g--alto .axs-g-val--p{font-size:36px}
.axs-g--duas .axs-g-rot{font-size:40px}
.axs-g--duas .axs-g-val{font-size:60px}
@media (prefers-reduced-motion:no-preference){
  .axs-ct:target .axs-g-traco,.axs-trilha:not(:has(.axs-ct:target)) #c1 .axs-g-traco{stroke-dasharray:1;animation:axs-traca .6s ease-out both}
  .axs-ct:target .axs-g-barra,.axs-trilha:not(:has(.axs-ct:target)) #c1 .axs-g-barra{animation:axs-aparece .4s ease-out both;animation-delay:calc(var(--i, 0) * 35ms)}
}
@keyframes axs-traca{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes axs-aparece{from{opacity:.25}}

/* ===== os mestres (a foto 16:10 sangrada, a interface na área medida) ===== */
.axs-palco--foto{position:absolute;inset:auto;z-index:1;left:50%;top:50%;translate:-50% -50%;container-type:size;pointer-events:none}
.axs-palco--foto.axs-palco--16x10{width:max(100vw,calc(100svh * 1.6));aspect-ratio:16/10}
.axs-palco--foto.axs-palco--16x9{width:max(100vw,calc(100svh * 1.77778));aspect-ratio:16/9}
.axs-palco--foto .axs-foto,.axs-palco--foto .axs-frente{position:absolute;inset:0;margin:0}
.axs-palco--foto .axs-foto img,.axs-palco--foto .axs-frente img{display:block;width:100%;height:100%;object-fit:fill}
.axs-palco--foto .axs-frente{z-index:3}
.axs-palco--foto .axs-frente--objeto{z-index:1}
.axs-palco--foto .axs-tela{position:absolute;z-index:2;overflow:hidden;font-family:var(--voz-app);container-type:inline-size;font-variant-numeric:var(--voz-algarismos)}
.axs-palco--foto .axs-tela--vidro{background:var(--vidro);color:var(--vidro-texto)}
.axs-palco--foto .axs-tela--claro{background:var(--superficie);color:var(--tinta)}
.axs-palco--foto .axs-tela--papel{background:transparent;color:var(--tinta)}
/* a tinta impressa escurece com a luz da foto (a folha na sombra da janela) */
.axs-palco--foto .axs-tela--papel>.axs-app,.axs-tela--mini.axs-tela--fonte{mix-blend-mode:multiply}
.axs-tela--pronta .axs-app--em{font-size:2.8cqw;padding:6cqw 6cqw 5cqw}
.axs-tela--vidro.axs-tela--pronta .axs-app--em{font-size:2.2cqw;padding:3cqw 3.4cqw 2.6cqw}
.axs-palco--cel .axs-tela--vidro.axs-tela--pronta .axs-app--em,.axs-palco--cel .axs-tela--claro.axs-tela--pronta .axs-app--em{font-size:4.4cqw;padding:9cqw 6cqw 6cqw}
.axs-tela--pronta .axs-app--alerta-aberto{font-size:2.9cqw;padding:7cqw 6cqw 5cqw}
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  .axs-tela--pronta{left:0;top:0;width:var(--tw,800px);height:var(--th,500px);transform-origin:0 0;transform:scale(tan(atan2(100cqw,1440px))) var(--mat-note);border-radius:var(--raio,0)}
  .axs-palco--recuo .axs-tela--pronta{transform:scale(tan(atan2(100cqw,1440px))) var(--mat-note)}
  .axs-ct--foto,.axs-c0.axs-ct--foto,.axs-c1.axs-ct--foto{background:var(--campo-h,var(--campo-v))}
  .axs-tela--pronta .axs-app--em,.axs-tela--pronta .axs-app--alerta-aberto{padding-top:var(--app-pt,6cqw)}
}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){
  .axs-tela--pronta{left:var(--te-l,29.06%);top:var(--te-t,41.43%);width:var(--te-w,41.88%);height:var(--te-h,43.85%);transform:none;border-radius:var(--raio-e,0)}
  .axs-palco--foto[style*="--mat-e"] .axs-tela--pronta{left:0;top:0;width:var(--twe);height:var(--the);transform-origin:0 0;transform:scale(tan(atan2(100cqw,390px))) var(--mat-e)}
  .axs-tela--pronta .axs-app--em{font-size:4cqw;padding:8cqw 6cqw 5cqw}
  .axs-tela--vidro.axs-tela--pronta .axs-app--em{font-size:4.2cqw;padding:9cqw 5cqw 5cqw}
  .axs-ct--foto,.axs-c0.axs-ct--foto,.axs-c1.axs-ct--foto{background:var(--campo-topo-v,var(--campo-v,var(--campo-h)))}
}
/* a foto como fundo da cena inteira (perguntas, sobre, privacidade: B-M11 tingida, sem área) */
.axs-palco--foto.axs-palco--fundo{position:absolute;inset:0;left:0;top:0;width:auto;height:auto;aspect-ratio:auto;translate:0;margin:0;flex:none;min-height:0}
.axs-palco--fundo .axs-foto img{object-fit:cover;object-position:50% 0}
/* as telas e folhas a mais da mesma foto (os impressos): cada uma com a sua matriz, levada ao tamanho real do palco */
.axs-tela--mini{position:absolute;z-index:2;left:0;top:0;width:var(--mw);height:var(--mh);transform-origin:0 0;border-radius:var(--mr,0);overflow:hidden;container-type:inline-size;pointer-events:none}
.axs-tela--mini.axs-mini--h{transform:scale(tan(atan2(100cqw,1440px))) var(--mm)}
.axs-tela--mini.axs-mini--v{transform:scale(tan(atan2(100cqw,390px))) var(--mm)}
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){.axs-tela--mini.axs-mini--v{display:none}}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){.axs-tela--mini.axs-mini--h{display:none}}
.axs-tela--mini.axs-tela--fonte{background:transparent}
.axs-app--fonte{position:absolute;inset:0;display:block;padding:10cqw 9cqw 8cqw;font-family:var(--voz-app);font-size:5.8cqw;line-height:1.25;color:var(--ui-tinta)}
.axs-app--fonte .axs-ui{gap:.7em}
.axs-app--fonte .axs-ui-cab{font-size:.82em}
.axs-fi-mot{margin:.2em 0 0;font-family:var(--voz-titulo);font-weight:var(--voz-peso-titulo);font-stretch:100%;font-size:1.3em;line-height:1.08;color:var(--ui-tinta);background:linear-gradient(transparent 64%,var(--ui-marca-papel) 64%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.axs-fi-num{margin:0;font-size:1em;color:var(--ui-tinta)}
.axs-fi-num b{display:block;font-family:var(--voz-numero);font-weight:var(--voz-peso-numero);font-stretch:100%;font-size:2.6em;line-height:.95;color:var(--ui-sinal)}
.axs-fi-txt{margin:0;font-family:var(--voz-texto);font-size:.98em;line-height:1.4}
.axs-app--fonte .axs-ui-rot{margin-top:auto}
.axs-fi-nivel{margin:0;display:flex;align-items:center;gap:.7em;font-size:.9em;color:var(--ui-tinta-2)}
.axs-fi-nivel span:last-child{margin-left:auto}
.axs-ui--alcab .axs-fi-mot{font-size:1.5em}
/* o alto da pilha alta (B-M2): uma folha vista quase de lado; a letra cresce para ler no escorço */
.axs-ui--rel .axs-fi-num b{font-size:2.2em}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){.axs-app--fonte{padding:7cqw 7cqw 6cqw;font-size:5.4cqw}.axs-app--fonte .axs-ui{gap:.4em}}
/* a folha em CSS sobre a foto sem área (como-4, B-M11): o papel, a sombra de contato, a bandeirinha na borda */
.axs-folha--sobre-foto{position:absolute;z-index:2}
.axs-folha--sobre-foto>.axs-app--em{position:absolute;inset:0;height:100%;box-sizing:border-box;font-size:3.4cqw;padding:7cqw 6cqw 6cqw}
.axs-folha--sobre-foto .axs-ui--pm{gap:1.1em}
.axs-folha--sobre-foto .axs-ui--pm .axs-pm{flex:1 1 auto;font-size:.9em}
.axs-folha--sobre-foto .axs-pm th,.axs-folha--sobre-foto .axs-pm td{vertical-align:middle;padding:.4em .45em}
.axs-folha--sobre-foto .axs-pm thead th{vertical-align:bottom}
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  .axs-ct .axs-folha--sobre-foto{width:min(40vw,580px);aspect-ratio:1/1.414;left:auto;right:6vw;top:330px;translate:0}
  .axs-folha--sobre-foto>.axs-app--em{height:min(100%,calc(100svh - 330px - 104px))}
}
@media (min-width:900px) and (orientation:landscape) and (max-height:899px),(min-width:1101px) and (max-height:899px){
  .axs-ct .axs-folha--sobre-foto{top:38svh}
  .axs-folha--sobre-foto>.axs-app--em{font-size:2.9cqw;padding:5cqw 5cqw 4cqw;height:min(100%,calc(62svh - 92px))}
}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){
  .axs-ct .axs-palco--foto .axs-folha--sobre-foto{top:86vw;left:50%;translate:-50% 0;width:min(78vw,340px);aspect-ratio:1/1.414}
  .axs-folha--sobre-foto>.axs-app--em{font-size:4cqw}
}
.axs-folha--sobre-foto .axs-aba{right:-9px;top:22%}
/* as telas altas (o celular, o tablet em pé): a interface ocupa a altura e a letra cresce (A-N3) */
.axs-tela--pronta .axs-ui--pm .axs-pm{flex:1 1 auto}
.axs-tela--pronta .axs-ui--canal .axs-ca-grupo:has(.axs-ca-campo){flex:1 1 auto;display:flex;flex-direction:column}
.axs-tela--pronta .axs-ui--canal .axs-ca-campo{flex:1 1 auto}
.axs-tela--pronta .axs-ui--hm .axs-hm-corpo{flex:1 1 auto;min-height:0}
.axs-tela--alta-h .axs-ui--hm .axs-hm-corpo,.axs-tela--alta-v .axs-ui--hm .axs-hm-corpo{grid-template-columns:1fr;grid-template-rows:1fr auto;gap:1em}
.axs-tela--alta-h .axs-ui--hm .axs-hm,.axs-tela--alta-v .axs-ui--hm .axs-hm{height:100%}
.axs-tela--alta-h .axs-ui--hm .axs-hm th,.axs-tela--alta-v .axs-ui--hm .axs-hm th{white-space:normal}
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){.axs-palco--cel .axs-tela--alta-h .axs-app--em{font-size:5cqw;padding:10cqw 6cqw 7cqw}}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){.axs-tela--alta-v.axs-tela--pronta .axs-app--em{font-size:4.8cqw}}
/* B-N8: o exercício (adv-3) na altura do caderno, letra 1,5 vez */
.axs-tela--pronta>.axs-app--adv-exercicio{font-size:4.2cqw;height:100%;box-sizing:border-box}
.axs-app--adv-exercicio .axs-ui--ex1{gap:1.2em}
.axs-app--adv-exercicio .axs-ex1{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:1.4em;line-height:1.4}
.axs-app--adv-exercicio .axs-ex1-qa{gap:1.1em;align-content:start}
.axs-app--adv-exercicio .axs-ex1-cl{font-size:1.15em;line-height:1.45}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){.axs-tela--pronta>.axs-app--adv-exercicio{font-size:4.4cqw}}
/* C7: a interface impressa espera a foto (o montador marca a seção com data-axs-foto="espera" até o decode()) */
.axs-cena[data-axs-foto="espera"] .axs-tela{opacity:0}
.axs-palco--foto .axs-tela--pronta{transition:opacity .3s ease-out}
/* C12: no celular o impresso termina acima da faixa da tira de navegação (--corte, do script do montador) */
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){
  .axs-tela[data-axs-corte]>.axs-app{-webkit-mask-image:linear-gradient(180deg,black calc(var(--corte) - 12px),transparent var(--corte));mask-image:linear-gradient(180deg,black calc(var(--corte) - 12px),transparent var(--corte))}
}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px),(max-height:899px){.axs-tela .axs-vl-rev{margin-top:1.1em}}

/* ===== a tinta sobre a foto: o papel fotografado é cinza claro; a tinta secundária desce um degrau para AA no pior 5% ===== */
.axs-ct--foto,.axs-ct--fundo{--tinta-2:color-mix(in oklab,var(--tinta-suave) 45%,var(--tinta))}
/* o papel escuro na zona do título (B-M4): a tinta clara e o véu do escuro atrás do bloco, sem borda */
.axs-ct--escuro-h,.axs-ct--escuro-v{--tinta:var(--escuro-tinta);--tinta-2:var(--escuro-tinta-2);--fio:var(--escuro-fio);color:var(--tinta)}
.axs-ct--medio-h,.axs-ct--medio-v{--tinta-2:var(--tinta)}
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  .axs-ct--escuro-h::after{content:"";position:absolute;z-index:2;left:0;top:0;bottom:0;width:min(74vw,1040px);pointer-events:none;
    background:linear-gradient(90deg,color-mix(in oklab,var(--escuro) 84%,transparent) 0 46%,color-mix(in oklab,var(--escuro) 50%,transparent) 72%,transparent 100%)}
}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){
  .axs-ct--escuro-v .axs-txt{background:color-mix(in oklab,var(--escuro) 84%,transparent);box-shadow:0 30px 44px 30px color-mix(in oklab,var(--escuro) 84%,transparent)}
}

/* ===== 390: o título em cima, o objeto logo abaixo do bloco (a cena recomposta, não o 1440 espremido; C1) ===== */
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){
  .axs-so-largo{display:none!important}
  .axs-rotulo-n,.axs-ct .axs-rotulo--seguinte{display:none}
  .axs-ct .axs-txt{order:1;flex:none;padding:68px var(--pad) 10px;max-height:calc(100svh - 70px);overflow-y:auto;overscroll-behavior:contain}
  .axs-ct .axs-palco{order:2}
  .axs-ct .axs-h1--trilha:not(.axs-h1--dados):not(.axs-h1--teste){font-size:calc(40px * var(--voz-escala-titulo))}
  .axs-ct .axs-linha{margin-top:12px}
  .axs-ct .axs-acoes{margin-top:14px}
  .axs-ct .axs-mais{margin-top:6px}
  .axs-numero{font-size:52px}
  .axs-numero--par{font-size:32px}
  .axs-teste-link a{min-height:40px}
  /* a foto no retrato (780 × 1688 na largura da tela): o objeto começa 14 px abaixo do bloco de texto (--obj-v, a fração do
     retrato em que ele começa); o bloco tem no mínimo essa altura, e a borda de cima da foto esmaece em 90 px sobre a cor
     medida no alto da própria foto */
  .axs-ct .axs-palco--foto:not(.axs-palco--fundo),.axs-c0 .axs-palco--foto,.axs-c1 .axs-palco--foto{width:100vw;aspect-ratio:780/1688;left:0;top:auto;translate:0;min-height:0}
  .axs-ct .axs-palco--foto:not(.axs-palco--fundo){position:relative;flex:none;margin-top:calc(14px - var(--obj-v,.4) * 216.41vw)}
  .axs-ct.axs-ct--foto .axs-txt{min-height:calc(var(--obj-v,.4) * 216.41vw - 14px)}
  .axs-ct .axs-palco--foto:not(.axs-palco--fundo) .axs-foto,.axs-c0 .axs-palco--foto .axs-foto{-webkit-mask-image:linear-gradient(180deg,transparent,black 12%);mask-image:linear-gradient(180deg,transparent,black 12%)}
  /* o bloco de texto longo desce sobre o alto do objeto: o papel medido continua atrás do texto e esmaece sobre ele */
  .axs-ct.axs-ct--foto:not(.axs-ct--escuro-v) .axs-txt::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
    background:linear-gradient(180deg,var(--campo-topo-v,var(--campo-v)) 0 62%,color-mix(in srgb,var(--campo-topo-v,var(--campo-v)) 70%,transparent) 84%,transparent)}
  /* a abertura: a foto em fluxo logo abaixo do bloco (o aparelho sobe e sai pela direita e pelo pé) */
  .axs-c0 .axs-txt{order:1}
  .axs-c0 .axs-palco--foto{position:relative;order:2;flex:none;top:auto;margin-top:calc(14px - var(--obj-v,.4) * 216.41vw)}
  /* o dia 3: a foto presa ao alto, as pilhas no pé da tela */
  .axs-c1 .axs-palco--foto{position:absolute;top:0}
  .axs-c1 .axs-palco--foto .axs-foto{-webkit-mask-image:none;mask-image:none}
  /* C10: os formulários a 390, o bloco que rola termina acima da tira, com folga no pé */
  .axs-ct--form .axs-txt{max-height:calc(100svh - 96px);padding-bottom:28px}
  .axs-ct .axs-prov,.axs-c0 .axs-prov{top:auto;bottom:72px;left:var(--pad);right:auto;max-width:70%;font-size:15px}
}
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){.axs-so-estreito{display:none!important}}

/* ===== 1440: o texto na zona calma, o objeto sangrado à direita (R4.A); a foto recua quando a cena pede (A6, B4, B6) ===== */
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  .axs-ct{justify-content:flex-start}
  .axs-ct .axs-txt{padding:72px var(--pad) 72px;width:min(52vw,760px);margin-block:auto;max-height:100svh;overflow-y:auto;overscroll-behavior:contain}
  .axs-numero{font-size:112px}
  .axs-numero--par{font-size:64px}
  .axs-palco--foto.axs-palco--16x10.axs-palco--recuo{width:calc(max(100vw, 100svh * 1.6) * var(--recuo,.8));left:auto;right:0;top:auto;bottom:0;translate:0}
  .axs-palco--recuo .axs-foto{-webkit-mask-image:linear-gradient(90deg,transparent,black 14%),linear-gradient(180deg,transparent,black 14%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,black 14%),linear-gradient(180deg,transparent,black 14%);mask-composite:intersect}
  .axs-ct:has(.axs-palco--recuo) .axs-acoes,.axs-ct[data-imagem="P-M6"] .axs-acoes,.axs-ct[data-imagem="V-M6"] .axs-acoes{flex-direction:column;align-items:flex-start;gap:4px}
  /* A-c3: na cena do portátil a fonte e o rótulo terminam 16 px antes do canto do portátil */
  .axs-ct[data-imagem="P-M6"] .axs-fonte,.axs-ct[data-imagem="P-M6"] .axs-rotulo-ex{max-width:min(30em,calc((100vw - max(100vw,177.78svh)) / 2 + max(100vw,177.78svh) * .46 - var(--pad) - 16px))}
  .axs-ct[data-imagem="P-M6"] .axs-txt{width:min(46vw,680px)}
}
/* C8 · janela baixa de quem apresenta (a partir de 900 px, abaixo de 800 de altura): o título se mede pela altura */
@media (min-width:900px) and (orientation:landscape) and (max-height:799px),(min-width:1101px) and (max-height:799px){
  .axs-ct .axs-txt{padding-top:78px;padding-bottom:64px}
  .axs-ct .axs-h1--trilha:not(.axs-h1--dados){font-size:min(calc(var(--h1) * var(--voz-escala-titulo)), 8.2svh)}
  .axs-ct .axs-h1--dados{font-size:min(calc(var(--h1) * var(--voz-escala-titulo) * .62), 5.2svh)}
  .axs-numero{font-size:min(112px, 13svh)}
  .axs-linha{font-size:18px}
}
/* C11: os formulários (adv-5, pedir) em janela de computador: até 900 de altura o título se mede pela altura, os campos
   ficam mais baixos e o aviso mais largo; o bloco cabe na janela, ou rola */
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){.axs-ct--form .axs-txt{width:min(100%,820px)}}
@media (min-width:900px) and (orientation:landscape) and (max-height:900px),(min-width:1101px) and (max-height:900px){
  .axs-ct--form .axs-txt{padding-top:80px;padding-bottom:40px}
  .axs-ct--form .axs-h1--trilha:not(.axs-h1--dados){font-size:min(calc(var(--h1) * var(--voz-escala-titulo) * .8),6.2svh);max-width:13em}
  .axs-ct--form .axs-rotulo{margin-bottom:8px}
  .axs-ct--form .axs-linha{margin-top:14px;font-size:17px}
  .axs-ct--form .axs-form{margin-top:12px}
  .axs-ct--form .axs-campos{gap:8px}
  .axs-ct--form .axs-campo{gap:2px}
  .axs-ct--form .axs-campo input,.axs-ct--form .axs-campo select{min-height:42px;padding-top:8px;padding-bottom:8px}
  .axs-ct--form .axs-form .axs-acoes{margin-top:12px}
  .axs-ct--form .axs-aviso{margin-top:8px;max-width:31em}
  .axs-ct--form .axs-mais{margin-top:4px}
}
@media (min-width:900px) and (orientation:landscape) and (max-height:760px),(min-width:1101px) and (max-height:760px){
  .axs-ct--form .axs-txt{padding-top:72px}
  .axs-ct--form .axs-h1--trilha:not(.axs-h1--dados){font-size:min(calc(var(--h1) * var(--voz-escala-titulo) * .8),5.8svh)}
  .axs-ct--form .axs-campo input,.axs-ct--form .axs-campo select{min-height:40px;padding-top:7px;padding-bottom:7px}
  .axs-ct--form .axs-aviso{max-width:36em}
}
/* C8 · o tablet em pé (de 700 a 899 px, retrato): a composição da 390, na letra do tablet */
@media (min-width:700px) and (max-width:1100px) and (orientation:portrait){
  :root{--pad:6vw;--h1:66px}
  .axs-logo{top:30px}
  .axs-logo-svg{height:26px}
  body{font-size:19px}
  .axs-ct .axs-txt{padding-top:112px}
  .axs-ct .axs-h1--trilha:not(.axs-h1--dados):not(.axs-h1--teste){font-size:calc(58px * var(--voz-escala-titulo))}
  .axs-linha,.axs-ct .axs-linha,.axs-mais{font-size:20px}
  .axs-numero{font-size:84px}
  .axs-ct.axs-ct--foto .axs-txt{min-height:0}
  .axs-c0 .axs-txt{order:1;padding-top:116px}
  .axs-c0 .axs-h1{font-size:calc(66px * var(--voz-escala-titulo))}
  .axs-c0 .axs-linha{font-size:20px}
}

/* ===== a navegação da trilha: a pílula clara do "Ver", nas duas larguras ===== */
.axs-nav{gap:4px;padding:2px;border-radius:999px;background:color-mix(in oklab,var(--campo-luz) 94%,transparent);box-shadow:0 1px 4px color-mix(in oklab,var(--tinta) 22%,transparent)}
.axs-ct--escuro-h .axs-nav,.axs-ct--escuro-v .axs-nav{--tinta:var(--botao)}
.axs-nav .axs-seta{color:var(--botao)}
.axs-nav .axs-pontos a{border-color:var(--botao)}
.axs-nav .axs-pontos a[aria-current]{background:var(--botao)}

/* ===== a cena 1 do trajeto: quanto custa saber tarde (B-M2: as pilhas ao sol; o 3 no sinal, o 75 na tinta) ===== */
.axs-c1 .axs-txt--c1{position:relative;z-index:3}
.axs-c1 .axs-rotulo-ex{max-width:10.5em;margin-top:12px}
.axs-c1 .axs-rotulo-ex .axs-sep,.axs-ct[data-imagem="B-M2"] .axs-rotulo-ex .axs-sep{display:block;width:0;height:0;margin:0;visibility:hidden}
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  .axs-c1 .axs-dia .axs-num{margin-bottom:-.1em}
  .axs-c1 .axs-rotulo-ex,.axs-ct[data-imagem="B-M2"] .axs-txt>.axs-rotulo-ex{position:absolute;left:var(--pad);bottom:22px;margin:0;max-width:12em;line-height:1.3}
  .axs-c1 .axs-txt--c1{min-height:100svh;box-sizing:border-box}
  .axs-ct[data-imagem="B-M2"] .axs-txt{min-height:100svh;box-sizing:border-box}
}
@media (min-width:900px) and (orientation:landscape) and (max-height:899px),(min-width:1101px) and (max-height:899px){
  .axs-c1 .axs-h1{font-size:calc(min(78px,10svh) * var(--voz-escala-titulo))}
  .axs-c1 .axs-dia .axs-num{font-size:min(clamp(170px,18vw,260px),calc(28.8svh - (900px - 100svh) * .4))}
}
@media (min-width:900px) and (orientation:landscape) and (min-aspect-ratio:27/16),(min-width:1101px) and (min-aspect-ratio:27/16){.axs-c1 .axs-palco--foto{translate:-50% -47.5%}}

/* ===== a abertura: o rótulo do exemplo legível só no celular (no computador o cartão do alerta o imprime em tamanho de
   leitura); o link do teste sai no celular (fica no paredão e no computador; DIRECAO.md §3) ===== */
.axs-c0 .axs-acoes{gap:8px 22px}
.axs-c0 .axs-teste-link{margin:0}
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){.axs-c0 .axs-rotulo-ex{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){.axs-c0 .axs-rotulo-ex{margin-top:10px}}

/* ===== o paredão: a sala de trabalho (maquete do molde até a V-M12; depois a foto e as áreas medidas) ===== */
.axs-paredao{position:relative;z-index:1;width:100%}
.axs-palco--parede{position:relative;width:100%;aspect-ratio:16/10;container-type:inline-size;overflow:clip}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){.axs-palco--parede{aspect-ratio:390/844}}
.axs-palco--parede .axs-foto{position:absolute;inset:0;z-index:0}
.axs-palco--parede .axs-foto img{display:block;width:100%;height:100%;object-fit:cover}
.axs-palco--maquete{--mesa-t:46%}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){.axs-palco--maquete{--mesa-t:57%}}
.axs-c2--parede .axs-palco--parede .axs-foto{-webkit-mask-image:linear-gradient(180deg,black 86%,transparent);mask-image:linear-gradient(180deg,black 86%,transparent)}
.axs-c2{min-height:0}
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){.axs-c2{min-height:100svh}}
/* a -frente da sala (V-M12: as molduras, o suporte do tablet, o percevejo da folha) acima das telas, sem pegar o ponteiro */
.axs-palco--parede .axs-frente--parede{position:absolute;inset:0;z-index:3;pointer-events:none}
.axs-palco--parede .axs-frente--parede img{display:block;width:100%;height:100%;object-fit:cover}
/* os números de /dados numa linha só a 1440 (a coluna do texto alarga: a folha da foto recua para o canto de baixo) */
.axs-ct--dados .axs-numero{white-space:nowrap}
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){.axs-ct--dados .axs-txt{width:min(58vw,860px)}}
/* a lista das perguntas e da privacidade a 390: rola dentro de si, e o botão fica à vista acima do pé */
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){.axs-perg{max-height:calc(100svh - 360px)}}
/* /sobre: a cena com imagem e composição própria (D11 do histórico: "não tá bonito, tá bem de qualquer jeito, só texto"):
   o celular aceso sobre a decisão impressa, recuado para o canto de baixo à direita; o texto na zona calma */
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){.axs-pag-sobre .axs-ct .axs-txt{width:min(48vw,700px)}}
/* a janela mais quadrada que 3:2 (1024 × 768, 1180 × 820): a foto recua mais para o canto, e o papel medido da própria foto
   fica atrás do bloco de texto, esmaecendo para a direita: o texto nunca pousa direto sobre um objeto impresso (AA) */
@media (min-width:900px) and (orientation:landscape) and (max-aspect-ratio:3/2),(min-width:1101px) and (max-aspect-ratio:3/2){
  .axs-palco--foto.axs-palco--16x10.axs-palco--recuo{width:calc(max(100vw, 100svh * 1.6) * var(--recuo,.8) * .86)}
  .axs-ct.axs-ct--foto:not(.axs-ct--escuro-h) .axs-txt::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
    background:linear-gradient(90deg,var(--campo-h) 0 64%,color-mix(in srgb,var(--campo-h) 82%,transparent) 84%,transparent)}
  .axs-ct .axs-txt{width:min(50vw,700px)}
  .axs-ct--escuro-h::after{width:min(88vw,1040px);background:linear-gradient(90deg,color-mix(in oklab,var(--escuro) 84%,transparent) 0 58%,color-mix(in oklab,var(--escuro) 50%,transparent) 80%,transparent 100%)}
}
/* o paredão em janela de computador menor que 1440: o palco desce para o rótulo da primeira superfície não encostar na logo */
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){.axs-c2 .axs-paredao{padding-top:max(48px,clamp(0px,calc(86px - 6vw),40px))}}
/* o paredão sobre a foto real: as duas folhas só com o ícone e o "Ver" também a 1440; a folha presa desce o conteúdo
   abaixo do percevejo da foto (E8 b) */
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  .axs-tv--mini-largo .axs-tvi{grid-template-rows:1fr auto;padding:12cqw 8cqw 8cqw}
  .axs-tv--mini-largo .axs-tvi-cab,.axs-tv--mini-largo .axs-tvi-linha,.axs-tv--mini-largo .axs-tvi-vis{display:none}
  .axs-tv--mini-largo .axs-tvi-meio{grid-template-columns:1fr;justify-items:center}
  .axs-tv--mini-largo .axs-ic{--ic:38cqw}
  .axs-tv--mini-largo .axs-tv-ver{font-size:9cqw;padding:3cqw 6cqw;margin:0 auto}
  .axs-tv--mini-largo .axs-tvi-pe{justify-content:center}
}
.axs-tv--pino.axs-tv--foto .axs-tvi,.axs-tv-3.axs-tv--foto .axs-tvi{padding-top:14cqw}
/* faz-3 sobre a V-M5 (o tablet e as três pilhas): a foto recua mais e a coluna do texto estreita, para o bloco não pousar
   sobre as pilhas, que ocupam a metade esquerda da foto */
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){.axs-ct[data-imagem="V-M5"] .axs-txt{width:min(40vw,600px)}}

/* ===== correção v3 (diagramador, 17/10) ===== */
/* E4 · o dia 3 a 1440: as nove barras do gesto (gesto.js: ao pé do 3, 1,8 em do algarismo) cabem antes do 75; a coluna do 3
   reserva esse vão, e o par 3 e 75 termina antes da pilha alta da foto (52% da largura) */
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  .axs-c1 .axs-dias{column-gap:clamp(40px,3.4vw,52px)}
  .axs-c1 .axs-dia .axs-num{font-size:clamp(120px,13.6vw,206px)}
  .axs-c1 .axs-dia--3 .axs-num{min-width:1.88em}
}
@media (min-width:900px) and (orientation:landscape) and (max-height:899px),(min-width:1101px) and (max-height:899px){
  .axs-c1 .axs-dia .axs-num{font-size:min(clamp(120px,13.6vw,206px),calc(28.8svh - (900px - 100svh) * .4))}
}
/* E6 · o celular branco (B-M7): o véu do vidro mede o aro, que neste aparelho é a moldura branca, e levava a tela a cinza
   médio; aqui o véu fica mínimo e a tela continua grafite acesa (como a abertura e o paredão) */
.axs-palco[data-mestre="B-M7"] .axs-tela--vidro{--vidro-veu-k:.04}
/* a abertura: o "9" no alto da última barra encostava em "mesmo motivo" (revisor) */
.axs-c0 .axs-serie-cab,.axs-app--alerta-abertura .axs-serie-cab,.axs-app--alerta-lista .axs-serie-cab{margin-bottom:6.8cqw}
/* §5.3 do diretor de arte: a abertura a 1440 em quatro linhas, cada uma antes da borda da folha na sua altura (até a V-M1 nova) */
.axs-h1-l{display:inline}
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){.axs-c0 .axs-h1-l{display:block}.axs-c0 .axs-h1{max-width:none}}
/* C2 · o diagrama das camadas na folha (faz-1, pitch t5): o recuo do alto da folha (--app-pt, para o cabeçalho não pousar sob
   o título da cena) não vale aqui: com ele o desenho encolhia à metade; o diagrama ocupa a folha */
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){.axs-tela--pronta .axs-app--escudo{padding-top:6cqw}}
/* E4 · a etiqueta do envelope (B-M10: /pedir, adv-5, pitch t10 e t10e): a lista cabia em duas linhas e a segunda saía da
   etiqueta; no computador, a letra e os vãos menores (cabe inteira); no celular a etiqueta medida é uma tira de 226 × 40 px:
   fica o cabeçalho, a lista sai */
.axs-app--etiqueta-analise,.axs-app--etiqueta-diagnostico,.axs-tela--pronta .axs-app--etiqueta-analise,.axs-tela--pronta .axs-app--etiqueta-diagnostico{font-size:2.05cqw;padding:1.7cqw 2.6cqw;line-height:1.18}
.axs-app--etiqueta-analise .axs-etq,.axs-app--etiqueta-diagnostico .axs-etq{gap:.3em}
.axs-app--etiqueta-analise .axs-etq-topo,.axs-app--etiqueta-diagnostico .axs-etq-topo{padding-bottom:.3em}
.axs-app--etiqueta-analise .axs-etq-lista,.axs-app--etiqueta-diagnostico .axs-etq-lista{gap:.1em 1.2em}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){
  .axs-tela--pronta .axs-app--etiqueta-analise,.axs-tela--pronta .axs-app--etiqueta-diagnostico{font-size:4.6cqw;padding:2.6cqw 4cqw}
  .axs-app--etiqueta-analise .axs-etq-rot,.axs-app--etiqueta-analise .axs-etq-lista,.axs-app--etiqueta-diagnostico .axs-etq-rot,.axs-app--etiqueta-diagnostico .axs-etq-lista{display:none}
}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){
  .axs-palco--foto[style*="--app-pr-e"] .axs-tela--pronta>.axs-app{padding-right:var(--app-pr-e)}
  .axs-palco--foto[style*="--app-pl-e"] .axs-tela--pronta>.axs-app{padding-left:var(--app-pl-e)}
  /* a folha que sai pela direita (B-M6 retrato v3, 20/10: faz-1, faz-4, adv-4, pitch t5): com o recuo que cobre também o
     desenho afim, o cabeçalho de faz-1 não cabia numa linha, o de faz-4 já passava da borda ("Juizado Especial Cível do
     Rec" e o selo fora do quadro, também na v1) e o de adv-4 cortava "Leitura pro...": a letra um pouco menor e o
     cabeçalho pode ir a duas linhas, o selo à direita */
  .axs-palco--note[style*="--app-pr-e"] .axs-tela--pronta .axs-ui-cab{font-size:.78em;flex-wrap:wrap;row-gap:.3em}
  /* o selo "Exemplo" fica no tamanho de antes (.85 × .85 = .72 do corpo; o testar-peca acusava 10,8 px no WebKit) */
  .axs-palco--note[style*="--app-pr-e"] .axs-tela--pronta .axs-ui-ex{font-size:.925em}
  /* adv-4: a linha "Condenação R$ 48.200,00 página 12" passava 17 px do recuo (a página encostava na borda da tela na
     captura do WebKit): a letra da lista e o vão um pouco menores */
  .axs-palco--note[style*="--app-pr-e"] .axs-tela--pronta .axs-vl{font-size:.95em}
  .axs-palco--note[style*="--app-pr-e"] .axs-tela--pronta .axs-vl li{gap:.55em}
}
/* a etiqueta: o item longo ("Imprensa e tendências do setor") quebrava dentro da coluna e empurrava a segunda linha para fora */
.axs-app--etiqueta-analise .axs-etq-lista li,.axs-app--etiqueta-diagnostico .axs-etq-lista li{white-space:nowrap}
/* o cabeçalho dos gráficos impressos pode ir a duas linhas (a 390 o título do exemplo saía com reticências) */
.axs-ui--graf .axs-ui-org{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2}
/* a folha sob o celular da abertura (V-M1 nova, o maço liso): a decisão impressa na faixa que se vê à esquerda do aparelho,
   o trecho do valor marcado (revisor, gosto: "a folha de blocos cinza lê esboço") */
.axs-ui--faixa{gap:.6em}
.axs-ui--faixa .axs-fi-txt{font-size:.9em;line-height:1.35}
.axs-fi-txt--marca{background:var(--ui-marca-papel);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.axs-app--fonte:has(.axs-ui--faixa){font-size:8.6cqw;padding:16cqw 9cqw 10cqw;line-height:1.3}
.axs-ui--faixa .axs-ui-rot{margin-top:0}
.axs-ui--faixa .axs-fi-txt{margin-top:.5em}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){.axs-app--fonte:has(.axs-ui--faixa){font-size:8cqw;padding:14cqw 8cqw 8cqw}}
/* o vão de 48 px acima da sala, a 1440: da cor da primeira linha da foto, e a borda de cima da foto esmaece nele (sem faixa) */
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  .axs-c2--parede .axs-paredao{background:var(--campo-topo-h,var(--campo-h))}
  .axs-c2--parede .axs-palco--parede .axs-foto{-webkit-mask-image:linear-gradient(180deg,transparent 0,black 4%,black 86%,transparent);mask-image:linear-gradient(180deg,transparent 0,black 4%,black 86%,transparent)}
}
.axs-fi-mot{background:none}
.axs-fi-mot .axs-marca-t{background:linear-gradient(transparent 64%,var(--ui-marca-papel) 64%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
/* sem JavaScript, o paredão a 1440: a folha deitada e o tablet preenchem a caixa envolvente da área; o "Ver" e o ícone das
   superfícies pequenas em px, para não sair enorme (pedido opcional do engenheiro, 17/10) */
html:not(.axs-js) .axs-tv--mini .axs-tv-ver{font-size:13px;padding:4px 10px}
html:not(.axs-js) .axs-tv--mini .axs-ic{--ic:min(34cqw,56px)}
/* ===== ciclo 2 da crítica, S1 e S3: a página impressa inteira sob o aparelho (V-M1, abertura, /sobre, pitch t0 e t0e) =====
   A caixa é a janela da folha (montar/folhas.json): --jw × --jh mm, a partir de --ju, --jv; a página vai em mm (1 mm =
   --pmm), a letra em pt na escala do aparelho (10,5 pt no corpo). Cada bloco tem --x, --y e --w em mm. Abaixo do vidro: vem
   antes da tela no HTML, e a -frente cobre o corpo do aparelho. Sem <p>: é impressão dentro da foto, não texto da página. */
.axs-tela--pagina{--pmm:calc(100cqw / var(--jw))}
.axs-tela--pagina>.axs-app--fonte{padding:0;font-size:calc(10.5 * .3528 * var(--pmm));line-height:1.42;font-family:var(--voz-texto);font-weight:var(--voz-peso-texto);color:var(--ui-tinta)}
.axs-pg{position:absolute;left:calc(var(--ju,0) * -1 * var(--pmm));top:calc(var(--jv,0) * -1 * var(--pmm));width:calc(var(--pw) * var(--pmm));height:calc(var(--ph) * var(--pmm))}
.axs-pg-b{position:absolute;left:calc(var(--x) * var(--pmm));top:calc(var(--y) * var(--pmm));width:calc(var(--w) * var(--pmm));margin:0}
.axs-pg-b>span{display:block}
.axs-pg-b--dir{text-align:right}
.axs-pg-pt{font-size:calc(var(--pt) * .3528 * var(--pmm))}
.axs-pg-org{font-weight:var(--voz-peso-menu);letter-spacing:.02em;line-height:1.3}
.axs-pg-juizo{font-family:var(--voz-botao);font-weight:var(--voz-peso-botao);font-stretch:var(--voz-largura-botao);line-height:1.16}
.axs-pg-tipo{font-family:var(--voz-botao);font-weight:var(--voz-peso-botao);text-transform:uppercase;letter-spacing:.14em;line-height:1.2}
.axs-pg-partes{line-height:1.36}
.axs-pg-partes b{font-weight:var(--voz-peso-menu)}
.axs-pg-ementa{font-family:var(--voz-botao);font-weight:var(--voz-peso-botao);text-transform:uppercase;letter-spacing:.03em;line-height:1.38}
.axs-pg-par{white-space:nowrap}
.axs-pg-marca>span>span{background:var(--ui-marca-papel);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.axs-pg-valor{font-weight:var(--voz-peso-menu);font-variant-numeric:tabular-nums lining-nums}
.axs-pg-fio{position:absolute;left:calc(var(--x) * var(--pmm));top:calc(var(--y) * var(--pmm));width:calc(var(--w) * var(--pmm));height:0;border-top:calc(.25 * var(--pmm)) solid color-mix(in oklab,var(--ui-tinta) 55%,transparent)}
.axs-pg-just>span{text-align:justify;text-align-last:justify}
.axs-pg-just>span.axs-pg-ult{text-align-last:left}
.axs-pg-corte{overflow:hidden}
/* S3 a 390: o rótulo "Exemplo: empresa fictícia" saía de cima da borda do maço (a folha de cima subia até 8 px dele). A foto
   desce 24 px (o alto do celular fica 38 px abaixo do texto, não 14) e o rótulo encosta no botão: a borda do maço passa 14 px
   ou mais abaixo do rótulo em toda a largura dele (medido na foto, coluna a coluna, capturas/diagramador/ciclo2/) */
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){
  .axs-c0 .axs-palco--foto{margin-top:calc(38px - var(--obj-v,.4) * 216.41vw)}
  .axs-c0 .axs-rotulo-ex{margin-top:6px}
}
.axs-pg-ementa>span{white-space:nowrap}
.axs-pg-mt{background:var(--ui-marca-papel);padding:0 .1em}
/* a tela da V-M1 sai pela direita do quadro na paisagem a partir de 51% da altura (o recorte do ciclo 2, diretor de imagem):
   o "Abrir" e a lista de baixo recuam do lado direito até nada que se lê ficar fora (medido na homografia: a 71% da altura
   13% da largura fica fora, a 87%, 30%) */
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  .axs-c0 .axs-palco[data-mestre="V-M1"] .axs-al-abrir,.axs-pt .axs-palco[data-mestre="V-M1"] .axs-al-abrir,.axs-palco--recuo[data-mestre="V-M1"] .axs-al-abrir{margin-right:9cqw}
  .axs-palco[data-mestre="V-M1"] .axs-app--alerta-abertura .axs-al-outros{margin-right:31cqw;grid-template-columns:minmax(0,1fr)}
}
/* o marca-texto do impresso com folga em cima e embaixo (impeccable: cramped-padding no fundo sem respiro); a linha justificada
   com hifenização declarada (cada linha é um bloco de uma linha só: nada quebra) */
.axs-pg-marca>span>span,.axs-pg-mt{padding:.16em .1em .12em;margin:0 -.1em}
.axs-pg-just>span{hyphens:auto;-webkit-hyphens:auto}
/* S5 (ciclo 2): a 1440 "9 reclamações. R$ 18 mil para" encostava no pé do "3" e da primeira barra (vão de 1 px, medido em
   capturas/diagramador/_scripts/vao.py): o texto desce 16 px, os dois pares iguais */
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){.axs-c1 .axs-dia .axs-num{margin-bottom:calc(16px - .1em)}}
/* S6 (ciclo 2): no tablet do paredão (S5, a tela larga e baixa) o "Ver" cobria o pé do ícone a 1440: ícone e "Ver" numa coluna
   centrada, com 8 px de vão, e o ícone do tamanho que a altura da tela comporta */
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  .axs-tv-5.axs-tv--mini-largo .axs-tvi{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:9cqw 8cqw 7cqw}
  .axs-tv-5.axs-tv--mini-largo .axs-tvi-meio,.axs-tv-5.axs-tv--mini-largo .axs-tvi-pe{flex:none;display:flex;justify-content:center}
  .axs-tv-5.axs-tv--mini-largo .axs-ic{--ic:27cqw}
  .axs-tv-5.axs-tv--mini-largo .axs-tv-ver{margin:0}
}
/* S7 (ciclo 2): em janela mais alta que 16:10 (1024 × 768) a sala acabava a 688 px e o rodapé entrava cortado no pé da tela:
   o paredão ocupa a tela inteira (a foto em cover, cortada dos lados; o motor mede a caixa da imagem por object-fit) e o
   rodapé vem depois */
@media (min-width:900px) and (orientation:landscape) and (max-aspect-ratio:3/2),(min-width:1101px) and (max-aspect-ratio:3/2){
  .axs-c2 .axs-palco--parede{aspect-ratio:auto;height:calc(100svh - max(48px,clamp(0px,calc(86px - 6vw),40px)))}
  .axs-c2 .axs-palco--parede .axs-foto img,.axs-c2 .axs-palco--parede .axs-frente--parede img{object-position:72% 50%}
  /* "O que os dados dizem" ficava a 15 px da base do monitor de cima e a 30 do seu: desce para o vão de cima do S4 */
  .axs-c2 .axs-tv-4 .axs-tv-rotulo{translate:0 14px}
}
/* S9 (ciclo 2): o aviso de dados dos formulários em --tinta-suave media 4,48:1 sobre o campo de /pedir: vai à --tinta */
.axs-aviso{color:var(--tinta)}
/* P4 (ciclo 2): o caso em duas curvas na folha da t2 do pitch; o 3 e o 75 grandes, como no dia 3 do site */
.axs-g--tempo2 .axs-g-traco--sem{stroke:var(--g-tinta);stroke-width:5}
.axs-g--tempo2 .axs-g-traco--com{stroke:var(--g-sinal);stroke-width:7}
.axs-g--tempo2 .axs-g-para{stroke:var(--g-sinal);stroke-width:3}
.axs-g--tempo2 .axs-g-ponto--sem{fill:var(--g-tinta)}
.axs-g-grande{font-family:var(--voz-numero);font-weight:var(--voz-peso-numero);font-stretch:100%;font-size:170px;letter-spacing:-.02em;fill:var(--g-tinta);font-variant-numeric:tabular-nums lining-nums}
.axs-g-grande--3{fill:var(--g-sinal)}
.axs-g--tempo2 .axs-g-rot{font-size:31px}
.axs-g--tempo2 .axs-g-rot--forte{fill:var(--g-tinta);font-weight:var(--voz-peso-menu)}
.axs-g--tempo2 .axs-g-fio75{stroke:var(--g-tinta);stroke-width:2}
.axs-g--tempo2 .axs-g-rot--sinal{fill:var(--g-sinal)}
/* o marca-texto do impresso como imagem de fundo (a mesma técnica do .axs-marca da decisão): a faixa cobre a linha sem o
   respiro que um fundo de cor pediria (impeccable: cramped-padding) e sem as faixas de duas linhas se sobreporem */
.axs-pg-marca>span>span,.axs-pg-mt{background:linear-gradient(var(--ui-marca-papel) 0 0) 0 0/100% 100% no-repeat;padding:.08em .1em .04em;margin:0 -.1em}
/* ===== passada curta (17/10/2026, diagramador): os resíduos do crítico e da leitura a frio ===== */
/* /sobre no celular: o botão cobria o cabeçalho impresso da folha (o maço sobe à direita do aparelho até 30 px acima do pé do
   botão, a 390). Na V-M1 em trilha a foto desce 52 px a mais: o maço fica 16 px ou mais abaixo do botão (medido coluna a
   coluna sob o botão, capturas/diagramador/passada/) */
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){
  .axs-ct .axs-palco--foto[data-mestre="V-M1"]{margin-top:calc(66px - var(--obj-v,.4) * 216.41vw)}
}
/* a abertura em janela deitada mais alta que 16:10 (1024 x 768, 1180 x 820): o palco 16:10 em cover cortava a direita da
   foto, e com ela a última barra do histograma, o "Abrir" e os dias da lista. O palco encosta na direita (a foto se vê até a
   borda dela, como a 1440; o que sai pela esquerda é campo) e o título se mede pelo vão que sobra até o maço: o fim da
   primeira linha fica 14 px antes da quina do maço (86,96svh: a quina, a 45,65% da largura da foto, medida da direita) */
@media (min-width:900px) and (orientation:landscape) and (orientation:landscape) and (max-aspect-ratio:8/5),(min-width:1101px) and (orientation:landscape) and (max-aspect-ratio:8/5){
  .axs-c0 .axs-palco--foto{left:auto;right:0;translate:0 -50%}
  .axs-c0 .axs-h1{font-size:min(calc(var(--h1) * var(--voz-escala-titulo)),calc((100vw - 86.96svh - var(--pad) - 14px) * .1751));max-width:calc(100vw - 86.96svh - var(--pad) - 14px)}
}
/* a letra da sentença impressa: o corpo a 8 pt na escala do aparelho (era 10,5): a do papel fica menor que a da interface do
   celular (a 1440, 17 px contra 19,5 do alerta), e o celular volta a ser o primeiro plano */
.axs-tela--pagina>.axs-app--fonte{font-size:calc(8 * .3528 * var(--pmm))}
/* t2 do pitch: o 3 e o 75 com "dia" antes, na linha de base do número (leitura a frio: eram lidos como quantidades) */
.axs-g--tempo2 .axs-g-dia{font-family:var(--voz-texto);font-weight:var(--voz-peso-menu);font-size:46px;letter-spacing:0;fill:var(--g-tinta)}
/* o dia 3 do site: "Dia" antes do 3 e do 75, no mesmo elemento, na linha de base do número (TEXTO-v3, linha 5; a leitura a
   frio lia 3 e 75 como quantidades). A palavra a .18 em do número; a coluna do 3 reserva também a palavra; o número fica menor
   a 1440 para o par "Dia 3" e "Dia 75" terminar antes da pilha alta da foto, como antes */
.axs-num-dia{font-family:var(--voz-texto);font-weight:var(--voz-peso-menu);font-stretch:100%;font-size:.18em;letter-spacing:0;line-height:1;color:var(--tinta);font-variant-numeric:normal}
/* o vão até a pilha alta: ela começa a 52% do palco (max(100vw, 160svh), centrado); o par cabe em 2,3 em + o vão + 1,56 em e
   termina 16 px antes dela; a linha do 75 quebra dentro desse vão */
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  .axs-c1{--dias-w:calc(50vw + max(2vw, 3.2svh) - var(--pad) - 16px)}
  .axs-c1 .axs-dias{max-width:var(--dias-w);grid-template-columns:auto minmax(0,1fr)}
  .axs-c1 .axs-dia .axs-num{font-size:min(11.1vw,172px,calc((var(--dias-w) - clamp(40px,3.4vw,52px)) / 3.86))}
  .axs-c1 .axs-dia--3 .axs-num{min-width:2.3em}
  .axs-c1 .axs-dia--75 dd{max-width:100%}
  .axs-c1 .axs-dia--75 .axs-num{white-space:nowrap}
}
@media (min-width:900px) and (orientation:landscape) and (max-height:899px),(min-width:1101px) and (max-height:899px){
  .axs-c1 .axs-dia .axs-num{font-size:min(11.1vw,172px,calc((var(--dias-w) - clamp(40px,3.4vw,52px)) / 3.86),calc(24.4svh - (900px - 100svh) * .34))}
}
/* ===== próxima correção (diagramador, 18/10/2026): o "Ver" do paredão e o convite ===== */
/* O "Ver" se lê como botão em toda superfície do paredão (leitura a frio da v3, item 2; passada final da crítica: no tablet e
   nas duas folhas ele saía com 4,5 a 6 px de letra a 390 e parecia enfeite). Continua dentro da tela: a homografia o leva
   em perspectiva, e na folha deitada o anamórfico do engenheiro o endireita. A letra se mede em cqw da superfície, como
   antes, com um piso: 15 px VISTOS, isto é, o piso em px dividido pela escala local da homografia no ponto do "Ver"
   (--ver-k). A escala depende só da forma da área na foto, e é a mesma em toda largura do mesmo formato (paisagem ou
   retrato); medida por capturas/diagramador/proxima/_scripts/paredao.py nas cinco janelas. Se a V-M12 mudar, mede-se de novo.
   A cápsula em em, nas proporções de antes; a altura vista fica em 32 px ou mais. */
.axs-palco--parede .axs-tv{--ver-k:1;--ver-cq:4.2cqw;--ver-piso:15px}
.axs-palco--parede .axs-tv .axs-tv-ver{font-size:max(calc(var(--ver-piso) / var(--ver-k)),var(--ver-cq));line-height:1.2;padding:.48em .84em;gap:.36em}
.axs-palco--parede .axs-tv .axs-tv-ver svg{flex:none;width:1.04em;height:.66em}
.axs-palco--parede .axs-tv--mini .axs-tv-ver,.axs-palco--parede .axs-tv--mini-largo .axs-tv-ver{padding:.48em .62em;gap:.3em}
.axs-palco--parede .axs-tv--mini .axs-tv-ver svg,.axs-palco--parede .axs-tv--mini-largo .axs-tv-ver svg{width:.92em;height:.58em}
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  .axs-palco--parede .axs-tv-1{--ver-k:.64}
  .axs-palco--parede .axs-tv-2{--ver-k:.72}
  .axs-palco--parede .axs-tv-3{--ver-k:.93}
  .axs-palco--parede .axs-tv-4{--ver-k:.9}
  .axs-palco--parede .axs-tv-5{--ver-k:.83}
  .axs-palco--parede .axs-tv-6{--ver-k:.43}
  .axs-palco--parede .axs-tv--mini-largo{--ver-cq:9cqw}
}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){
  .axs-palco--parede .axs-tv{--ver-cq:4.6cqw}
  .axs-palco--parede .axs-tv-1{--ver-k:.96}
  .axs-palco--parede .axs-tv-2{--ver-k:.98}
  .axs-palco--parede .axs-tv-3{--ver-k:.97}
  .axs-palco--parede .axs-tv-4{--ver-k:.9}
  .axs-palco--parede .axs-tv-5{--ver-k:.9}
  .axs-palco--parede .axs-tv-6{--ver-k:.48}
  .axs-palco--parede .axs-tv--mini{--ver-cq:6.2cqw}
  /* a folha presa: o "Ver" sobe 7 px do pé da folha (um quadrado de 44 px centrado nele cabe no link) */
  .axs-palco--parede .axs-tv--mini .axs-tvi{padding-bottom:10cqw;row-gap:4px}
  /* o tablet (78 px de altura a 390): o ícone menor, para o ícone e a cápsula caberem um sobre o outro */
  .axs-palco--parede .axs-tv-5.axs-tv--mini .axs-tvi{padding:5cqw 6cqw 7cqw}
  .axs-palco--parede .axs-tv-5.axs-tv--mini .axs-ic{--ic:22cqw}
}
/* sem JavaScript a tela preenche a caixa envolvente da área, sem perspectiva: a escala é 1 */
html:not(.axs-js) .axs-palco--parede .axs-tv{--ver-k:1}
html:not(.axs-js) .axs-palco--parede .axs-tv--mini .axs-tv-ver{font-size:15px;padding:.48em .62em}

/* O convite (TEXTO-v3, linha 40): o título visível da cena, no lugar do h2 "Menu" oculto, acima da sala e fora da foto.
   No computador ele fecha a linha de cima com a logo (a logo à esquerda, o título à direita, na faixa acima da foto, que
   passa de 48 a 64 px): a parede do alto à direita é o vão calmo da sala e nenhum rótulo mora ali. No celular e no tablet
   em pé, a logo e o título se empilham numa faixa da cor do alto da foto, como o rótulo e o título das outras cenas; a
   foto entra esmaecendo por baixo dela. Sem ponto, como "Quanto custa saber tarde". */
.axs-convite{position:relative;z-index:3;margin:0;font-family:var(--voz-titulo);font-weight:var(--voz-peso-titulo);font-stretch:var(--voz-largura-titulo);letter-spacing:var(--voz-entreletra-titulo);line-height:1.08;color:var(--tinta);text-wrap:balance}
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  .axs-c2{--banda:64px}
  .axs-c2 .axs-paredao{padding-top:var(--banda)}
  .axs-c2 .axs-convite{position:absolute;top:21px;right:var(--pad);font-size:31px;white-space:nowrap}
}
@media (min-width:900px) and (orientation:landscape) and (max-aspect-ratio:3/2),(min-width:1101px) and (max-aspect-ratio:3/2){
  .axs-c2 .axs-palco--parede{height:calc(100svh - var(--banda))}
}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){
  /* a faixa da cor do alto da foto só atrás da logo, do título e da entrada esmaecida da foto; o rodapé fica no campo */
  .axs-c2--parede .axs-paredao{background:linear-gradient(var(--campo-topo-v,var(--campo)),var(--campo-topo-v,var(--campo))) 0 0/100% 92px no-repeat}
  .axs-c2 .axs-convite{position:absolute;top:48px;left:var(--pad);right:var(--pad);font-size:24px}
  /* a sala desce 58 px: o título fica no ar acima dela (a foto entra esmaecendo por baixo do pé da letra, sobre a parede
     vazia, abaixo de metade da opacidade) e a sala inteira, até o "Ver" da folha deitada, cabe na tela de 844 */
  .axs-c2--parede .axs-paredao{padding-top:58px}
  .axs-c2--parede .axs-palco--parede .axs-foto{-webkit-mask-image:linear-gradient(180deg,transparent 0,black 4%,black 86%,transparent);mask-image:linear-gradient(180deg,transparent 0,black 4%,black 86%,transparent)}
}
/* o tablet em pé (a logo desce a 30 px e cresce a 26): o título abaixo dela, na letra do tablet */
@media (min-width:700px) and (max-width:1100px) and (orientation:portrait){
  .axs-c2 .axs-convite{top:74px;font-size:clamp(34px,4.4vw,44px)}
  .axs-c2--parede .axs-paredao{padding-top:132px;background-size:100% 175px}
}
/* sem JavaScript (a tela é a caixa envolvente da área, recortada pelo contorno): a folha deitada é uma caixa larga e baixa,
   e o ícone e a cápsula se empilham em px; no monitor da mesa a linha de baixo sobe do canto que o contorno corta */
html:not(.axs-js) .axs-palco--parede .axs-tv-6 .axs-tvi{padding:6px 6px 8px;row-gap:4px}
html:not(.axs-js) .axs-palco--parede .axs-tv-6 .axs-ic{--ic:min(34cqw,34px)}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){html:not(.axs-js) .axs-palco--parede .axs-tv-4 .axs-tvi{padding-bottom:9cqw}}
/* ===== categoria (diagramador, 19/10/2026) ===== */
/* o rótulo da abertura passa a "Interceptação de risco jurídico para empresas" (TEXTO-v3, linha 44: 6 palavras, eram 4). Em
   janela deitada até 16:10 o título se mede pelo vão até o maço; o rótulo, acima dele, toma a mesma medida e quebra em duas
   linhas equilibradas quando não cabe (a 1024 × 768 o vão tem 278 px e o rótulo numa linha, cerca de 330), em vez de passar
   por cima da quina do maço. A 1440 × 900 o vão tem 579 px e o rótulo segue numa linha */
@media (min-width:900px) and (orientation:landscape) and (orientation:landscape) and (max-aspect-ratio:8/5),(min-width:1101px) and (orientation:landscape) and (max-aspect-ratio:8/5){
  .axs-c0 .axs-rotulo{max-width:calc(100vw - 86.96svh - var(--pad) - 14px);text-wrap:balance}
}

/* ===== AXIS, site público (axislegal.com.br): o que muda sobre a v3 (diagramador, 20/10/2026) =====
   A mesma peça visual da v3 (direcao-v3.css e cenas-v3.css, copiados sem mudança); aqui só o que a forma a público pede:
   o rótulo dentro do h1 (§4, Títulos e cabeçalhos), as interfaces sem função sem registro (§4, Imagem), as tabelas dos
   gráficos no "Ler mais" (§8, Texto alternativo), o pé das páginas internas com a data (§6) e a 404. Só tokens de cor. */

/* o rótulo da cena no span do h1, com a cara do rótulo da v3 (o título continua na voz do título) */
.axs-h1>.axs-rotulo{display:block;font-family:var(--voz-texto);font-weight:var(--voz-peso-menu);font-stretch:100%;font-size:15px;line-height:1.45;letter-spacing:0;margin:0 0 10px;max-width:none;text-transform:none;color:var(--tinta-2)}
.axs-h1>.axs-rotulo .axs-rot-ic{vertical-align:-5px;margin-right:8px}
.axs-c0 .axs-h1>.axs-rotulo{margin-bottom:6px}
.axs-rotulo[aria-hidden="true"]:empty{display:none}

/* /dados, cena 1: o número vem antes do h1; o rótulo (no span do h1) sobe para o alto do bloco, acima do número, como o
   rótulo das outras cenas de dados */
/* --pt-txt é o padding-top do bloco de texto da cena (direcao-v3.css e cenas-v3.css, nas mesmas consultas) */
.axs-ct--dados .axs-txt:has(>.axs-h1>.axs-rotulo){--pt-txt:84px;position:relative;padding-top:calc(var(--pt-txt) + 32px)}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){.axs-ct--dados .axs-txt:has(>.axs-h1>.axs-rotulo){--pt-txt:68px}}
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){.axs-ct--dados .axs-txt:has(>.axs-h1>.axs-rotulo){--pt-txt:72px}}
@media (min-width:900px) and (orientation:landscape) and (max-height:799px),(min-width:1101px) and (max-height:799px){.axs-ct--dados .axs-txt:has(>.axs-h1>.axs-rotulo){--pt-txt:78px}}
@media (min-width:700px) and (max-width:1100px) and (orientation:portrait){.axs-ct--dados .axs-txt:has(>.axs-h1>.axs-rotulo){--pt-txt:112px}}
.axs-ct--dados .axs-h1>.axs-rotulo{position:absolute;top:var(--pt-txt);left:var(--pad);margin:0}
.axs-numero--longo{white-space:normal!important}
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){.axs-numero--longo{font-size:72px!important}}

/* a linha da cena 1 do início, entre o título e as colunas (§5, cena 1) */
.axs-linha--c1{margin:10px 0 18px;max-width:30em;font-size:17px;line-height:1.45;color:var(--tinta-2)}
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){.axs-linha--c1{font-size:19px;max-width:min(34em,var(--dias-w,34em))}}
/* computador baixo (até 799 de altura, o caso de 1366 x 650 e 1536 x 730): nas duas cenas da B-M2 o rótulo do exemplo, preso
   ao pé, pousava sobre a pilha pequena, que nessas proporções desce até ele; ele passa a vir logo abaixo do texto, à esquerda
   da pilha. A linha da cena 1 fica no vão do par 3 e 75 (termina antes da pilha alta). Medido em _conferir/medir_bm2.py */
@media (min-width:900px) and (orientation:landscape) and (max-height:799px),(min-width:1101px) and (max-height:799px){
  .axs-c1 .axs-rotulo-ex,.axs-ct[data-imagem="B-M2"] .axs-txt>.axs-rotulo-ex{position:static;margin-top:14px}
  .axs-linha--c1{font-size:17px;margin:8px 0 0}
}
.axs-c1 .axs-dia--3 .axs-num{min-width:auto}
/* no telefone a linha nova empurrava a coluna do dia 75 sobre o cartão do topo da pilha alta (a pilha começa a 1,078 da
   largura da tela, pela proporção da B-M2 retrato): o bloco sobe e o número encolhe o que a linha ocupa */
@media (max-width:599px){
  .axs-txt--c1{padding-top:76px}
  .axs-linha--c1{margin:8px 0 0;font-size:16px;line-height:1.4}
  .axs-c1 .axs-dias{margin-top:12px;gap:16px}
  .axs-c1 .axs-dia .axs-num{font-size:min(80px,20.5vw)}
  .axs-c1 .axs-num-dia{font-size:15px}
  /* o bloco de texto tem altura quase fixa e a pilha acompanha a largura: abaixo de 420 a foto cresce (centrada, sangra
     dos dois lados) até o topo da pilha passar do texto com 12 px ou mais (medido em _conferir/medir_c1.py); descer a
     foto abria uma faixa no alto, porque a borda de cima da B-M2 não é de cor única. Em tela baixa a cena cresce até
     a base da pilha, em vez de cortá-la */
  .axs-c1{--wp:max(100vw,420px);min-height:max(100svh,calc(var(--wp) * 1.861))}
  .axs-c1 .axs-palco--foto{width:var(--wp);left:calc((100vw - var(--wp)) / 2)}
}

/* a identificação em /sobre */
.axs-ident{margin:12px 0 0;font-size:17px;color:var(--tinta-2)}
.axs-ident+.axs-ident{margin-top:4px}

/* as tabelas das séries e do exemplo, no "Ler mais" */
.axs-tab{border-collapse:collapse;margin:6px 0 12px;font-size:15px;line-height:1.35;font-variant-numeric:tabular-nums;color:var(--tinta-2)}
.axs-tab caption{caption-side:top;text-align:left;font-weight:var(--voz-peso-menu);color:var(--tinta);padding:0 0 6px}
.axs-tab th,.axs-tab td{padding:3px 14px 3px 0;border-bottom:1px solid var(--fio);text-align:left;vertical-align:top;font-weight:var(--voz-peso-texto)}
.axs-tab thead th{color:var(--tinta);font-weight:var(--voz-peso-menu)}
.axs-tab td{text-align:right}
.axs-tab--dias td{text-align:left}
.axs-mais-lista{margin:0 0 10px;padding-left:1.1em}
.axs-mais-lista li{margin:0 0 4px}
.axs-mais-sub{margin:12px 0 4px!important;color:var(--tinta);font-weight:var(--voz-peso-menu)}
.axs-perg-link{margin:8px 0 0}

/* o pé das páginas internas: "Atualizado em", a definição, a frase do R043, os dois links e a identificação */
.axs-rodape--pagina{border-top:1px solid var(--fio);background:var(--papel)}
.axs-atualizado{margin:0;color:var(--tinta-2)}
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){.axs-rodape--pagina{grid-template-columns:1fr auto}.axs-rodape--pagina .axs-atualizado{grid-column:1 / -1}}

/* a 404 */
.axs-erro-cena{min-height:70svh}
.axs-erro-cena .axs-acoes{display:flex;gap:22px;flex-wrap:wrap}

/* ---- as interfaces na forma a público ---- */

/* a abertura (V-M1): as decisões lidas, o histograma do valor lido por semana e a decisão aberta */
.axs-app--pub-abertura .axs-barras i::after{content:none!important}
.axs-app--pub-abertura .axs-app-ex{font-size:3.4cqw}
.axs-pa-dec{gap:2.2cqw}
.axs-pa-dec .axs-al-topo span+span{margin-left:auto;font-size:3.4cqw}
.axs-pa-trecho{margin:0;font-family:var(--voz-texto);font-size:3.8cqw;line-height:1.4;color:var(--vidro-texto-2)}
.axs-pa-trecho mark{background:color-mix(in oklab,var(--sinal-vidro) 30%,transparent);color:var(--vidro-texto);padding:0 .3cqw;border-radius:.6cqw}
.axs-pa-valor{margin:0;display:flex;align-items:baseline;gap:2.4cqw;padding-left:2.4cqw;border-left:.5cqw solid var(--sinal-vidro);font-size:3.6cqw;color:var(--vidro-texto-2)}
.axs-pa-valor b{font-size:6cqw;font-weight:var(--voz-peso-numero);color:var(--vidro-texto)}
/* a 1440 o celular sai do quadro pela direita na metade de baixo: o que fica ali recua desse lado */
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  .axs-c0 .axs-app--pub-abertura .axs-pa-dec,.axs-pag-sobre .axs-app--pub-abertura .axs-pa-dec{margin-right:16cqw}
  .axs-c0 .axs-app--pub-abertura .axs-al-abrir,.axs-pag-sobre .axs-app--pub-abertura .axs-al-abrir{align-self:flex-start}
}

/* os cartões do exemplo (B-M2): sem a marca da AXIS, o dia no lugar da fonte */
.axs-ui--cartao .axs-ui-org{font-weight:var(--voz-peso-menu);color:var(--ui-tinta)}

/* as camadas (B-M6, /o-que-faz 1): as duas de fora tracejadas, sem pontos; a de dentro em traço cheio */
.axs-cam--pub .axs-cam-placa--des{stroke-width:2;stroke-dasharray:7 6!important;animation:none!important}
.axs-cam-estado{font-size:17px;fill:var(--tinta);font-weight:var(--voz-peso-menu)}
.axs-cam-estado--des{fill:var(--tinta-2);font-weight:var(--voz-peso-texto);font-style:italic}
.axs-cam--pub .axs-cam-sinal--des{fill:none;stroke:var(--tinta-2);stroke-width:2;stroke-dasharray:3 3;animation:none!important}
.axs-cam--pub .axs-cam-dia{fill:var(--tinta-2);font-weight:var(--voz-peso-texto)}
.axs-esc-dec .axs-fi-nivel span:first-child{font-weight:var(--voz-peso-menu);color:var(--ui-tinta)}
.axs-esc-dec .axs-esc-txt b{color:var(--ui-tinta)}

/* a folha das fontes (B-M4): a lápis o que está desenhado, em tinta o que foi lido */
.axs-pf-sub{margin:0;font-size:.8em;color:var(--ui-tinta-2)}
.axs-pf{list-style:none;margin:0;padding:0;display:grid;gap:.3em}
.axs-pf li{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 .6em;padding:.25em 0;border-bottom:1px solid var(--ui-fio)}
.axs-pf b{font-weight:var(--voz-peso-menu)}
.axs-pf small{flex-basis:100%;font-size:.8em;color:var(--ui-tinta)}
.axs-pf--des{border-bottom-style:dashed!important;color:var(--ui-tinta-2)}
.axs-pf--des b{font-weight:var(--voz-peso-texto);font-style:italic}
.axs-pf--des span{font-size:.8em;font-style:italic}
.axs-pf--lido{border-bottom:2px solid var(--ui-tinta)!important;color:var(--ui-tinta)}
.axs-pf--lido span{font-size:.8em;font-weight:var(--voz-peso-menu)}

/* as decisões lidas (V-M6, /como-funciona 2), no portátil */
.axs-tela .axs-app--pub-decisoes{padding:0;display:block}
.axs-tela .axs-pd-corpo{grid-template-columns:1fr 1.25fr}
.axs-tela .axs-pd-lista{list-style:none;margin:0;padding:0;display:grid;gap:.9cqw}
.axs-tela .axs-pd-lista li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1.2cqw;padding:1.1cqw 1.3cqw;border-radius:.9cqw;background:var(--vidro-bloco-2);font-size:1.45cqw}
.axs-tela .axs-pd-lista li.axs-on{box-shadow:inset .3cqw 0 0 var(--acento-vivo)}
.axs-tela .axs-pd-lista b{font-weight:var(--voz-peso-menu)}
.axs-tela .axs-pd-v{font-weight:var(--voz-peso-numero);white-space:nowrap}
.axs-tela .axs-pd-lista .axs-pn-pag{color:var(--vidro-texto);text-decoration:underline;text-underline-offset:.3cqw;white-space:nowrap}
.axs-tela .axs-pd-vazia{grid-template-columns:1fr 6cqw!important;min-height:2.2cqw}
.axs-tela .axs-pd-vazia i{display:block;height:1cqw;border-radius:.5cqw;background:var(--vidro-fio)}
.axs-tela .axs-pd-vazia i:first-child{width:70%}
.axs-tela .axs-pd-dec{display:flex;flex-direction:column;gap:1cqw;font-size:1.5cqw;height:100%;box-sizing:border-box}
.axs-tela .axs-pd-dec .axs-dec-barra{color:var(--vidro-texto-2)}
.axs-tela .axs-pd-aberta{grid-auto-rows:1fr}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){
  .axs-tela .axs-pd-corpo{grid-template-columns:1fr 1.2fr}
  .axs-tela .axs-pd-lista li{font-size:2.2cqw}
  .axs-tela .axs-pd-dec{font-size:2.1cqw}
  .axs-tela .axs-pd-lista li:nth-child(n+4){display:none}
}

/* a linha do tempo de /dados 4 */
.axs-g--prazo .axs-g-fio{stroke:var(--tinta-2);stroke-width:2}

/* os cartões do exemplo, na folha de cima de cada pilha: três linhas na altura da folha */
.axs-app--fonte:has(.axs-ui--cartao){padding-top:7cqw;padding-bottom:4cqw}
.axs-ui--cartao{gap:.3em!important}
.axs-ui--cartao .axs-fi-mot{font-size:1.15em}
.axs-ui--cartao .axs-fi-num b{display:inline;font-size:1.45em;line-height:1;margin-right:.15em}
.axs-ui--rel.axs-ui--cartao .axs-fi-num b{font-size:1.45em}
/* a decisão aberta no celular: o juízo numa linha própria */
.axs-pa-dec .axs-al-topo{display:grid;gap:.4cqw}
.axs-pa-dec .axs-al-topo span+span{margin-left:0!important}

/* a folha das fontes na folha marcada da B-M4: cinco linhas cabem na folha */
.axs-app--fonte:has(.axs-ui--pubfo){font-size:4.5cqw;padding:7cqw 7cqw 5cqw}
.axs-app--fonte .axs-ui--pubfo{gap:.45em}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){.axs-app--fonte:has(.axs-ui--pubfo){font-size:4.6cqw;padding:6cqw 6cqw 4cqw}}

/* a decisão impressa na B-M6 em pé (/o-que-faz 4 a 390): o valor lido no alto e o texto na largura da folha */
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){
  .axs-palco[data-mestre="B-M6"] .axs-app--pub-decisao .axs-dec-folha{padding-right:0;display:flex;flex-direction:column}
  .axs-palco[data-mestre="B-M6"] .axs-app--pub-decisao .axs-dec-margem{position:static;order:-1;width:auto;margin:0 0 .8em}
}

/* as duas cenas da B-M2 em computador baixo: a foto desce o que comum/publico.js mede (--bm2-desce) e a faixa que se abre no
   alto é a borda de cima da própria foto, esticada (a borda é um degradê da esquerda para a direita, igual de alto a baixo) */
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  .axs-palco[data-mestre="B-M2"]{margin-top:var(--bm2-desce,0px)}
  .axs-palco[data-mestre="B-M2"]::before{content:"";position:absolute;left:0;right:0;bottom:calc(100% - 1px);height:calc(var(--bm2-desce,0px) + 2px);
    background:url(/img/B-M2-2x/B-M2-1440.webp) center top / 100% 90000% no-repeat;pointer-events:none}
}
/* reclamação que vira processo, cena 1, na janela mais quadrada que 3:2 (1024 x 768, 1024 x 700): o bloco de texto ganha o
   papel medido atrás (regra da v3 para essas janelas) e ele cobria a pilha pequena; a foto recua para o canto de baixo à
   direita, como as cenas com recuo, e o ajuste de altura do publico.js não se aplica (--bm2-ajuste:0) */
@media (min-width:900px) and (orientation:landscape) and (max-aspect-ratio:3/2),(min-width:1101px) and (max-aspect-ratio:3/2){
  .axs-ct[data-imagem="B-M2"] .axs-palco--foto{--bm2-ajuste:0;width:calc(max(100vw, 100svh * 1.6) * .7);left:auto;right:0;top:auto;bottom:0;translate:0;margin-top:0}
  .axs-ct[data-imagem="B-M2"] .axs-palco--foto::before{display:none}
  .axs-ct[data-imagem="B-M2"] .axs-palco--foto .axs-foto{-webkit-mask-image:linear-gradient(90deg,transparent,black 14%),linear-gradient(180deg,transparent,black 14%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,black 14%),linear-gradient(180deg,transparent,black 14%);mask-composite:intersect}
}
/* o título do bloco da lista de decisões (como-funciona, cena 2) vai em parágrafo: a interface é imagem (aria-hidden) e um h3
   ali quebrava a ordem dos títulos da página (impeccable, 20/10); o desenho é o do h3 da v3 */
.axs-tela .axs-pn-bloco .axs-pn-h3{margin:0 0 1cqw;font-size:1.3cqw;font-weight:var(--voz-peso-menu);color:var(--vidro-texto-2);letter-spacing:0}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){.axs-tela .axs-pn-bloco .axs-pn-h3{font-size:1.9cqw}}
/* a lista das perguntas: o fim da lista não encosta no pé do papel claro (impeccable, 20/10) */
.axs-ct--fundo .axs-perg{padding-bottom:12px}

/* ===================================================================================================================
   REFAÇÃO (crítica de 20/10, "Refazer, por cena", 14 itens; Orquestrador, 16h50). Sem foto nova e sem valor novo: as
   interfaces e os impressos são HTML desta montagem; os recortes da V-M12 saem da foto pronta (montar.py, RECORTES).
   =================================================================================================================== */

/* 1 · /perguntas: a lista das nove em altura natural; a página rola inteira (sem caixa com rolagem dentro) */
.axs-trilha[data-trilha="perg"]{height:auto;overflow:visible}
.axs-trilha[data-trilha="perg"] .axs-ct{position:relative;inset:auto;display:flex;min-height:100svh}
.axs-trilha[data-trilha="perg"] .axs-ct .axs-txt{max-height:none;overflow:visible}
.axs-trilha[data-trilha="perg"] .axs-perg{max-height:none;overflow:visible;padding-right:0}

/* 2 · a abertura a 1440: o rótulo do exemplo à vista, abaixo da linha, a 15 px (no lugar do botão que saiu) */
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  .axs-c0 .axs-rotulo-ex{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;margin:18px 0 0;font-size:15px}
}

/* 3 · o paredão no celular: "Reclamação que vira processo" em duas linhas, para caber acima do tablet como os outros cinco
   (homografia.js põe o rótulo mais perto da própria superfície que de qualquer outra) */
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){
  .axs-palco--parede .axs-tv-5 .axs-tv-rotulo{white-space:normal;width:max-content;max-width:8.2em;text-wrap:balance}
}

/* 4 · o título do paredão numa linha também abaixo de 360 px (a 320 ele quebrava e a segunda linha cobria o rótulo de cima):
   a letra se mede pela largura que sobra (a palavra inteira tem 13,3 vezes o corpo); a homografia.js o trata como obstáculo */
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){
  .axs-c2 .axs-convite{font-size:min(24px,calc((100vw - 2 * var(--pad)) / 13.5));white-space:nowrap}
}

/* 6 · o paredão a 1440: a linha do §5 no tablet, na escala da linha do monitor de "Como funciona"; o ícone à esquerda, a linha
   embaixo e o "Ver" à direita, como nas telas grandes */
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  .axs-palco--parede .axs-tv-5.axs-tv--mini-largo .axs-tvi{display:grid;grid-template-rows:1fr auto;align-items:end;justify-items:stretch;gap:3cqw;padding:8cqw 7cqw 7cqw}
  .axs-palco--parede .axs-tv-5.axs-tv--mini-largo .axs-tvi-meio{display:flex;justify-content:flex-start;align-self:start}
  .axs-palco--parede .axs-tv-5.axs-tv--mini-largo .axs-ic{--ic:20cqw}
  .axs-palco--parede .axs-tv-5.axs-tv--mini-largo .axs-tvi-pe{display:flex;justify-content:space-between;align-items:flex-end;gap:4cqw}
  .axs-palco--parede .axs-tv-5.axs-tv--mini-largo .axs-tvi-linha{display:block;font-size:var(--tv5-linha,7.4cqw);max-width:58cqw;color:var(--vidro-texto)}
  .axs-palco--parede .axs-tv-5.axs-tv--mini-largo .axs-tv-ver{margin:0}
}

/* 7 · a abertura: o histograma mais alto e a decisão descida até a base da tela do celular (as mesmas barras, o mesmo valor) */
.axs-c0 .axs-app--pub-abertura .axs-serie--valor{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
.axs-c0 .axs-app--pub-abertura .axs-barras{flex:1 1 auto;height:auto;min-height:36cqw}
.axs-c0 .axs-app--pub-abertura .axs-pa-dec{flex:none}
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){.axs-c0 .axs-app--pub-abertura{padding-bottom:var(--pa-pe,15cqw)}}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){.axs-c0 .axs-app--pub-abertura{padding-bottom:var(--pa-pe-e,16cqw)}.axs-c0 .axs-app--pub-abertura .axs-barras{max-height:78cqw}.axs-c0 .axs-app--pub-abertura .axs-serie--valor{justify-content:flex-end}}

/* 8 · o escudo (faz-1): do cabeçalho até a linha da decisão; as camadas de fora tracejadas no peso e no contraste da de dentro;
   "desenhado" no corpo dos outros rótulos */
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){.axs-tela--pronta .axs-app--em.axs-app--pub-escudo{padding-top:7cqw}}
.axs-app--pub-escudo .axs-ui--escudo{height:100%;gap:.5em}
.axs-cam--pub .axs-cam-placa--des{stroke-width:2.5;stroke-dasharray:9 6!important}
.axs-cam--pub .axs-cam-borda--des{stroke-width:2.5;stroke-dasharray:9 6;stroke-linejoin:round}
.axs-cam--pub .axs-cam-estado{font-size:19px}
/* item 8 a 390: a folha passa do pé da janela (a decisão ficava a 918 px, fora da tela, e o desenho no meio de uma caixa de
   500 px de altura, com o terço de cima vazio); o desenho fica na proporção da sua caixa, logo abaixo do cabeçalho, e a
   decisão vem em seguida, acima da barra de navegação */
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){.axs-app--pub-escudo .axs-cam--pub{flex:none;height:auto;aspect-ratio:600/492}}

/* 9 · faz-2: a folha pequena da B-M4 é a página do diário com a decisão do exemplo */
.axs-app--fonte:has(.axs-ui--diario){font-size:5.2cqw;padding:7cqw 7cqw 5cqw;line-height:1.3}
.axs-ui--diario{display:flex;flex-direction:column;gap:.5em;height:100%}
.axs-ui--diario .axs-ui-cab{font-size:.8em;padding-bottom:.4em;border-bottom:1px solid var(--ui-fio)}
.axs-ui--diario .axs-ui-org{font-weight:var(--voz-peso-menu)}
.axs-dj-juizo{margin:0;font-weight:var(--voz-peso-menu)}
.axs-dj-trecho{margin:0;font-family:var(--voz-texto);font-size:.92em;line-height:1.4}
.axs-dj-trecho mark,.axs-ui--sent mark{background:var(--ui-marca-papel,color-mix(in oklab,var(--sinal) 26%,transparent));color:inherit;padding:0 .12em;margin:0 -.12em}
.axs-dj-valor,.axs-st-valor{margin:auto 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .5em;padding-left:.6em;border-left:2px solid var(--sinal);font-size:.86em}
.axs-dj-valor b,.axs-st-valor b{font-size:1.25em;font-weight:var(--voz-peso-numero);color:var(--sinal)}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){.axs-app--fonte:has(.axs-ui--diario){font-size:4.4cqw;padding:6cqw 6cqw 4cqw}}

/* 10 · faz-3: as três pilhas da V-M5 impressas com páginas da sentença do exemplo, uma por pilha */
.axs-app--fonte:has(.axs-ui--sent){font-size:6cqw;padding:8cqw 8cqw 6cqw;line-height:1.3}
.axs-ui--sent{display:flex;flex-direction:column;gap:.45em;height:100%;font-family:var(--voz-texto)}
.axs-ui--sent p{margin:0}
.axs-st-org{font-size:.8em;color:var(--ui-tinta-2)}
.axs-st-juizo{font-family:var(--voz-app);font-weight:var(--voz-peso-menu);font-size:1.12em;line-height:1.15}
.axs-st-tipo{font-family:var(--voz-app);font-size:.8em;letter-spacing:.12em;text-transform:uppercase;margin-top:.2em!important}
.axs-st-partes{display:grid;gap:.15em;font-size:.82em;margin-top:.3em!important}
.axs-st-partes b{font-weight:var(--voz-peso-menu)}
.axs-st-p{font-size:.92em;line-height:1.38}
.axs-st-p--antes{color:var(--ui-tinta-2)}
.axs-st-pag{font-family:var(--voz-app);font-size:.82em;align-self:flex-end;color:var(--ui-tinta-2)}
.axs-st-ex{margin-top:auto!important;align-self:flex-start;font-family:var(--voz-app);font-size:.72em;padding:.1em .6em;border:1px solid var(--ui-fio);border-radius:999px;color:var(--ui-tinta-2)}
.axs-ui--sent-pag .axs-st-ex{margin-top:.6em!important}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){.axs-app--fonte:has(.axs-ui--sent){font-size:5cqw;padding:7cqw 7cqw 5cqw}}
/* o monitor maior no quadro: a foto recua menos (0,78 da largura, era 0,62); o texto sobe para o alto, à esquerda das pilhas */
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  .axs-ct[data-imagem="V-M5"] .axs-txt{width:min(36vw,520px);margin-block:0 auto;padding-top:min(13svh,120px)}
}

/* 11 · como-2: a lista com a decisão única, o histograma da abertura acima da decisão aberta (as mesmas barras); sem esboço */
.axs-tela .axs-app--pub-decisoes .axs-pd-corpo{display:grid;grid-template-columns:1fr 1.15fr;grid-template-rows:minmax(0,1fr) auto;gap:1.4cqw;min-height:0}
.axs-tela .axs-pd-lido{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:1cqw}
.axs-tela .axs-pd-lido .axs-pn-pe{margin:auto 0 0;color:var(--vidro-texto-2);font-size:.9em}
.axs-tela .axs-pd-serie{grid-column:2;grid-row:1;display:flex;flex-direction:column}
.axs-tela .axs-pd-serie .axs-barras{height:auto;flex:1;min-height:9cqw;gap:.8cqw}
.axs-tela .axs-pd-serie .axs-barras i{border-radius:.5cqw .5cqw .2cqw .2cqw}
.axs-tela .axs-pd-serie .axs-barras i::after{content:none!important}
.axs-tela .axs-pd-serie .axs-eixo{display:flex;justify-content:space-between;margin-top:.6cqw;font-size:.82em;color:var(--vidro-texto-2)}
.axs-tela .axs-app--pub-decisoes .axs-pd-dec{grid-column:1 / -1;grid-row:2;height:auto;min-height:0;overflow:hidden;font-size:1.85cqw}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){
  .axs-tela .axs-app--pub-decisoes .axs-pd-corpo{grid-template-columns:1fr 1fr}
  .axs-tela .axs-pd-lido .axs-pn-pe{display:none}
}

/* 12 · rvp-2: as duas folhas da B-M5 impressas como páginas do boletim citado na cena (Senacon, Boletim Consumidor.gov.br
   2025); a terceira é o Gráfico 1 */
.axs-app--fonte:has(.axs-ui--bol){font-size:5.4cqw;padding:9cqw 8cqw 7cqw;line-height:1.25}
.axs-ui--bol{display:flex;flex-direction:column;gap:.5em;height:100%}
.axs-ui--bol p{margin:0}
.axs-bl-org{font-size:.78em;color:var(--ui-tinta-2)}
.axs-bl-tit{font-weight:var(--voz-peso-menu);font-size:1.5em;line-height:1.12;margin-top:auto!important}
.axs-ui--bol-capa .axs-bl-tit{margin-top:1.4em!important}
.axs-bl-rot{margin-top:1.2em!important;font-size:.9em}
.axs-bl-num{font-family:var(--voz-numero);font-weight:var(--voz-peso-numero);font-size:3em;line-height:1;letter-spacing:-.02em}
/* a página na linha do boletim, à direita: no pé da folha a dobra a cobria a 390 ("n 9") e a folha da pilha é curta */
.axs-bl-org--pag{display:flex;justify-content:space-between;gap:1em}
.axs-bl-pag{font-size:1em;color:var(--ui-tinta-2);white-space:nowrap}

/* 13 · /perguntas: a folha de "Perguntas" do paredão (recorte da V-M12), presa na parede, com as três perguntas do §5 */
.axs-app--pub-perguntas-folha{font-family:var(--voz-app)}
.axs-tela--pronta .axs-app--pub-perguntas-folha.axs-app--em{font-size:7.4cqw;padding:20cqw 10cqw 8cqw}
.axs-ui--pergfo{display:flex;flex-direction:column;gap:.9em;height:100%}
.axs-pgf-ic{margin:0;color:var(--acento-vivo)}
.axs-pgf-ic .axs-ic{--ic:24cqw;display:block;width:var(--ic);height:var(--ic)}
.axs-pgf-ic svg{width:100%;height:100%}
.axs-pgf{list-style:none;margin:0;padding:0;display:grid;gap:.55em}
.axs-pgf li{font-weight:var(--voz-peso-menu);line-height:1.15;padding-bottom:.45em;border-bottom:1.5px solid var(--ui-fio)}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){.axs-tela--pronta .axs-app--pub-perguntas-folha.axs-app--em{font-size:7.4cqw;padding:18cqw 9cqw 6cqw}}
/* a cena: a lista à esquerda, sobre o campo; a foto recuada para o canto de baixo à direita (a parede esmaece no campo) */
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  .axs-trilha[data-trilha="perg"] .axs-ct .axs-txt{width:min(50vw,720px)}
}

/* 14 · /sobre: a folha de "Sobre" do paredão (recorte da V-M12, a folha na mesa), com a marca da AXIS; a V-M1 fica só na abertura */
.axs-tela--pronta .axs-app--pub-sobre-folha.axs-app--em{font-size:6cqw;padding:16cqw 10cqw 10cqw}
.axs-ui--sobrefo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7em;height:100%;color:var(--ui-tinta)}
.axs-sbf-logo{margin:0;width:70%}
.axs-sbf-logo svg{display:block;width:100%;height:auto}
.axs-sbf-cat{margin:0;font-size:.82em;text-align:center;color:var(--ui-tinta-2)}
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){.axs-pag-sobre .axs-ct .axs-txt{width:min(42vw,600px)}}
/* a folha de "Sobre" fica perto da borda esquerda do recorte: o esmaecido da esquerda é mais curto (12%) que o das outras cenas (14%) */
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  .axs-palco--recuo[data-mestre="V-M12s"] .axs-foto{-webkit-mask-image:linear-gradient(90deg,transparent,black 12%),linear-gradient(180deg,transparent,black 14%);mask-image:linear-gradient(90deg,transparent,black 12%),linear-gradient(180deg,transparent,black 14%)}
}

/* 13 e 14 no celular: o retrato do recorte tem a proporção dele (não a 780 x 1688 das outras fotos); a foto entra logo abaixo
   do texto, esmaecendo no alto */
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){
  .axs-ct .axs-palco--foto[data-mestre="V-M12p"]{aspect-ratio:1/1;margin-top:8px}
  .axs-ct .axs-palco--foto[data-mestre="V-M12s"]{aspect-ratio:1043/652;margin-top:8px}
  .axs-ct[data-imagem="V-M12p"] .axs-txt,.axs-ct[data-imagem="V-M12s"] .axs-txt{min-height:0}
  .axs-ct[data-imagem="V-M12p"] .axs-txt::before,.axs-ct[data-imagem="V-M12s"] .axs-txt::before{content:none}
}
/* a lista das perguntas numa folha clara, como na v3 (o campo é a parede do recorte, mais escura que o das outras cenas) */
.axs-trilha[data-trilha="perg"] .axs-perg{background:color-mix(in oklab,var(--campo-luz) 76%,transparent);padding:8px 16px 12px 12px;border-radius:14px}
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  .axs-palco--recuo[data-mestre="V-M12p"] .axs-foto{-webkit-mask-image:linear-gradient(90deg,transparent,black 26%),linear-gradient(180deg,transparent,black 14%);mask-image:linear-gradient(90deg,transparent,black 26%),linear-gradient(180deg,transparent,black 14%)}
}
/* 13 e 14 no celular: o fundo da cena é o campo medido do recorte (clareado até o AA da --tinta-2), não a cor do alto da foto;
   a foto esmaece nele no alto e no pé */
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){
  .axs-ct[data-imagem="V-M12p"],.axs-ct[data-imagem="V-M12s"]{background:var(--campo-v)}
  .axs-ct .axs-palco--foto[data-mestre="V-M12p"] .axs-foto,.axs-ct .axs-palco--foto[data-mestre="V-M12s"] .axs-foto{-webkit-mask-image:linear-gradient(180deg,transparent,black 18%,black 82%,transparent);mask-image:linear-gradient(180deg,transparent,black 18%,black 82%,transparent)}
}
/* 3 · abaixo de 390 px o rótulo do tablet vai em três linhas (a 375, 360 e 320 o de duas linhas batia na caixa do monitor) */
@media (max-width:389px){.axs-palco--parede .axs-tv-5 .axs-tv-rotulo{max-width:6.2em}}
/* 6 · na folha de "Sobre", deitada na mesa, a linha do §5 não cabe legível a 1440 (9,4 px de linha vista: a perspectiva da folha
   encurta o texto); ficam o símbolo e o "Ver" */
/* 5 · o dia 3 abaixo de 360 px: a foto na largura da tela (a pilha inteira dentro da janela) e descida o que falta para o alto
   da pilha alta ficar abaixo das colunas (comum/publico.js mede; sem ele, 116 px); a faixa de cima é o campo da cor do alto
   da foto, que entra esmaecendo; a cena cresce até a base da pilha */
@media (max-width:359px){
  .axs-c1{--wp:100vw;min-height:max(100svh,calc(var(--c1-desce,116px) + 100vw * 1.861))}
  .axs-c1 .axs-palco--foto{width:100vw;left:0;top:var(--c1-desce,116px)}
  .axs-c1 .axs-palco--foto .axs-foto{-webkit-mask-image:linear-gradient(180deg,transparent,black 9%);mask-image:linear-gradient(180deg,transparent,black 9%)}
}
/* /sobre no celular: a página na altura do que tem (o texto, a folha na mesa e o pé), sem vão abaixo da foto e sem cortá-la a 320 */
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){
  .axs-trilha[data-trilha="sobre"]{height:auto;overflow:visible}
  .axs-trilha[data-trilha="sobre"] .axs-ct{position:relative;inset:auto;display:flex;min-height:0}
  .axs-trilha[data-trilha="sobre"] .axs-ct .axs-txt{max-height:none;overflow:visible}
}
/* ===== refação 2 (crítica de 20/10, 18h07, lista a) ===== */
/* item 1 (refação 4, crítica de 20/10, 21h25; refação 5, 21h55): a folha sob o celular da abertura é um bloco no plano do
   papel, como na v3, e o aparelho a cobre como um objeto cobriria (sem coluna que contorne o celular). À esquerda dele, as
   partes num bloco curto (rótulo e nome juntos, 15,2 mm de largura, a 4 mm da borda do papel: a linha mais longa,
   "consumidora", termina 1 mm ou mais antes do aparelho); o corpo da sentença começa abaixo das partes, a 32 mm, todo sob o
   aparelho. O cabeçalho desce 2 mm no papel (o resto da distância ao alto da janela vem do palco, abaixo) */
.axs-pg-fluxo{line-height:1.42}
.axs-pg-fluxo>span{display:block}
.axs-pg-fluxo .axs-pg-p{margin-bottom:calc(1.9 * var(--pmm))}
.axs-pg-partes>span{white-space:normal}
/* item 9 · início 0 no telefone: o canto do maço subia até o pé do rótulo do exemplo (sobreposto 5 px a 320, encostado de 340 a
   390). A foto desce 12 px (14 abaixo de 360): o papel fica 8 px ou mais abaixo do rótulo, coluna a coluna na largura do
   texto dele (_conferir/medir_rotulo_folha.py) */
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){.axs-c0 .axs-palco--foto{margin-top:calc(50px - var(--obj-v,.4) * 216.41vw)}}
@media (max-width:359px){.axs-c0 .axs-palco--foto{margin-top:calc(52px - var(--obj-v,.4) * 216.41vw)}}
/* item 2 · faz-2: o nome do diário saía com reticências ("Diário de Justiça Eletrônico Nacio…"); vai inteiro, em duas linhas,
   com "Exemplo" no alto à direita */
.axs-ui--diario .axs-ui-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:.6em}
.axs-ui--diario .axs-ui-org{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2;max-width:13em}
.axs-ui--diario .axs-ui-ex{flex:none}
/* item 3 · o paredão no computador mais largo que 3:2: a sala ocupava a largura e a altura passava da primeira tela (o "Ver"
   da folha de "Sobre" terminava a 798 px numa janela de 720, a 846 numa de 768, a 1156 numa de 1080 e a 13 px do pé a 1440 ×
   900). A altura da sala passa a vir da janela: o "Ver" fica a 0,915 da altura dela, e ela para onde ele cabe com 32 px de
   folga (24 pedidos e 8 de margem); a sala fica encostada à direita, onde a folha de "Sobre" sai da própria foto (o canto
   dela está a 1,034 da largura da foto, fora do quadro), e entra pela esquerda esmaecendo no campo. */
@media (min-width:900px) and (orientation:landscape) and (min-aspect-ratio:1501/1000),(min-width:1101px) and (min-aspect-ratio:1501/1000){
  .axs-c2 .axs-palco--parede{--sala-h:min(calc(100vw / var(--sala-asp,1.6)),calc((100svh - var(--banda,64px) - 32px) / .915));width:calc(var(--sala-h) * var(--sala-asp,1.6));height:var(--sala-h);aspect-ratio:auto;margin-left:auto}
  .axs-c2--parede .axs-palco--parede .axs-foto{-webkit-mask-image:linear-gradient(90deg,transparent 0,black 6%),linear-gradient(180deg,transparent 0,black 4%,black 86%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,black 6%),linear-gradient(180deg,transparent 0,black 4%,black 86%,transparent);mask-composite:intersect}
}
/* item 3, consequência: com a sala mais baixa, o tablet fica com 168 a 182 px de largura (1280 × 720, 1366 × 768) e a linha
   do §5 ia a cinco linhas, a de cima sobre o ícone (o "Ver" tem corpo mínimo e toma mais da largura). Na tela do tablet
   abaixo de 200 px a linha fica a 6,4 da largura dela: três linhas, abaixo do ícone */
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  @container (max-width:200px){
    .axs-palco--parede .axs-tv-5.axs-tv--mini-largo .axs-tvi-linha{font-size:6.4cqw;max-width:62cqw}
  }
}
/* item 4 · faz-4 no telefone: a folha da B-M6 em pé termina antes do pé da foto, e o dispositivo saía fatiado no meio da linha
   logo acima da pílula ("em dobro, o valor cobrado, no total de"), com os dois valores fora. No telefone a folha começa no
   dispositivo: os dois parágrafos de antes dele saem, ficam o valor lido no alto, o dispositivo com os dois valores marcados e
   "Sem custas…" */
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){
  .axs-palco[data-mestre="B-M6"] .axs-app--pub-decisao .axs-dec-folha>.axs-dec-p--antes:has(~ .axs-dec-marca){display:none}
}
/* item 4, nas janelas baixas: o que não cabe acima da pílula sai inteiro, nunca fatiado. Até 700 px de alto (375 x 667,
   360 x 640 e o iPhone de 390 com as barras do Safari, perto de 664) sai "Sem custas…"; até 630 px (320 x 568, 390 x 620) sai
   também a nota "Valor lido" do alto, e o dispositivo com os dois valores marcados é o que se lê, logo abaixo do rótulo do
   exemplo; até 600 px a foto sobe 8 px (a folha encosta no vão de 10 px sob o "Ler mais") */
@media (max-width:899px) and (max-height:700px),(orientation:portrait) and (max-width:1100px) and (max-height:700px){
  .axs-palco[data-mestre="B-M6"] .axs-app--pub-decisao .axs-dec-marca~.axs-dec-p--antes{display:none}
  /* e a folha se aperta: o vão entre cabeçalho, rótulo e texto e a entrelinha do dispositivo (o recuo do alto fica: o
     cabeçalho a 12 px ou mais da borda do papel, pixels.py) */
  .axs-palco[data-mestre="B-M6"] .axs-app--pub-decisao .axs-ui{gap:.42em}
  .axs-palco[data-mestre="B-M6"] .axs-app--pub-decisao .axs-dec-folha{padding-top:.8em;line-height:1.34}
}
@media (max-width:899px) and (max-height:630px),(orientation:portrait) and (max-width:1100px) and (max-height:630px){
  .axs-palco[data-mestre="B-M6"] .axs-app--pub-decisao .axs-dec-margem{display:none}
  .axs-palco[data-mestre="B-M6"] .axs-app--pub-decisao .axs-dec-folha{padding-top:.3em}
}
@media (max-width:899px) and (max-height:600px),(orientation:portrait) and (max-width:1100px) and (max-height:600px){
  .axs-ct .axs-palco--foto[data-mestre="B-M6"]:not(.axs-palco--fundo){margin-top:calc(6px - var(--obj-v,.4) * 216.41vw)}
}
/* item 7 · abaixo de 360 px, o número grande em corpo pela largura: o mais longo ("40,9 milhões", 5,74 em na BISEL) termina a
   16 px da borda direita (a 320 terminava a 1,7 px). Vale para todos, para o número ter o mesmo corpo em todas as cenas */
@media (max-width:359px){
  .axs-numero:not(.axs-numero--par){font-size:min(52px,calc((100vw - var(--pad) - 16px) / 5.8))}
}
/* item 8 · dados 4 no telefone baixo (até 700 px de alto) e abaixo de 360 px: a linha do tempo apertada no alto da folha
   (montar.py, g_prazo_baixo), as duas marcas acima da máscara da pílula; na folha em pé de sempre, a linha do tempo inteira */
.axs-so-baixo{display:none}
@media (max-width:899px) and (max-height:700px),(orientation:portrait) and (max-width:1100px) and (max-height:700px),(max-width:359px){
  .axs-tela .axs-so-baixo{display:block}
  .axs-tela .axs-nao-baixo{display:none!important}
  /* item 10 · faz-1: as camadas em pilha (montar.py, camadas_pub_svg compacto) */
  .axs-app--pub-escudo .axs-cam--pub.axs-so-baixo{aspect-ratio:600/360}
  /* a linha da decisão fica sob a máscara da pílula nessas janelas: sai inteira, sem deixar o fio dela sozinho */
  .axs-app--pub-escudo .axs-esc-dec{display:none}
}
/* item 6 · a folha HTML sobre a foto (como-3) no telefone: o impresso termina 12 px acima da pílula (--folha-max, do script
   do montador, medido da folha à pílula); as linhas da tabela deixam de esticar e, se ainda não couber, a letra reduz até
   0,82 (--folha-k). O papel continua por baixo da pílula, sem nada escrito ali */
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){
  .axs-folha--sobre-foto>.axs-app--em{height:min(100%,var(--folha-max,100%));font-size:calc(4cqw * var(--folha-k,1))}
}
/* itens 6 e 10, no telefone baixo (até 600 px de alto, 320 x 568): a linha de como-3 e a de faz-1 passam para dentro do "Ler
   mais" (o pé da folha de como-3 diz o mesmo; em faz-1, o rótulo da camada de dentro, "lido até 04/2026", o que já está no
   Judiciário) e a folha sobe para o lugar dela: a tabela inteira e o pé, e as três camadas, acima da pílula */
.axs-mais-corpo>.axs-linha-cedida{display:none}
@media (max-width:899px) and (max-height:600px),(orientation:portrait) and (max-width:1100px) and (max-height:600px){
  .axs-ct .axs-linha--cede{display:none}
  .axs-mais--estreito .axs-mais-corpo>.axs-linha-cedida{display:block}
  /* o bloco de texto sem a altura mínima do objeto da foto: a folha é HTML sobre a foto e sobe junto (14 px abaixo do bloco) */
  .axs-ct.axs-ct--foto:has(.axs-linha--cede) .axs-txt{min-height:0}
}
/* item 11 · faz-3: a etiqueta "Exemplo" de cada impresso das pilhas a 8 px ou mais da borda de baixo da folha (medir_etiqueta.py).
   A pilha do meio (o dispositivo e "Sem custas…") passava da folha a 1440: a letra dela um pouco menor; no telefone, o recuo de
   baixo das três cresce (a etiqueta ficava a 4 ou 5 px) */
.axs-app--fonte:has(.axs-ui--sent-disp){font-size:5.4cqw}
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){
  .axs-app--fonte:has(.axs-ui--sent){padding-bottom:11cqw}
  .axs-app--fonte:has(.axs-ui--sent-disp){font-size:4.7cqw}
}
/* refação 2 · no telefone, o bloco do impresso que entraria na faixa da máscara sai inteiro (o script do montador marca
   data-axs-sob): nenhuma linha fatiada, em nenhuma cena */
@media (max-width:899px),(orientation:portrait) and (max-width:1100px){[data-axs-sob]{visibility:hidden}}
/* item 2 a 320 x 568: a folha do diário (faz-2) fica quase toda sob a pílula, e o nome dele entrava na faixa da máscara (o
   script tirava o cabeçalho inteiro, com a etiqueta "Exemplo"): até 600 px de alto, a foto sobe 12 px */
@media (max-width:899px) and (max-height:600px),(orientation:portrait) and (max-width:1100px) and (max-height:600px){
  .axs-ct[data-cena="faz-2"] .axs-palco--foto:not(.axs-palco--fundo){margin-top:calc(2px - var(--obj-v,.4) * 216.41vw)}
}
/* dúvida 16 · faz-1 abaixo de 360 px: o cabeçalho da folha a 11,5 px da borda de cima do papel (pixels.py); o recuo do alto
   um pouco maior, para passar de 12 */
@media (max-width:359px){
  .axs-palco[data-mestre="B-M6"] .axs-tela--pronta>.axs-app--pub-escudo{padding-top:8.8cqw}
}
/* v12 · /reclamacao-vira-processo 2: a imagem pedida é a capa e a p. 9 do boletim, sem o gráfico da série. A B-M5 tem três
   pilhas; a capa e a p. 9 vão nas duas primeiras (a p. 9 na do clipe), e a terceira, que ficaria em branco, sai do quadro:
   no computador a foto cresce (recuo 0,9) e anda 35% da largura dela para a direita, e a terceira pilha passa da borda em
   toda janela larga (0,683 + 0,35 > 1); o esmaecido da esquerda encolhe para 10%, para não comer a borda da primeira pilha.
   No retrato a p. 9 vai na pilha de cima (impressos-v), a que se vê em todo telefone, e a capa na do meio. No telefone alto
   (de 701 px de alto e 360 de largura para cima) a foto cresce 1,42 a partir do alto da pilha de cima, e a terceira desce
   para baixo da pílula; no baixo e abaixo de 360 a foto fica no tamanho dela, a terceira pilha já passa do pé da tela, e a
   máscara da pílula (CORTE_JS, que não conta escala de ancestral) segue certa. A exportação da
   B-M5 com duas pilhas fica pedida ao diretor de imagem (NOTAS, dúvida 19). */
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  .axs-ct[data-cena="rvp-2"] .axs-palco--recuo{translate:35% 0}
  .axs-ct[data-cena="rvp-2"] .axs-palco--recuo .axs-foto{-webkit-mask-image:linear-gradient(90deg,transparent,black 10%),linear-gradient(180deg,transparent,black 14%);mask-image:linear-gradient(90deg,transparent,black 10%),linear-gradient(180deg,transparent,black 14%)}
}
@media (max-width:899px) and (min-width:360px) and (min-height:701px) and (max-aspect-ratio:1/2){
  .axs-ct[data-cena="rvp-2"] .axs-palco--foto:not(.axs-palco--fundo){scale:1.42;transform-origin:50% calc(var(--obj-v,.36) * 100%)}
}
/* 19 · a B-M5d (duas pilhas, a capa e a p. 9; diretor de imagem, 21/10 03h15) no lugar da B-M5: sem a terceira pilha nada
   precisa sair do quadro. No computador a foto segue andando 35% (as pilhas ficam à direita do texto, inteiras). A escala de
   1,42 do telefone alto fica só no telefone alto e estreito (até 1:2, 390 x 844, 430 x 932, 360 x 780): a 414 x 736 ela
   levava a pilha de baixo 50 px para fora da tela e sob a pílula. No telefone baixo de 320 (320 x 568) as duas pilhas no
   tamanho da foto passavam 46 px para baixo da pílula: a foto diminui (0,76, a partir do alto da pilha de cima) e a pilha de
   baixo termina acima da pílula; a máscara da pílula (CORTE_JS) agora conta a escala do palco. */
@media (max-width:359px) and (max-height:700px){
  .axs-ct[data-cena="rvp-2"] .axs-palco--foto:not(.axs-palco--fundo){scale:.76;transform-origin:50% calc(var(--obj-v,.36) * 100%)}
  /* menor que a tela, a foto mostraria as bordas dos lados sobre o campo: elas esmaecem nele (14% de cada lado, fora das
     pilhas, que vão de 0,18 a 0,81 da largura), com o esmaecido de cima de sempre */
  .axs-ct[data-cena="rvp-2"] .axs-palco--foto:not(.axs-palco--fundo) .axs-foto{-webkit-mask-image:linear-gradient(90deg,transparent,black 14%,black 86%,transparent),linear-gradient(transparent,black 12%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,black 14%,black 86%,transparent),linear-gradient(transparent,black 12%);mask-composite:intersect}
}
/* v11 · início, cena 1: o rótulo do exemplo ganhou "Dia 1: a primeira reclamação." e, a 12 em, quebrava em três linhas com
   "Dia 1:" no fim da segunda; a 25 em cada frase fica numa linha, abaixo do cartão do dia 3 */
@media (min-width:900px) and (orientation:landscape),(min-width:1101px){
  .axs-c1 .axs-rotulo-ex{max-width:25em}
}
/* v11 · início, cena 1, abaixo de 360 px: o rótulo do exemplo, agora com "Dia 1: a primeira reclamação.", ia em quatro linhas ao
   lado da pilha alta e encostava nela. Ele sobe para antes das colunas, na largura do texto (duas linhas, apresenta o exemplo),
   e a foto continua descendo até 14 px abaixo das colunas (comum/publico.js) */
@media (max-width:359px){
  .axs-c1 .axs-txt--c1{display:flex;flex-direction:column}
  .axs-c1 .axs-txt--c1>.axs-rotulo-ex{order:1;max-width:none;margin-top:10px}
  .axs-c1 .axs-txt--c1>.axs-dias{order:2}
}
/* e de 360 a 389 px, onde a pilha alta começa a 163 a 177 px da borda: o rótulo em 8,6 em (cinco linhas) termina a 14 px
   ou mais dela (_conferir/rot_c1.py) */
@media (min-width:360px) and (max-width:389px){
  .axs-c1 .axs-txt--c1>.axs-rotulo-ex{max-width:8.6em}
}
/* ===== refação 5 (crítica de 20/10, 21h55): a abertura em janela deitada mais larga que 16:10 ===== */
/* a 1280 x 720, 1366 x 768 e 1920 x 1080 o palco 16:10 na largura da janela passava da altura dela e saía cortado em cima e
   embaixo (40 a 60 px de cada lado), e com ele o cabeçalho do impresso, que fica no alto da folha (de 22 a 31 px acima da
   janela). Descer o cabeçalho no papel não basta: a 8 mm abaixo, a ementa entra sob o aparelho e "Juizado Especial" sai pela
   direita da janela (o papel gira: descer na folha é ir para a direita na tela; medido em _conferir/borda_cel_dir.py). O palco
   passa a ter a altura da janela, encostado à direita, como a 1440 x 900; o que sobra à esquerda é campo, e a foto entra nele
   esmaecendo (a faixa da esquerda da foto é a mesa lisa). O título se mede pelo vão até a quina do maço, como nas janelas
   mais altas que 16:10 */
@media (min-width:900px) and (orientation:landscape) and (orientation:landscape) and (min-aspect-ratio:1601/1000),(min-width:1101px) and (orientation:landscape) and (min-aspect-ratio:1601/1000){
  .axs-c0 .axs-palco--foto.axs-palco--16x10{width:calc(100svh * 1.6);left:auto;right:0;translate:0 -50%}
  .axs-c0 .axs-palco--foto .axs-foto{-webkit-mask-image:linear-gradient(90deg,transparent 0,black 7%);mask-image:linear-gradient(90deg,transparent 0,black 7%)}
  .axs-c0 .axs-h1{font-size:min(calc(var(--h1) * var(--voz-escala-titulo)),calc((100vw - 86.96svh - var(--pad) - 14px) * .1751))}
}

/* ===== as imagens novas do diretor de imagem (21/10, 03h15; dúvidas 17 e 19) ===== */
/* 17 · a V-M12 larga (1440 x 847): o palco do paredão no computador leva a proporção da foto, que a montagem escreve no palco
   (--sala-asp, 1,700; antes 16:10) e o item 3 acima usa na largura e no teto da altura. A sala continua encostada à direita e
   com a altura vinda da janela; agora a folha de "Sobre" termina dentro da foto (o canto a 0,9745 da largura), e a foto
   inteira cabe no palco sem corte dos lados. Em janela até 3:2 (S7) o palco segue a altura da janela, com a foto em cover. */