/* O recorte pertence à aba; a apresentação usa os tokens do PWA. */
#view-comparar,#comparacao-corpo{min-width:0;color:var(--txt)}
#comparacao-corpo *{box-sizing:border-box}
#comparacao-corpo :is(div,section,form,article,aside){min-width:0}
#comparacao-corpo :is(h2,h3,h4,h5,p,a,label,button){overflow-wrap:anywhere}
.comparacao-cabeca{padding:12px 0 24px;border-bottom:1px solid var(--line);margin-bottom:24px}
.comparacao-sobre{font-size:.6875rem;letter-spacing:.09em;color:var(--roxo-claro);font-weight:600}
.comparacao-cabeca h2{font-size:2.625rem;line-height:1.08;letter-spacing:-.045em;font-weight:550;margin:12px 0 16px}
.comparacao-intro{max-width:48ch;font-size:1rem;line-height:1.6;color:var(--mut)}
.comparacao-form{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-width:760px}
.comparacao-form h3{font-size:1.25rem;margin:16px 0 0;letter-spacing:-.025em}
.comparacao-campo{display:flex;flex-direction:column;gap:8px}
.comparacao-campo label{font-size:.875rem;font-weight:600}
#comparacao-corpo :is(input,select){width:100%;max-width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid var(--controle-linha,var(--mut));border-radius:10px;background:var(--card);color:var(--txt);font:inherit;color-scheme:normal}
.comparacao-botao{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--roxo-claro);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;justify-self:start;max-width:100%}
.comparacao-botao:disabled{cursor:wait;color:var(--mut)}
.comparacao-principal{background:var(--roxo);border-color:var(--roxo);color:var(--on-accent,#fff);padding-inline:28px}
#comparacao-corpo :is(button,a,input,select):focus-visible{outline:3px solid var(--roxo-claro);outline-offset:3px}
.comparacao-nota,.comparacao-contexto{font-size:.8125rem;line-height:1.65;color:var(--mut);margin:6px 0}
.comparacao-atalhos,.comparacao-links{display:flex;flex-wrap:wrap;gap:8px}
.comparacao-pessoa{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.875rem}
.comparacao-pessoa>a{font-weight:600;flex:1 1 150px}
.comparacao-pessoa>.comparacao-nota{flex:0 1 auto}
.comparacao-pessoa>.comparacao-botao{font-size:.75rem}
#comparacao-corpo a{display:inline-flex;align-items:center;min-height:44px;color:var(--roxo-claro);text-underline-offset:4px}
.comparacao-resultados{margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
.comparacao-resultados>h3{font-size:1.5rem;letter-spacing:-.025em;margin:0 0 12px}
.comparacao-status{font-size:.875rem;line-height:1.6;margin:18px 0}
.comparacao-aviso{padding:16px;border-left:3px solid var(--roxo-claro);background:var(--card);line-height:1.6;font-size:.875rem}
.comparacao-evento{padding:24px 0;border-top:1px solid var(--line);margin-top:20px}
.comparacao-meta{font-size:.75rem;color:var(--roxo-claro);font-weight:600;line-height:1.6;font-variant-numeric:tabular-nums}
.comparacao-evento h4{font-size:1.375rem;font-weight:550;line-height:1.35;letter-spacing:-.025em;margin:10px 0 14px}
.comparacao-texto{line-height:1.7;font-size:.9375rem;white-space:pre-line;max-width:75ch}
.comparacao-votos{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:20px 0}
.comparacao-celula{padding:16px;background:var(--card);border:1px solid var(--line);border-radius:10px}
.comparacao-celula h5{font-size:.875rem;margin:0 0 12px;font-weight:600;line-height:1.4}
.comparacao-posicao{font-size:1.125rem;font-weight:600;margin:0 0 8px;color:var(--txt);line-height:1.5}
.comparacao-links{gap:4px 20px;font-size:.8125rem;font-weight:600}
.comparacao-cobertura{padding:20px 0;border-top:1px solid var(--line);margin-top:24px}
.comparacao-cobertura h4{font-size:1rem;margin:0 0 12px}
#comparacao-corpo [hidden]{display:none!important}
@media(min-width:650px){.comparacao-votos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.comparacao-cabeca h2{font-size:3rem}.comparacao-votos{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.comparacao-evento{padding:28px 0}}
@media(prefers-reduced-motion:reduce){#comparacao-corpo *,#comparacao-corpo *::before,#comparacao-corpo *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* T11: rostos da fonte, critérios próximos e leitura progressiva. */
.comparacao-cabeca{padding-bottom:18px;margin-bottom:18px}
.comparacao-cabeca h2{margin:8px 0 12px}
.comparacao-intro{line-height:1.5}
.comparacao-form{gap:10px;max-width:none}
.comparacao-pessoa{gap:6px 10px;padding:9px 0}
.comparacao-retrato{display:block;flex:0 0 46px;width:46px;height:56px;object-fit:cover;object-position:center top;border-radius:7px;background:var(--line)}
.comparacao-evento{margin-top:16px;padding:20px 0}
.comparacao-evento h4{margin:8px 0 10px}
.comparacao-objeto{font-size:.9375rem;line-height:1.55;white-space:pre-line;margin:10px 0;max-width:80ch}
.comparacao-expansao{margin:10px 0;font-size:.8125rem;color:var(--mut)}
#comparacao-corpo summary{cursor:pointer;min-height:44px;align-content:center;color:var(--roxo-claro);line-height:1.5;overflow-wrap:anywhere}
#comparacao-corpo summary:focus-visible{outline:3px solid var(--roxo-claro);outline-offset:3px}
.comparacao-votos{gap:8px;margin:14px 0}
.comparacao-celula{display:grid;grid-template-columns:46px minmax(0,1fr);gap:4px 10px;align-content:start;padding:12px}
.comparacao-celula h5{grid-column:1/-1;margin:0 0 4px}
.comparacao-celula .comparacao-retrato{grid-row:2/4}
.comparacao-celula .comparacao-posicao{grid-column:2;margin:0;font-size:1rem}
.comparacao-celula .comparacao-nota{grid-column:2;margin:0;line-height:1.45}
.comparacao-celula:not(:has(.comparacao-retrato)) :is(.comparacao-posicao,.comparacao-nota){grid-column:1/-1}
.comparacao-cobertura{padding:10px 0;margin-top:16px;font-size:.875rem}
@media(min-width:650px){
  .comparacao-form{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 14px}
  .comparacao-form>*{grid-column:1/-1}
  .comparacao-form>.comparacao-campo{grid-column:span 2}
  .comparacao-form>.comparacao-campo:has(#comparacao-busca){grid-column:span 4}
  .comparacao-selecionados,.comparacao-achados{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
}
@media(max-width:400px){
  .comparacao-cabeca h2{font-size:2.25rem}
  .comparacao-pessoa>.comparacao-botao{padding:8px;flex:0 0 auto}
  .comparacao-pessoa>.comparacao-nota{font-size:.75rem}
}

.comparacao-criterios{border:1px solid var(--line);border-radius:12px;padding:8px 14px;background:var(--card)}
.comparacao-criterios>.comparacao-form{padding:12px 0 8px}
.comparacao-criterios>summary{font-size:.9375rem;font-weight:600}
.comparacao-achados{max-height:330px;overflow:auto;scrollbar-gutter:stable}
.comparacao-resultados{margin-top:24px;padding-top:20px}