MediaWiki:Gadget-wix-interactive.css: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 1,296:
height: 340px;
}
}
/* ================================================================
RISK ADJUSTMENT — data-wix-module="risk-adjustment"
Brittany storm: lognormal claim distribution with confidence slider.
================================================================ */
/* ── 51. Confidence Slider Row ──────────────────────────────────── */
.wix-ra-slider-row {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 1.25rem;
}
.wix-ra-slider-label {
font-size: 0.85em;
color: var(--wix-text-muted);
white-space: nowrap;
}
.wix-ra-slider-row input[type="range"] {
flex: 1;
}
.wix-ra-slider-val {
font-weight: 600;
min-width: 2.5rem;
text-align: right;
}
/* ── 52. Stat Cards Row ─────────────────────────────────────────── */
.wix-ra-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.65rem;
margin-bottom: 1.25rem;
}
@media (max-width: 480px) {
.wix-ra-stats {
grid-template-columns: 1fr;
}
}
.wix-ra-stat {
background: var(--wix-bg-subtle);
border: 1px solid var(--wix-border);
border-radius: var(--wix-radius);
padding: 0.65rem 0.85rem;
}
.wix-ra-stat-label {
font-size: 0.85em;
color: var(--wix-text-muted);
margin-bottom: 0.15rem;
}
.wix-ra-stat-val {
font-size: 1.35em;
font-weight: 700;
}
.wix-ra-stat-val--accent {
color: var(--wix-wrong);
}
/* ── 53. Chart Container ────────────────────────────────────────── */
.wix-ra-chart {
position: relative;
height: 280px;
margin-bottom: 0.5rem;
}
.wix-ra-chart canvas {
width: 100%;
height: 100%;
}
@media (max-width: 480px) {
.wix-ra-chart {
height: 220px;
}
}
/* ── 54. Legend Row ──────────────────────────────────────────────── */
.wix-ra-legend {
display: flex;
flex-wrap: wrap;
gap: 1rem;
font-size: 0.8em;
color: var(--wix-text-muted);
margin-bottom: 0.75rem;
}
.wix-ra-legend-item {
display: flex;
align-items: center;
gap: 0.3rem;
}
.wix-ra-legend-swatch {
width: 10px;
height: 10px;
border-radius: 2px;
}
/* ── 55. Explanation Text ───────────────────────────────────────── */
.wix-ra-explain {
font-size: 0.85em;
color: var(--wix-text-muted);
line-height: 1.6;
}
| |||