.o-armes { display: grid; gap: 16px; margin-block: 18px; }
.o-armes .ar-titre { font-size: 1.7rem; margin: 0 0 .3em; }
.o-armes .ar-titre--moyen { font-size: 1.45rem; }
.o-armes .ar-sous { font-size: 1.2rem; margin: 18px 0 6px; }
.o-armes .ar-niveaux > div { display: grid; gap: 2px; }
.o-armes .ar-niveaux dt { font-weight: 800; color: var(--peche); }
.o-armes .ar-niveaux dd { margin: 0; color: var(--gris); }
.o-armes .ar-chiffres { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px; }
.o-armes .ar-chiffre { display: grid; gap: 6px; margin: 0; }
.o-armes .ar-chiffre > span:last-child { color: var(--gris); font-size: .95rem; }
.o-armes .ar-ecran .ecran__note { margin-block-start: 12px; }
.o-armes .ar-liste { display: grid; gap: 4px; }
.o-armes .ar-liste .us-deux { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.o-armes .ar-plein { grid-column: 1 / -1; }
.o-armes .ar-classes { margin-block: 4px 14px; }
.o-armes .ar-classes .champ__titre { margin: 0 0 8px; }
.o-armes .ar-comparaison { margin: 0; }
.o-armes .ar-comparaison h2 { font-size: 1.5rem; }
.o-armes .us-liste { margin-block-start: 6px; }
.o-armes .us-test-form .us-deux { grid-template-columns: minmax(0, 1fr); }

/* Une colonne qui peut rétrécir : sans minmax(0, …), le contenu le plus large élargit tout l'écran à 320 px. */
.o-armes, .o-armes .ecran, .o-armes .ar-liste { grid-template-columns: minmax(0, 1fr); min-inline-size: 0; }