.pannes{border:1px solid var(--filet);grid-template-columns:minmax(230px,.85fr) minmax(300px,1.15fr);min-height:360px;display:grid}.pannes__onglets{border-right:1px solid var(--filet);background:var(--sable);grid-auto-rows:min-content;display:grid}.pannes__onglet{cursor:pointer;border:0;border-left:4px solid #0000;border-bottom:1px solid var(--filet);color:var(--encre);text-align:left;transition:background-color var(--transition), border-left-color var(--transition);background:0 0;gap:4px;padding:22px;display:grid}.pannes__onglet:hover{background:#fff9}.pannes__onglet[aria-selected=true]{background:var(--blanc);border-left-color:var(--accent)}.pannes__numero{font-family:var(--police-titre);letter-spacing:.14em;color:var(--texte-discret);font-size:11px;font-weight:800}.pannes__onglet[aria-selected=true] .pannes__numero{color:var(--accent)}.pannes__titre{font-family:var(--police-titre);letter-spacing:-.01em;font-size:17px;font-weight:700}.pannes__panneau{flex-direction:column;gap:18px;padding:38px 36px;display:flex}.pannes__panneau h3{font-family:var(--police-titre);letter-spacing:-.02em;margin:0;font-size:clamp(22px,2.2vw,28px);font-weight:700}.pannes__panneau p{color:var(--texte-corps);max-width:68ch;margin:0;font-size:16px;line-height:1.75}.pannes__action{flex-wrap:wrap;align-items:center;gap:12px;margin-top:auto;padding-top:20px;display:flex}.pannes__action span{color:var(--texte-discret);font-size:14px}@media (max-width:1100px){.pannes{grid-template-columns:minmax(0,1fr)}.pannes__onglets{border-right:0}.pannes__panneau{padding:28px 22px}}