/* Onglets génériques des pages d'États (jusqu'à 6) et éléments propres au Royaume d'Asag II. À charger après droxun.css. */
.dx-onglets > .dx-radio:nth-of-type(1):checked ~ .dx-panneau:nth-of-type(1) { display: block; }
.dx-onglets > .dx-radio:nth-of-type(1):checked ~ .dx-barre .dx-l:nth-of-type(1) { background: #f1e8ca; color: #1c150a; position: relative; top: 3px; box-shadow: 0 3px 0 #f1e8ca; }
.dx-onglets > .dx-radio:nth-of-type(2):checked ~ .dx-panneau:nth-of-type(2) { display: block; }
.dx-onglets > .dx-radio:nth-of-type(2):checked ~ .dx-barre .dx-l:nth-of-type(2) { background: #f1e8ca; color: #1c150a; position: relative; top: 3px; box-shadow: 0 3px 0 #f1e8ca; }
.dx-onglets > .dx-radio:nth-of-type(3):checked ~ .dx-panneau:nth-of-type(3) { display: block; }
.dx-onglets > .dx-radio:nth-of-type(3):checked ~ .dx-barre .dx-l:nth-of-type(3) { background: #f1e8ca; color: #1c150a; position: relative; top: 3px; box-shadow: 0 3px 0 #f1e8ca; }
.dx-onglets > .dx-radio:nth-of-type(4):checked ~ .dx-panneau:nth-of-type(4) { display: block; }
.dx-onglets > .dx-radio:nth-of-type(4):checked ~ .dx-barre .dx-l:nth-of-type(4) { background: #f1e8ca; color: #1c150a; position: relative; top: 3px; box-shadow: 0 3px 0 #f1e8ca; }
.dx-onglets > .dx-radio:nth-of-type(5):checked ~ .dx-panneau:nth-of-type(5) { display: block; }
.dx-onglets > .dx-radio:nth-of-type(5):checked ~ .dx-barre .dx-l:nth-of-type(5) { background: #f1e8ca; color: #1c150a; position: relative; top: 3px; box-shadow: 0 3px 0 #f1e8ca; }
.dx-onglets > .dx-radio:nth-of-type(6):checked ~ .dx-panneau:nth-of-type(6) { display: block; }
.dx-onglets > .dx-radio:nth-of-type(6):checked ~ .dx-barre .dx-l:nth-of-type(6) { background: #f1e8ca; color: #1c150a; position: relative; top: 3px; box-shadow: 0 3px 0 #f1e8ca; }

.as-castes { grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); }
.as-personnes { list-style: none; margin: 0 0 22px; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); gap: 12px; }
.as-perso { display: grid; gap: 2px; padding: 10px 16px; background: linear-gradient(#f1e8ca, #dccf9f); border: 2px solid #6b5220; border-left: 6px solid #7a5a12; box-shadow: 0 2px 3px rgba(0,0,0,.3); }
.as-perso strong { font: 700 15px Georgia, serif; }
.as-perso span { font-size: 14px; line-height: 1.5; }