/* Matières (BTS CI, 18/10/2026) : liste des matières, chapitres numérotés et onglets Cours · CCF · Quiz.
   Sans JavaScript, les trois panneaux restent visibles l'un sous l'autre. */
.sn-lecteur{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sn-matieres{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.sn-matiere{display:flex;flex-direction:column;gap:6px;height:100%;box-sizing:border-box;padding:18px 20px;border-radius:16px;background:var(--wp--preset--color--tertiary);border:1px solid var(--wp--preset--color--border-light);color:var(--wp--preset--color--main);text-decoration:none;transition:border-color .2s ease,transform .2s ease}
.sn-matiere:hover{border-color:var(--wp--preset--color--primary-alt)}
.sn-matiere:focus-visible{outline:3px solid var(--wp--preset--color--focus);outline-offset:3px}
.sn-matiere-code{align-self:flex-start;padding:2px 10px;border-radius:999px;background:var(--wp--preset--color--primary-alt-accent);color:var(--wp--preset--color--primary-alt);font-weight:800;font-size:14px}
.sn-matiere-titre{font-weight:700;font-size:18px;line-height:1.3}
.sn-matiere-info{color:var(--wp--preset--color--secondary);font-size:15px;margin-top:auto}
.sn-chapitres{list-style:none;margin:0 0 18px;padding:0;counter-reset:none}
.sn-chapitres li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--wp--preset--color--border-light)}
.sn-chapitres li:last-child{border-bottom:0}
.sn-chap-num{flex:none;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--wp--preset--color--primary-alt-accent);color:var(--wp--preset--color--primary-alt);font-weight:800;font-size:14px}
.sn-bientot{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:14px;border:1px dashed var(--wp--preset--color--border-dark);color:var(--wp--preset--color--secondary)}
.sn-bientot .sn-pli-icone{flex:none}
.sn-source{color:var(--wp--preset--color--secondary);font-size:14px;margin-top:28px}
.sn-voir-aussi{font-size:15px}
/* Onglets */
.sn-onglets{margin:22px 0 14px;border-radius:16px;background:var(--wp--preset--color--tertiary);border:1px solid var(--wp--preset--color--border-light);overflow:hidden}
.sn-onglets-liste{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--wp--preset--color--border-light);overflow-x:auto}
.sn-onglet{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:6px 16px 6px 8px;border-radius:12px;cursor:pointer;color:var(--wp--preset--color--secondary);font-weight:700;white-space:nowrap}
.sn-onglet .sn-pli-icone{width:32px;height:32px}
.sn-onglet:hover{background:var(--wp--preset--color--primary-alt-accent);color:var(--wp--preset--color--main)}
.sn-onglet[aria-selected="true"]{background:var(--wp--preset--color--primary-alt-accent);color:var(--wp--preset--color--main);box-shadow:inset 0 -3px 0 var(--wp--preset--color--primary-alt)}
.sn-onglet:focus-visible{outline:3px solid var(--wp--preset--color--focus);outline-offset:-3px}
.sn-onglet-panneau{padding:18px 22px 22px}
.sn-onglet-panneau:focus-visible{outline:3px solid var(--wp--preset--color--focus);outline-offset:-3px}
.sn-onglet-panneau>h3:first-child{margin-top:0}
.sn-onglets:not(.est-actif) .sn-onglet-panneau+.sn-onglet-panneau{border-top:1px solid var(--wp--preset--color--border-light)}
@media (max-width:600px){.sn-onglet{padding-right:12px}.sn-onglet-panneau{padding:16px}}
@media print{.sn-onglet-panneau[hidden]{display:block!important}.sn-onglets-liste{display:none}}