/* =====================================================
   article11.css - PT SLAB INSPECTION SEVERITY CHECKER
   Extrait du <style> de l'ancien article_11.php,
   limite a l'outil et scope sous .severity-checker.
   Palette : primary #2C5370 | accent #b85c2a
   ===================================================== */
.severity-checker{background:#f7f9fb;border:1px solid #dde6ef;border-top:4px solid #2C5370;border-radius:0 0 8px 8px;padding:28px 28px 24px;margin:36px 0;font-family:'Inter',sans-serif}
.severity-checker .sc-header{display:flex;align-items:center;gap:12px;margin-bottom:6px;flex-wrap:wrap}
.severity-checker .sc-badge{background:#2C5370;color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;border-radius:3px;white-space:nowrap}
.severity-checker .sc-title{font-family:'Merriweather',serif;font-size:1.05rem;font-weight:700;color:#1a2b3c;margin:0}
.severity-checker .sc-subtitle{font-size:.88rem;color:#666;margin:6px 0 22px;line-height:1.5}

.severity-checker .sc-step{margin:0 0 20px;padding:0;border:0;min-width:0}
.severity-checker .sc-label{display:flex;align-items:flex-start;font-size:.875rem;font-weight:600;color:#1a2b3c;margin-bottom:10px;line-height:1.4;padding:0}
.severity-checker .sc-label .step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;background:#2C5370;color:#fff;font-size:.7rem;font-weight:700;border-radius:50%;margin-right:10px;margin-top:1px}
.severity-checker .sc-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.severity-checker .sc-option{display:flex;align-items:flex-start;gap:8px;background:#fff;border:1.5px solid #d4dfe8;border-radius:5px;padding:9px 12px;cursor:pointer;transition:border-color .15s,background .15s;font-size:.85rem;color:#333;line-height:1.35;margin:0}
.severity-checker .sc-option:hover{border-color:#2C5370;background:#eef4f8}
.severity-checker .sc-option input[type="radio"]{margin-top:2px;accent-color:#2C5370;flex-shrink:0}
.severity-checker .sc-option.selected{border-color:#2C5370;background:#eef4f8}
.severity-checker .sc-option:focus-within{outline:2px solid #2C5370;outline-offset:2px}
.severity-checker .sc-divider{border:none;border-top:1px solid #e2eaf1;margin:22px 0}

.severity-checker .sc-submit-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:4px}
.severity-checker .sc-submit{background:#2C5370;color:#fff;border:none;padding:11px 26px;font-size:.9rem;font-weight:600;font-family:'Inter',sans-serif;border-radius:4px;cursor:pointer;transition:background .2s}
.severity-checker .sc-submit:hover{background:#1e3a50}
.severity-checker .sc-reset-lnk{background:none;border:none;color:#888;font-size:.83rem;cursor:pointer;font-family:'Inter',sans-serif;text-decoration:underline;padding:0}
.severity-checker .sc-reset-lnk:hover{color:#b85c2a}
.severity-checker .sc-submit:focus-visible,
.severity-checker .sc-reset-lnk:focus-visible,
.severity-checker .sc-btn:focus-visible{outline:2px solid #b85c2a;outline-offset:2px}
.severity-checker .sc-error{font-size:.82rem;color:#c0392b;display:inline}
.severity-checker .sc-error[hidden]{display:none}

.severity-checker .sc-result{display:none;margin-top:24px;border-radius:6px;overflow:hidden}
.severity-checker .sc-result.visible{display:block}
.severity-checker .sc-result:focus{outline:none}
.severity-checker .sc-result-hd{padding:16px 20px;display:flex;align-items:center;gap:14px}
.severity-checker .sc-result-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:1rem;font-weight:700;line-height:1;flex-shrink:0;color:#fff}
.severity-checker .sc-result-tier{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:3px}
.severity-checker .sc-result-ttl{font-family:'Merriweather',serif;font-size:1rem;font-weight:700;margin:0}
.severity-checker .sc-result-bd{padding:16px 20px 20px;background:#fff;border:1px solid;border-top:none;border-radius:0 0 6px 6px}
.severity-checker .sc-result-bd p{font-size:.9rem;color:#444;line-height:1.65;margin:0 0 10px}
.severity-checker .sc-result-bd p:last-child{margin:0}
.severity-checker .sc-result-actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
.severity-checker .sc-btn{display:inline-block;padding:9px 18px;border-radius:4px;font-size:.84rem;font-weight:600;text-decoration:none;transition:opacity .15s}
.severity-checker .sc-btn:hover{opacity:.85}

.severity-checker .sc-result--monitor .sc-result-hd{background:#eaf6ee}
.severity-checker .sc-result--monitor .sc-result-icon{background:#2e7d52}
.severity-checker .sc-result--monitor .sc-result-tier{color:#2e7d52}
.severity-checker .sc-result--monitor .sc-result-ttl{color:#1e5c3a}
.severity-checker .sc-result--monitor .sc-result-bd{border-color:#bde0cb}
.severity-checker .sc-result--monitor .sc-btn-primary{background:#2e7d52;color:#fff}
.severity-checker .sc-result--monitor .sc-btn-secondary{background:#eaf6ee;color:#2e7d52;border:1.5px solid #2e7d52}

.severity-checker .sc-result--schedule .sc-result-hd{background:#fff8ec}
.severity-checker .sc-result--schedule .sc-result-icon{background:#c07800}
.severity-checker .sc-result--schedule .sc-result-tier{color:#a06000}
.severity-checker .sc-result--schedule .sc-result-ttl{color:#7a4800}
.severity-checker .sc-result--schedule .sc-result-bd{border-color:#f5d78e}
.severity-checker .sc-result--schedule .sc-btn-primary{background:#c07800;color:#fff}
.severity-checker .sc-result--schedule .sc-btn-secondary{background:#fff8ec;color:#a06000;border:1.5px solid #c07800}

.severity-checker .sc-result--escalate .sc-result-hd{background:#fff0ee}
.severity-checker .sc-result--escalate .sc-result-icon{background:#c0392b}
.severity-checker .sc-result--escalate .sc-result-tier{color:#c0392b}
.severity-checker .sc-result--escalate .sc-result-ttl{color:#8b1a10}
.severity-checker .sc-result--escalate .sc-result-bd{border-color:#f5b8b2}
.severity-checker .sc-result--escalate .sc-btn-primary{background:#c0392b;color:#fff}
.severity-checker .sc-result--escalate .sc-btn-secondary{background:#fff0ee;color:#c0392b;border:1.5px solid #c0392b}

.severity-checker .sc-disclaimer{font-size:.78rem;color:#777;font-style:italic;line-height:1.5;margin:20px 0 0}

@media (max-width:600px){
  .severity-checker{padding:20px 16px 18px}
  .severity-checker .sc-options{grid-template-columns:1fr}
  .severity-checker .sc-submit{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .severity-checker *{transition:none !important}
}

/* Ancre slug#id : marge sous l'en-tete fixe */
.severity-checker{scroll-margin-top:90px}