.boai-procedure-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 34px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(145deg,rgba(67,216,255,.08),rgba(255,255,255,.025))}
.boai-procedure-meta span{display:flex;flex-direction:column;gap:4px;padding:10px 13px;border-radius:13px;background:rgba(3,12,22,.38)}
.boai-procedure-meta small{color:#8fa5ba;font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.boai-procedure-meta strong{color:#fff;font-size:14px}
.boai-procedure-meta .boai-risk-faible strong{color:#7cf2bc}.boai-procedure-meta .boai-risk-modere strong{color:#ffd166}.boai-procedure-meta .boai-risk-eleve strong{color:#ff8f9b}
.boai-procedure-body>h2,.boai-procedure-body section>h2{margin-top:2em}.boai-procedure-objective{padding:24px;border:1px solid rgba(67,216,255,.18);border-radius:18px;background:rgba(67,216,255,.055)}
.boai-procedure-objective h2{margin-top:0!important}.boai-procedure-callout{margin:28px 0;padding:20px 22px;border:1px solid rgba(92,124,255,.25);border-radius:16px;background:rgba(92,124,255,.08)}
.boai-procedure-callout strong{display:block;color:#fff;font-size:16px;margin-bottom:8px}.boai-procedure-callout p:last-child,.boai-procedure-callout ul:last-child{margin-bottom:0}
.boai-procedure-warning{border-color:rgba(255,209,102,.27);background:rgba(255,209,102,.075)}.boai-procedure-warning strong{color:#ffd166}
.boai-procedure-steps{display:grid;gap:16px}.boai-procedure-step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.025)}
.boai-procedure-step-number{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#43d8ff,#5c7cff);color:#03101c;font-weight:950}.boai-procedure-step-content h3{margin:4px 0 10px!important;font-size:23px}.boai-procedure-step-content>p{color:#b8c8d7}
.boai-procedure-code{position:relative;margin:16px 0}.boai-procedure-code pre{margin:0!important;padding:22px 76px 22px 20px!important;white-space:pre-wrap;word-break:break-word}.boai-procedure-copy{position:absolute;z-index:2;right:10px;top:10px;border:1px solid rgba(67,216,255,.28);background:#0d2134;color:#9deaff;border-radius:9px;padding:7px 11px;font-weight:800;cursor:pointer}.boai-procedure-copy:hover{background:#15314b}.boai-procedure-copy.is-copied{color:#7cf2bc;border-color:rgba(124,242,188,.35)}
.boai-procedure-note{padding:12px 15px;border-left:3px solid #5c7cff;background:rgba(92,124,255,.07)}.boai-procedure-check,.boai-procedure-rollback{margin-top:28px;padding:22px;border-radius:18px}.boai-procedure-check{border:1px solid rgba(84,230,164,.2);background:rgba(84,230,164,.055)}.boai-procedure-rollback{border:1px solid rgba(255,143,155,.18);background:rgba(255,143,155,.045)}
.boai-procedure-filters{grid-column:1/-1;display:grid;grid-template-columns:2fr repeat(3,1fr) auto auto;gap:12px;align-items:end;margin-bottom:10px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.025)}
.boai-procedure-filters label{display:block;margin:0 0 7px;color:#9fb2c4;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.boai-procedure-filters input,.boai-procedure-filters select{width:100%;height:44px;padding:0 12px;color:#eaf5ff;background:#071421;border:1px solid rgba(255,255,255,.13);border-radius:10px}.boai-procedure-filters button{height:44px;border:0;border-radius:10px;padding:0 17px;background:linear-gradient(135deg,#43d8ff,#5c7cff);color:#04101c;font-weight:900;cursor:pointer}.boai-procedure-reset{height:44px;display:flex;align-items:center;padding:0 6px;color:#9deaff;font-weight:800}
@media(max-width:1000px){.boai-procedure-filters{grid-template-columns:repeat(2,1fr)}.boai-procedure-filters button,.boai-procedure-reset{justify-content:center}.boai-procedure-meta{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.boai-procedure-meta,.boai-procedure-filters{grid-template-columns:1fr}.boai-procedure-step{grid-template-columns:1fr}.boai-procedure-step-number{width:38px;height:38px}.boai-procedure-code pre{padding:55px 16px 18px!important}.boai-procedure-copy{left:10px;right:auto}}