/* ========================================================================== NEXUS theme-final / assets/css/sections/provas.css Régua numérica logo abaixo do hero. Estrutura e primitivos (.stat-rail, .stat, .stat__value, .stat__label) vêm de assets/css/04-sections.css. Aqui só o que é específico desta seção: a nota de proveniência abaixo do rótulo, e o colapso para grade 2x2 em telas estreitas e em paisagem de altura curta (§7.2 do contrato), com divisórias em cruz coerentes. Só consome tokens de 01-tokens.css. Nenhum hex, nenhum px de raio, nenhuma família de fonte literal. Motion: nenhuma animação própria além da revelação e do contador globais de core/motion.js; nada aqui anima width, height, top, left, margin, padding, filter ou box-shadow. ========================================================================== */ /* Nota de proveniência: texto pequeno abaixo do rótulo, só quando existe. Tinta: --faint-foreground, nunca hsl(var(--muted-foreground) / alfa). O alfa 0.75 que morava aqui media 3,19:1 na pele padrão e 4,23:1 na pele de vidro no tema claro, contra os 4,5:1 do §8. Esta é a nota de proveniência do único número medido do site ("Projeto MEL, medido em julho de 2026"): é conteúdo, e conteúdo pequeno, então o piso é o de texto de corpo e não o de texto grande. Ver o bloco --faint em 01-tokens.css. */ .provas .stat__note { margin-block-start: var(--space-1); font-family: var(--font-body); font-size: var(--fs-xs); line-height: 1.4; color: hsl(var(--faint-foreground)); } /* -------------------------------------------------------------------------- Colapso para grade de duas colunas: mobile estreito (largura) e paisagem de altura curta (telas baixas). Seletor com #provas para ganhar especificidade sobre .stat-rail / .stat-rail .stat de 04-sections.css independentemente da ordem de carga das folhas no . Mantém as provas em grade 2x2 em vez de empilhar em coluna única: perde densidade e vira lista comprida sem necessidade, numa seção que é justamente uma régua compacta. -------------------------------------------------------------------------- */ @media (max-width: 640px), (max-height: 700px) and (orientation: landscape) { #provas .stat-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--space-7); } #provas .stat-rail .stat { padding-inline-start: var(--space-5); border-inline-start: var(--hairline) solid hsl(var(--border)); padding-block-start: 0; border-block-start: 0; } /* primeira coluna de cada linha: sem divisória à esquerda */ #provas .stat-rail .stat:nth-child(odd) { padding-inline-start: 0; border-inline-start: 0; } /* a partir da segunda linha: divisória superior no lugar da lateral */ #provas .stat-rail .stat:nth-child(n + 3) { padding-block-start: var(--space-5); border-block-start: var(--hairline) solid hsl(var(--border)); } }