body{font-family:var(--font-sans);font-stretch:var(--font-stretch-brand);font-variation-settings:'wdth' var(--width-archivo);background:var(--surface-page);color:var(--text-body);font-size:var(--size-body);line-height:var(--leading-body);margin:0;-webkit-font-smoothing:antialiased;text-align:var(--align-text)}
/* Suíço: bandeira à esquerda, borda direita irregular. Justificar abre rios; centralizar tira o eixo. */
p,li,dd,blockquote{text-align:left;hyphens:none;text-wrap:pretty}
h1,h2,h3,h4,h5,h6{text-align:left;text-wrap:balance}
/* Herda o eixo de largura em todo elemento que reseta a fonte */
input,textarea,h1,h2,h3,h4,h5,h6{font-stretch:var(--font-stretch-brand);font-variation-settings:'wdth' var(--width-archivo)}
/* Camada de interface — condensed: menu, botões, abas, filtros, selos */
button,select,.il-ui,nav a{font-stretch:var(--font-stretch-ui);font-variation-settings:'wdth' var(--width-archivo-ui)}
a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--link-hover)}
::selection{background:var(--il-green);color:var(--il-black)}
/* Highlight — retângulo verde com texto preto, colado na linha. Sem raio, sem sombra. */
mark,.il-highlight{background-color:transparent;background-image:linear-gradient(var(--highlight-bg),var(--highlight-bg));background-repeat:no-repeat;background-size:100% 1.05em;background-size:100% .9lh;background-position:0 56%;color:var(--highlight-text);padding:0 .14em;border-radius:0;box-decoration-break:clone;-webkit-box-decoration-break:clone}
/* Variante filete: sublinha a palavra em vez de preenchê-la — para blocos longos */
.il-highlight-rule{background:linear-gradient(var(--highlight-rule),var(--highlight-rule)) 0 88%/100% .22em no-repeat;color:inherit;padding:0}
/* Irregularidade GEOMÉTRICA — arestas retas e ângulos, nunca curva ou traço à mão.
   1. Corte: terminais em diagonal, como papel cortado no estilete. */
.il-highlight-cut{clip-path:polygon(var(--highlight-cut) 0,100% 0,calc(100% - var(--highlight-cut)) 100%,0 100%);padding:0 .3em}
/* 2. Deslocado: o bloco escorrega da linha de base — assimetria suíça, não desalinho. */
.il-highlight-offset{padding:.08em .22em .16em;transform:translateY(.06em)}
/* 3. Escalonado: em várias linhas o bloco termina na largura real de cada linha (borda direita irregular por conteúdo, não por desenho). Já é o padrão via box-decoration-break. */
.material-symbols-sharp{font-stretch:normal;font-variation-settings:'opsz' 24,'wght' 400,'FILL' 0,'GRAD' 0;user-select:none}
/* O script não tem eixo de largura */
[style*="--font-script"],.il-script{font-stretch:normal;font-variation-settings:normal}