/* Il bestiario: elenco (bestiario.html) e scheda di un mob (mostro.html).
   File a parte perche' yitian.css lo toccano in tanti: chi vuole puo' incollarlo in fondo
   a yitian.css e togliere il <link> dai due template. Le tabelle sono le .yt-ct dei
   cataloghi (griglia grigia, fondo #311001): qui c'e' solo quello che cambia. */
.yt-bs { width: 590px; margin: 0 auto; }
.yt-bs-nome { margin: 0 0 10px; font-size: 16px; font-weight: bold; text-align: center; }
.yt-bs-nome small { font-size: 12px; font-weight: normal; opacity: .85; margin-left: 6px; }
.yt-bs-su { display: flex; gap: 10px; align-items: flex-start; }
/* la foto e' 395x445: 237x267 e' la stessa proporzione, mai stirata */
.yt-bs-figure { flex: none; display: flex; flex-direction: column; gap: 8px; width: 239px; }
.yt-bs-figure figure { margin: 0; border: 1px solid #666; background: #0c0907; line-height: 0; }
.yt-bs-figure img { display: block; width: 237px; height: auto; }
.yt-bs-figure figcaption { padding: 4px; font-size: 11px; line-height: 130%; text-align: center; background: #311001; opacity: .9; }
.yt-bs-senza { margin: 0; padding: 40px 12px; border: 1px solid #666; background: #0c0907; text-align: center; opacity: .8; }
.yt-ct.yt-bs-t { width: 100%; margin: 0 0 6px; }
.yt-bs-su .yt-ct.yt-bs-t { flex: 1; width: auto; }
.yt-bs-t td, .yt-bs-t th { height: 26px; }
.yt-bs-t tbody th { width: 46%; text-align: left; padding: 2px 8px; color: var(--text); font-weight: normal; }
.yt-bs-t tbody tr:nth-child(even) th { background: #4B1803; }
.yt-bs-t thead th.yt-bs-capo { color: var(--text); }
/* le tabelle di soli numeri vanno su due colonne: una riga sola sarebbe alta mezza pagina */
.yt-bs-due tbody { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; }
.yt-bs-due tbody tr { display: flex; gap: 1px; }
.yt-bs-due tbody th, .yt-bs-due tbody td { display: flex; align-items: center; flex: 1; }
.yt-bs-due tbody td { justify-content: center; }
.yt-bs-due tbody tr:nth-child(n) th, .yt-bs-due tbody tr:nth-child(n) td { background: #311001; }
.yt-bs-due tbody tr:nth-child(4n+3) th, .yt-bs-due tbody tr:nth-child(4n+3) td,
.yt-bs-due tbody tr:nth-child(4n+4) th, .yt-bs-due tbody tr:nth-child(4n+4) td { background: #4B1803; }
/* riga spaiata in fondo: occupa tutte e due le colonne, altrimenti resta un buco grigio */
.yt-bs-due tbody tr:last-child:nth-child(odd) { grid-column: 1 / -1; }
.yt-bs-h { margin: 16px 0 6px; font-size: 13px; font-weight: bold; }
.yt-bs-nota { width: 590px; margin: 8px auto; line-height: 140%; }
.yt-bs-nota::before { content: "※ "; color: var(--yellow); }
.yt-bs-piede { margin: 2px 0 0; font-size: 11px; line-height: 135%; opacity: .75; }
.yt-bs-membri { text-align: left !important; line-height: 150%; }
.yt-bs-sfoglia { display: flex; justify-content: space-between; gap: 10px; margin: 18px 0 0; }
.yt-bs-sfoglia > * { flex: 1; text-align: center; }
.yt-bs-sfoglia > :first-child { text-align: left; }
.yt-bs-sfoglia > :last-child { text-align: right; }
.yt-ct-nome a { display: block; }
.yt-ct-nome a:hover { color: var(--a-sopra); }