.figura-vinculos{margin:24px 0;border:1px solid var(--tinta);break-inside:avoid;background:#f7f5f0}
.vinculos-cabecalho{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid var(--tinta);font:10px/1.4 'Courier New',monospace}
.vinculos-linhas{display:grid;gap:9px;padding:16px}
.vinculo{display:grid;grid-template-columns:1fr 1.1fr 1.1fr 1.6fr;align-items:center;gap:10px;min-height:54px;padding:9px 12px;border:1px solid var(--linha);background:var(--folha)}
.vinculo-origem{font:bold 11px 'Courier New',monospace;letter-spacing:.07em}
.vinculo-seta{font:12px 'Courier New',monospace;color:var(--vermelho);white-space:nowrap}
.vinculo-seta b{font:20px Georgia,serif;vertical-align:middle}
.vinculo strong{font:16px Georgia,serif}
.vinculo small{font:11px/1.3 Georgia,serif;color:var(--cinza)}
.figura-vinculos figcaption{padding:9px 12px;border-top:1px solid var(--tinta);font:10px/1.45 'Courier New',monospace}
.tabela-impresso{display:none}
.figura-mapa{margin:24px 0;border:1px solid var(--tinta);background:#f7f5f0;break-inside:avoid}
.figura-mapa-topo{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid var(--tinta);font:10px/1.4 'Courier New',monospace}
.figura-mapa-amostras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:13px}
.amostra-mapa{display:flex;flex-direction:column;gap:5px;border:1px solid var(--linha);background:var(--folha);padding:8px}
.amostra-mapa strong{font:12px Georgia,serif}.amostra-mapa small{font:10px/1.25 Georgia,serif;color:var(--cinza)}
.mapa-sinal{display:block;height:68px;background:#e8e6e1;border:1px solid #aaa;overflow:hidden}
.fronteira-regiao{background:linear-gradient(90deg,#e8e6e1 0 49%,#6f7781 49% 50%,#e8e6e1 50%)}
.fronteira-pais{background:linear-gradient(90deg,#e8e6e1 0 47%,#a22b27 47% 51%,#e8e6e1 51%)}
.mapa-combate{background:repeating-linear-gradient(135deg,#d2d1ce 0 4px,#74787e 4px 6px,#d2d1ce 6px 11px)}
.mapa-sem-ligacao{font:12px/1.65 'Courier New',monospace;letter-spacing:6px;text-align:center;color:#555;background:#d2d1ce;white-space:nowrap}
.figura-mapa figcaption{padding:9px 12px;border-top:1px solid var(--tinta);font:10px/1.45 'Courier New',monospace}
.quadro-relacoes{margin:16px 0;border:1px solid var(--tinta);background:#f7f5f0;break-inside:avoid}
.quadro-relacoes-topo{display:flex;justify-content:space-between;gap:10px;padding:8px 11px;border-bottom:1px solid var(--tinta);font:10px/1.4 'Courier New',monospace}
.quadro-relacoes-cartoes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:11px}
.cartao-relacao{grid-column:span 2}.cartao-relacao:nth-child(4){grid-column:2 / span 2}.cartao-relacao:nth-child(5){grid-column:4 / span 2}
.cartao-relacao{min-width:0;padding:6px;border:1px solid var(--linha);background:var(--folha);display:flex;flex-direction:column;gap:5px}
.cartao-relacao strong{font:12px/1.2 Georgia,serif}.cartao-relacao small{font:10px/1.25 Georgia,serif;color:var(--cinza)}
.amostra-contorno{display:block;height:65px;border:1px solid #aaa;background:#e8e6e1;position:relative;overflow:hidden}
.amostra-contorno::after{content:"";position:absolute;inset:0 auto 0 calc(50% - 4px);width:8px;background:var(--cor-contorno)}
.contorno-aliado{--cor-contorno:#3275c9}.contorno-pacto{--cor-contorno:#8a53bd}.contorno-jurado{--cor-contorno:#b92b2b}.contorno-guerra{--cor-contorno:#d87a23}.contorno-neutro{--cor-contorno:#777}
@media(max-width:650px){.vinculos-cabecalho{flex-wrap:wrap}.vinculo{grid-template-columns:1fr 1.2fr;gap:4px 8px}.vinculo small{grid-column:2}}
@media(max-width:650px){.figura-mapa-amostras{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.quadro-relacoes-cartoes{grid-template-columns:repeat(2,minmax(0,1fr))}.cartao-relacao,.cartao-relacao:nth-child(4),.cartao-relacao:nth-child(5){grid-column:auto}.quadro-relacoes-topo{flex-wrap:wrap}}
@media print{body{font-size:15px;line-height:1.45}main>section{padding:5px 0 3px;margin-top:4px}main>section h2{font-size:27px;margin-bottom:8px}main>section p{margin:7px 0}#como-ler-as-linhas-e-texturas-do-mapa{break-before:page}.figura-vinculos{break-inside:avoid;margin:14px 0}.vinculo{min-height:43px;padding:6px 10px}.vinculos-linhas{gap:6px;padding:12px}.tabela-link{display:none}.tabela-impresso{display:inline}}
