@font-face { font-family: 'Silkscreen'; src: url('../fonts/silkscreen-400.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Atkinson'; font-weight: 400; src: url('../fonts/atkinson-400.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Atkinson'; font-weight: 700; src: url('../fonts/atkinson-700.woff2') format('woff2'); font-display: swap; }
* { box-sizing: border-box; }
html, body { margin: 0; background: #0b0d10; color: #eadfca; }
body { font: 17px/1.5 'Atkinson', system-ui, sans-serif; padding: 0 16px; }
main, .cab, .pie { max-width: 640px; margin: 0 auto; }
h1, h2, h3 { font-family: 'Silkscreen', monospace; font-weight: 400; color: #2fd0e0; line-height: 1.2; }
a { color: #2fd0e0; }
a:focus-visible { outline: 3px solid #f2c14e; outline-offset: 2px; }
.pie { padding: 24px 0 32px; font-size: 14px; color: #9b927f; }
.cab { padding: 16px 0 0; }
.cab h1 { margin: 8px 0 0; font-size: 28px; }
.atras { font-size: 15px; }
h2 { font-size: 20px; margin: 32px 0 8px; }
h3 { font-size: 15px; margin: 20px 0 6px; color: #eadfca; }
.indice { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 12px 0; }
.tabla { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; font-size: 15px; }
th, td { text-align: left; padding: 8px 10px; border-bottom: 1px solid #2a3038; white-space: nowrap; }
th { color: #9b927f; font-weight: 700; }
.cuadro { display: inline-block; width: 14px; height: 14px; margin-right: 8px; vertical-align: -2px; border: 1px solid #000; }
.ajusta th, .ajusta td { white-space: normal; padding: 8px 6px; }