.sv-result-card { margin: 18px 0; padding: 22px; border: 1px solid #ffffff18; border-radius: 18px; background: linear-gradient(145deg,#1b2429,#15191e); color: #ecf2f5; font-size: 14px; max-width: 760px; }
.sv-result-card > header { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.sv-result-card h3 { margin:0; color:inherit; font-size:17px; font-weight:650; }
.sv-result-card header p { margin:6px 0 0; color:#a8bbc5; font-size:12px; }
.sv-result-label { border:1px solid #ffffff24; border-radius:20px; padding:4px 9px; color:#b7ccc5; font-size:10px; white-space:nowrap; }
.sv-result-metrics { display:flex; align-items:center; flex-wrap:wrap; gap:20px 32px; margin:24px 0; }
.sv-result-metrics > div { min-width:70px; }
.sv-result-metrics dt { color:#a8bbc5; font-size:12px; margin-bottom:6px; }
.sv-result-metrics dd { margin:0; font-size:17px; font-weight:600; }
.sv-result-metrics .is-primary dd { font-size:38px; letter-spacing:-1.5px; line-height:1.1; }
.sv-result-section { padding-top:14px; border-top:1px solid #ffffff14; margin-top:14px; }
.sv-result-section h4,.sv-result-section summary { margin:0 0 12px; color:#c9d8df; font-size:12px; font-weight:600; }
.sv-result-section summary { cursor:pointer; }
.sv-result-row { display:grid; grid-template-columns:100px minmax(0,1.8fr) minmax(35px,1fr) 45px; gap:12px; align-items:center; padding:9px 0; font-size:12px; }
.sv-result-row strong { font-weight:500; }
.sv-result-row span { color:#b2c2ca; }
.sv-result-row b { font-weight:600; text-align:right; }
.sv-result-bar { height:5px; border-radius:6px; background:#ffffff12; overflow:hidden; }
.sv-result-bar:before { content:""; display:block; width:var(--result-bar); height:100%; border-radius:6px; background:linear-gradient(90deg,#9bd7d9,#f3c583); }
.is-horizontal .sv-result-rows { display:flex; overflow-x:auto; gap:10px; padding-bottom:10px; scrollbar-width:thin; }
.is-horizontal .sv-result-row { flex:0 0 90px; display:flex; flex-direction:column; align-items:flex-start; gap:9px; padding:10px; background:#ffffff04; border-radius:10px; }
.is-horizontal .sv-result-row strong { font-size:10px; color:#b2c2ca; }
.is-horizontal .sv-result-row span { font-size:11px; min-height:32px; }
.is-horizontal .sv-result-row b { font-size:17px; }
.sv-result-card > footer { display:flex; gap:12px; flex-wrap:wrap; margin-top:16px; padding-top:12px; border-top:1px solid #ffffff14; }
.sv-result-card footer a { color:#a8cece; font-size:11px; text-decoration:none; }
.sv-artifact-result { display:flex; align-items:center; gap:13px; max-width:760px; margin:14px 0; padding:15px 18px; color:inherit; text-decoration:none; border:1px solid #ffffff1f; border-radius:12px; background:#ffffff04; }
.sv-artifact-result:hover { border-color:#9bd7d980; background:#9bd7d908; }
.sv-artifact-icon { display:grid; place-items:center; width:36px; height:42px; border-radius:6px; background:#2477d326; color:#8dbfff; font-size:22px; }
.sv-artifact-result > span:nth-child(2) { display:grid; gap:5px; flex:1; min-width:0; }
.sv-artifact-result small { font-size:11px; color:#8eaaa6; }
.sv-artifact-result strong { font-size:14px; overflow-wrap:anywhere; font-weight:550; }
.sv-result-card a:focus-visible,.sv-artifact-result:focus-visible,.sv-result-section summary:focus-visible { outline:2px solid #9bd7d9; outline-offset:4px; }
@media (max-width:600px) { .sv-result-card { padding:16px; } .sv-result-label { display:none; } .sv-result-row { grid-template-columns:80px minmax(0,1fr) 36px; gap:8px; } .sv-result-bar { display:none; } .sv-result-metrics { gap:20px; } }