/* Clear, vivid severity markers and matching result surfaces. */
.sd .sd-result-top { border:2px solid #b9d5be; }
.sd .sd-result-top>.sd-result-signal { display:flex; justify-content:center; gap:16px; margin:0 0 18px; font-size:32px; font-weight:800; }
.sd .sd-result-top>.sd-result-signal svg { width:88px; height:88px; flex-basis:88px; filter:drop-shadow(0 3px 0 rgba(91,55,0,.18)); }
.sd .sd-result-signal[data-severity="2"] { color:#713b00; }
.sd .sd-result-signal[data-severity="2"] svg { fill:#ffca00; stroke:#b86500; stroke-width:2; stroke-linejoin:round; }
.sd .sd-result-signal[data-severity="2"] .sd-signal-exclamation { fill:#392500; stroke:none; }
.sd .sd-result-signal[data-severity="3"] { color:#ba1025; }
.sd .sd-result-signal[data-severity="3"] svg { fill:#ed1734; stroke:#af0821; stroke-width:2; stroke-linejoin:round; }
.sd .sd-result-signal[data-severity="3"] .sd-signal-exclamation { fill:#fff; stroke:none; }
.sd .sd-result[data-level="2"] .sd-result-top { background:linear-gradient(140deg,#fff8c9,#fff0aa); border:3px solid #edac00; border-top:10px solid #ffbf00; box-shadow:0 7px 22px rgba(199,139,0,.13); }
.sd .sd-result[data-level="3"] .sd-result-top { background:linear-gradient(140deg,#fff0f0,#ffdbdf); border:3px solid #e7223b; border-top:10px solid #ed1734; box-shadow:0 7px 22px rgba(203,22,53,.13); }
.sd .sd-result[data-level="2"] .sd-result-top h2 { color:#603400; }
.sd .sd-result[data-level="3"] .sd-result-top h2 { color:#aa1023; }
.sd .sd-result[data-level="2"] .sd-result-top>.sd-level,.sd .sd-level[data-level="2"] { background:#ffd139; color:#4c3000; border:1px solid #d29300; }
.sd .sd-result[data-level="3"] .sd-result-top>.sd-level,.sd .sd-level[data-level="3"] { background:#d81731; color:#fff; border:1px solid #ba1025; }
.sd .sd-level { max-width:100%; box-sizing:border-box; white-space:normal; line-height:1.6; }
.sd .sd-part[data-level="2"] { background:#fffbea; border:2px solid #e9ad0a; border-left:8px solid #ffc400; }
.sd .sd-part[data-level="3"] { background:#fff3f4; border:2px solid #e62b43; border-left:8px solid #ed1734; }
.sd .sd-part-heading .sd-result-signal { font-size:24px; gap:9px; margin:0; }
.sd .sd-part-heading .sd-result-signal svg { width:56px; height:56px; flex-basis:56px; }
.sd .sd-part-heading h3 { margin-right:auto; }
.sd .sd-result[data-level="2"] .sd-next { background:#fff5ce; border:2px solid #edb40b; border-left:8px solid #ffc400; border-radius:10px; }
.sd .sd-result[data-level="3"] .sd-next { background:#ffe9ec; border:2px solid #e62b43; border-left:8px solid #ed1734; border-radius:10px; }
.sd .sd-part[data-level="2"] details,.sd .sd-part[data-level="3"] details { padding:12px 16px; background:rgba(255,255,255,.78); border-radius:8px; }
@media(max-width:760px) {
 .sd .sd-result-top { padding:24px 18px; }
 .sd .sd-result-top>.sd-result-signal { font-size:28px; }
 .sd .sd-result-top>.sd-result-signal svg { width:76px; height:76px; flex-basis:76px; }
 .sd .sd-part-heading { justify-content:flex-start; gap:12px; }
 .sd .sd-part-heading h3 { flex-basis:100%; }
 .sd .sd-part-heading .sd-result-signal { font-size:22px; }
 .sd .sd-part-heading .sd-result-signal svg { width:48px; height:48px; flex-basis:48px; }
 .sd .sd-part-heading .sd-level { flex-basis:100%; }
}