main > section table { font-size: 12px; }
main > section th, main > section td { vertical-align: top; }
main > section[aria-labelledby="a-parte-aleatoria-nao-e-uma-desculpa-para-errar-a-conta"] td:last-child,
main > section[aria-labelledby="a-parte-aleatoria-nao-e-uma-desculpa-para-errar-a-conta"] th:last-child,
main > section[aria-labelledby="quanto-tempo-ate-bater-de-novo"] td:nth-child(2),
main > section[aria-labelledby="quanto-tempo-ate-bater-de-novo"] th:nth-child(2) { text-align: right; }
.figura-golpe { margin: 20px 0 25px; border: 1px solid var(--tinta); break-inside: avoid; }
.figura-golpe-cabecalho { display: flex; justify-content: space-between; gap: 8px; padding: 9px 12px; border-bottom: 1px solid var(--tinta); font: 10px/1.4 'Courier New', monospace; }
.golpe-entrada { display: flex; justify-content: space-between; gap: 10px; margin: 12px auto 0; width: calc(100% - 26px); padding: 8px 10px; border: 1px solid var(--linha); }
.golpe-entrada span, .golpe-acao span, .golpe-trilha-titulo span { font: 10px/1.35 'Courier New', monospace; }
.golpe-entrada strong { font-size: 13px; }
.golpe-seta { height: 20px; text-align: center; font: bold 19px/20px Georgia, serif; }
.golpe-acao { display: flex; align-items: center; justify-content: center; gap: 8px; width: 235px; margin: auto; padding: 9px 11px; background: var(--tinta); color: white; }
.golpe-acao img { width: 18px; height: 18px; filter: invert(1); }
.golpe-acao strong { font: bold 14px Georgia, serif; }
.golpe-seta-dupla { display: flex; justify-content: space-around; height: 26px; font: 22px Georgia, serif; }
.golpe-saidas { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--tinta); }
.golpe-trilha:first-child { border-right: 1px solid var(--tinta); }
.golpe-trilha-titulo { display: flex; flex-direction: column; padding: 10px 12px; background: #e9e5dc; border-bottom: 1px solid var(--linha); }
.golpe-trilha-titulo strong { font: bold 11px 'Courier New', monospace; }
.golpe-trilha ol { list-style: none; counter-reset: step; margin: 0; padding: 0 12px; }
.golpe-trilha li { display: flex; align-items: center; gap: 8px; min-height: 43px; padding: 5px 0; border-bottom: 1px solid var(--linha); font-size: 12px; line-height: 1.3; }
.golpe-trilha li img { width: 19px; height: 19px; flex: none; object-fit: contain; filter: grayscale(1); }
.golpe-resultado { padding: 9px 12px; font: bold 11px 'Courier New', monospace; }
.figura-golpe figcaption { padding: 9px 12px; border-top: 1px solid var(--tinta); font: 10px/1.45 'Courier New', monospace; }
.figura-ordem { margin: 20px 0 25px; border: 1px solid var(--tinta); break-inside: avoid; }
.ordem-lados { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 15px 14px; }
.ordem-lado { display: flex; flex-direction: column; min-height: 125px; border: 1px solid var(--linha); padding: 11px; }
.ordem-lado > strong { display: block; padding: 6px 8px; background: #e9e5dc; text-align: center; font: bold 14px 'Courier New', monospace; }
.ordem-lado > span { margin: 5px 0 8px; font-size: 11px; text-align: center; }
.ordem-marcada { border: 2px solid var(--tinta); }
.ordem-cartao { display: flex; flex-direction: column; gap: 3px; margin-top: auto; padding: 7px 9px; border: 1px solid var(--tinta); background: #f1efea; }
.ordem-cartao small { font: bold 10px 'Courier New', monospace; }
.ordem-cartao b { font-size: 13px; }
.ordem-leitura { display: flex; justify-content: space-between; gap: 12px; padding: 9px 14px; border-top: 1px solid var(--tinta); background: #e9e5dc; }
.ordem-leitura strong { font: bold 11px 'Courier New', monospace; }
.ordem-leitura span { font-size: 11px; }
.figura-ordem figcaption { padding: 9px 12px; border-top: 1px solid var(--tinta); font: 10px/1.45 'Courier New', monospace; }
@media (max-width: 650px) { .figura-golpe-cabecalho, .golpe-entrada { flex-wrap: wrap; } .golpe-saidas { grid-template-columns: 1fr; } .golpe-trilha:first-child { border-right: 0; border-bottom: 1px solid var(--tinta); } .golpe-seta-dupla { display: none; } }
@media (max-width: 650px) { .ordem-lados { grid-template-columns: 1fr; } .ordem-lado { min-height: auto; } .ordem-leitura { flex-direction: column; gap: 3px; } }
@media print { main > section { break-inside: auto; padding: 20px 0 16px; margin-top: 28px; } main > section h2 { break-after: avoid; } tr { break-inside: avoid; } .tabela-rolagem { overflow: visible; } .figura-golpe, .figura-ordem { break-inside: avoid; } .golpe-trilha li { min-height: 34px; } #fontes-e-limites li { margin: 2px 0; font-size: 11px; line-height: 1.3; } }