/* Capturas de tela dos cursos de /educacao (24/10/2026), geradas por scripts/educacao/telas-curso.mjs.
   Prefixo tc-. Moldura de navegador com o domínio da fonte; cores só por token do tema.
   A imagem é o conteúdo: nada fica escondido à espera de JavaScript ou de animação. */
.tc-tela{margin:0 auto;max-width:960px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--bg-muted);box-shadow:0 1px 2px color-mix(in srgb,var(--text) 6%,transparent),0 8px 24px -12px color-mix(in srgb,var(--text) 22%,transparent)}
.tc-tela .tc-barra{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bg-white)}
.tc-tela .tc-pontos{display:inline-flex;gap:6px;flex:none}
.tc-tela .tc-pontos i{display:block;width:10px;height:10px;border-radius:50%;background:var(--border)}
.tc-tela .tc-url{flex:1;min-width:0;padding:3px 12px;border-radius:999px;background:var(--bg-muted);font-size:13px;line-height:1.5;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tc-tela a{display:block;outline-offset:-3px}
.tc-tela a:focus-visible{outline:2px solid var(--course-accent,var(--text))}
.tc-tela img{display:block;width:100%;height:auto;background:var(--bg-white)}
@media (prefers-reduced-motion:no-preference){
  .tc-tela{transition:transform .2s ease-out}
  .tc-tela:hover{transform:translateY(-2px)}
}