.score-orb { min-width: 70px; height: 70px; border-radius: 8px; display: grid; place-items: center; font-size: 28px; font-weight: 900; border: 1px solid; }
.score-high { background: rgba(123,213,111,.18); color: #a8ff9e; border-color: rgba(123,213,111,.35); }
.score-mid { background: rgba(232,179,79,.18); color: #ffd080; border-color: rgba(232,179,79,.35); }
.score-low { background: rgba(239,107,107,.18); color: #ff9b9b; border-color: rgba(239,107,107,.35); }
.score-section-title { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-top: 14px; }
.score-section-title h3 { margin-bottom: 2px; }
.score-section-title span { color: var(--fb-dark-muted); font-size: 12px; }
.evidence-chip-group { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.evidence-chip { display: inline-grid; grid-template-columns: auto auto; grid-template-areas: "icon count" "icon label"; align-items: center; column-gap: 7px; min-width: 78px; border-radius: 8px; border: 1px solid rgba(255,255,255,.1); background: rgba(0,0,0,.22); color: var(--fb-dark-text); padding: 7px 9px; text-decoration: none; cursor: pointer; }
.evidence-chip span { grid-area: icon; width: 21px; height: 21px; border-radius: 999px; display: grid; place-items: center; font-weight: 900; font-size: 12px; color: #07100b; }
.evidence-chip strong { grid-area: count; line-height: 1; font-size: 18px; }
.evidence-chip small { grid-area: label; color: var(--fb-dark-muted); font-size: 10px; line-height: 1.2; }
.evidence-positive span { background: #7bd56f; }
.evidence-risk span { background: #ef6b6b; }
.score-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 14px 0; }
.score-grid div, .signal-list div { background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.08); border-radius: 8px; padding: 11px; }
.score-grid span, .signal-list span { color: var(--fb-dark-muted); font-size: 12px; display: block; }
.score-grid strong, .signal-list strong { font-size: 22px; }
.score-denominator { display: inline; margin-left: 2px; color: var(--fb-dark-muted); font-size: 12px; font-weight: 800; }
.score-grid .score-tile { border-left-width: 4px; min-height: 94px; }
.score-tile small { display: block; margin-top: 4px; color: #aab9b1; font-size: 11px; }
.score-tile-excellent { border-left-color: #8de878 !important; }
.score-tile-good { border-left-color: #d8c86a !important; }
.score-tile-moderate { border-left-color: #e8a24a !important; }
.score-tile-bad { border-left-color: #ef6b6b !important; }
.evidence-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 12px 0 16px; }
.evidence-summary div { border-radius: 8px; padding: 12px; background: rgba(0,0,0,.26); border: 1px solid rgba(255,255,255,.1); }
.evidence-summary span, .evidence-summary small { display: block; color: var(--fb-dark-muted); }
.evidence-summary strong { display: block; font-size: 28px; margin: 3px 0; }
.evidence-summary small { font-size: 11px; line-height: 1.35; }
.evidence-preview { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 12px 0 16px; }
.evidence-preview div { border-radius: 8px; padding: 10px; background: rgba(0,0,0,.18); border: 1px solid rgba(255,255,255,.08); }
.evidence-preview span, .evidence-preview small { display: block; color: var(--fb-dark-muted); }
.evidence-preview small { line-height: 1.35; color: #cbd8d0; }
.evidence-box { margin-top: 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; background: rgba(0,0,0,.18); padding: 10px 12px; }
.evidence-box summary { cursor: pointer; font-weight: 800; color: var(--fb-dark-text); }
.evidence-box summary::marker { color: #d8c86a; }
.context-card-grid { display: grid; grid-template-columns: 1fr; gap: 10px; margin: 10px 0 16px; }
.context-card { position: relative; padding: 12px; border-radius: 8px; background: rgba(8,14,13,.72); border: 1px solid rgba(255,255,255,.1); border-left: 4px solid #4aa3ff; }
.context-card:nth-child(2) { border-left-color: #d8c86a; }
.context-card:nth-child(3) { border-left-color: #8de878; }
.context-card:nth-child(4) { border-left-color: #7aa7ff; }
.context-card span, .context-card small, .context-card em { display: block; }
.context-card span { color: var(--fb-dark-muted); font-size: 12px; }
.context-card strong { display: block; margin: 4px 0; font-size: 18px; }
.context-card small { color: #aab9b1; font-size: 11px; line-height: 1.35; }
.context-card em { margin-top: 8px; color: #f0d282; font-style: normal; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }