
/* Artificial Index R13 Metrics */
.ai-card-metrics{margin:11px 0 2px;padding:10px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(9,13,17,.18)}
.ai-card-metric-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:8px;color:#8f9ca9;text-transform:uppercase;letter-spacing:.07em}
.ai-card-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.ai-card-metric{min-width:0}.ai-card-metric label{display:block;font-size:7px;color:#8c98a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.ai-card-metric .v{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:9px;font-weight:800}.ai-card-metric .mini{height:5px;background:#171d23;border-radius:999px;overflow:hidden;margin-top:4px}.ai-card-metric .mini i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--ai),var(--ai2));min-width:1px}.ai-card-metric.pending .v{color:#74808b}.ai-card-metric.pending .mini i{width:0!important}.ai-metrics-section{position:relative}.ai-metrics-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:14px}.ai-metrics-head h2{margin:0}.ai-metrics-sub{max-width:850px;font-size:10px;line-height:1.6;color:#95a1ad}.ai-metrics-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0 15px}.ai-metric-summary-card{border:1px solid rgba(255,255,255,.075);background:linear-gradient(180deg,#29323b,#20272f);border-radius:11px;padding:12px}.ai-metric-summary-card small{display:block;color:#84919e;text-transform:uppercase;letter-spacing:.07em;font-size:8px}.ai-metric-summary-card strong{display:block;font-size:19px;margin-top:4px}.ai-scoregraph{border:1px solid rgba(255,255,255,.075);background:linear-gradient(180deg,#29313a,#20272f);border-radius:14px;padding:16px}.ai-scoregraph h3{margin:0 0 4px;font-size:15px}.ai-scoregraph-note{color:#8996a3;font-size:9px;line-height:1.5;margin-bottom:12px}.ai-score-row{display:grid;grid-template-columns:minmax(135px,1fr) 2.3fr 48px 62px;gap:9px;align-items:center;padding:7px 0;border-top:1px solid rgba(255,255,255,.045);font-size:9px}.ai-score-row:first-of-type{border-top:0}.ai-score-label{color:#c7d0d8;font-weight:750}.ai-score-track{height:10px;background:#151b21;border:1px solid rgba(255,255,255,.045);border-radius:999px;overflow:hidden}.ai-score-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:999px}.ai-score-row.pending .ai-score-fill{width:0!important}.ai-score-row.pending .ai-score-track{background:repeating-linear-gradient(135deg,#171d23,#171d23 6px,#1d242b 6px,#1d242b 12px)}.ai-score-num{font-weight:850;text-align:right}.ai-score-row.pending .ai-score-num{color:#737f8a}.ai-score-grade{text-align:center;border:1px solid #4d5965;border-radius:999px;padding:3px 5px;font-size:8px}.ai-score-method{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.ai-score-method>div{padding:11px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:#242c34;font-size:9px;line-height:1.55;color:#99a6b2}.ai-score-method b{color:#dbe2e8}.ai-metric-ring{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) var(--pct),#161c22 0);position:relative}.ai-metric-ring:after{content:"";position:absolute;inset:8px;background:#232b33;border-radius:50%}.ai-metric-ring span{position:relative;z-index:1;font-weight:850;font-size:13px}.ai-metric-topgrid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.metric-compare-wrap{margin-top:18px;border-top:1px solid rgba(255,255,255,.08);padding-top:16px}.metric-compare-wrap h3{margin:0 0 4px}.metric-compare-grid{display:grid;gap:13px;margin-top:12px}.metric-compare-dim{padding:11px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:#222a32}.metric-compare-dim>strong{font-size:10px}.metric-compare-bars{display:grid;gap:6px;margin-top:8px}.metric-compare-bar{display:grid;grid-template-columns:130px 1fr 44px;gap:8px;align-items:center;font-size:9px}.metric-compare-bar .track{height:8px;border-radius:999px;background:#151b21;overflow:hidden}.metric-compare-bar .fill{height:100%;background:#8997a5;border-radius:999px}.metric-compare-bar.pending .track{background:repeating-linear-gradient(135deg,#171d23,#171d23 6px,#1d242b 6px,#1d242b 12px)}.metric-compare-bar.pending .fill{width:0!important}.metric-compare-bar span:last-child{text-align:right}.metrics-method-page .dimension-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metrics-method-page .dimension{border:1px solid rgba(255,255,255,.075);border-radius:12px;background:#252d35;padding:14px}.metrics-method-page .dimension h3{margin:0 0 5px;font-size:13px}.metrics-method-page .dimension small{color:#8996a3;text-transform:uppercase;letter-spacing:.07em}.metrics-method-page .dimension p{font-size:10px;line-height:1.6;color:#a5b0bb}.metrics-warning{padding:13px 14px;border-left:3px solid #8b7d55;background:rgba(139,125,85,.08);color:#c9c2a7;font-size:10px;line-height:1.6;margin:14px 0}
@media(max-width:760px){.ai-card-metric-grid{grid-template-columns:repeat(2,1fr)}.ai-metrics-summary{grid-template-columns:repeat(2,1fr)}.ai-score-row{grid-template-columns:110px 1fr 38px 44px}.ai-score-method{grid-template-columns:1fr}.metrics-method-page .dimension-grid{grid-template-columns:1fr}.ai-metrics-head{align-items:flex-start;flex-direction:column}.metric-compare-bar{grid-template-columns:95px 1fr 38px}}
