/* Extracted from static/tools/fine-kinney.html; production CSP forbids inline style blocks. */
:root {
            --accent: #f59e0b;
            --accent-grad: linear-gradient(135deg, #f59e0b, #ef4444);
        }

        .fk-layout {
            display: grid;
            grid-template-columns: 1fr 380px;
            gap: var(--space-xl);
            align-items: start;
        }

        .slider-group {
            margin-bottom: var(--space-xl);
        }

        .slider-header {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            margin-bottom: var(--space-sm);
        }

        .slider-title {
            font-weight: 700;
            font-size: var(--font-size-base);
        }

        .slider-current {
            font-family: var(--font-mono);
            font-weight: 800;
            font-size: var(--font-size-xl);
            color: var(--accent);
        }

        .slider-desc {
            font-size: var(--font-size-xs);
            color: var(--text-muted);
            margin-top: var(--space-xs);
            padding: var(--space-sm);
            background: var(--bg-glass);
            border-radius: var(--radius-sm);
        }

        .fk-score-display {
            text-align: center;
            padding: var(--space-2xl) var(--space-xl);
            border-radius: var(--radius-xl);
            transition: all 0.5s ease;
        }

        .fk-score-number {
            font-size: 5rem;
            font-weight: 800;
            font-family: var(--font-mono);
            line-height: 1;
            transition: color 0.3s ease;
        }

        .fk-score-label {
            font-size: var(--font-size-sm);
            color: var(--text-muted);
            margin-top: var(--space-xs);
        }

        .fk-risk-tag {
            display: inline-block;
            padding: var(--space-sm) var(--space-lg);
            border-radius: 999px;
            font-weight: 700;
            font-size: var(--font-size-base);
            margin-top: var(--space-md);
            transition: all 0.3s ease;
        }

        .fk-formula {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: var(--space-md);
            font-family: var(--font-mono);
            font-size: var(--font-size-lg);
            font-weight: 700;
            margin: var(--space-lg) 0;
            color: var(--text-secondary);
        }

        .fk-formula span {
            transition: color 0.3s ease;
        }

        .fk-formula .op {
            color: var(--text-muted);
        }

        .action-card {
            padding: var(--space-md);
            border-radius: var(--radius-md);
            border-left: 4px solid;
            font-size: var(--font-size-sm);
            margin-top: var(--space-md);
        }

        .action-card h4 {
            margin-bottom: var(--space-xs);
        }

        .history-entry {
            display: flex;
            align-items: center;
            gap: var(--space-md);
            padding: var(--space-md);
            background: var(--bg-glass);
            border: var(--glass-border);
            border-radius: var(--radius-md);
            margin-bottom: var(--space-sm);
            animation: fadeInUp 0.3s ease;
        }

        .history-score {
            width: 48px;
            height: 48px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: var(--radius-sm);
            font-weight: 800;
            font-family: var(--font-mono);
            font-size: var(--font-size-sm);
        }

        .history-desc {
            flex: 1;
        }

        .history-name {
            font-weight: 600;
            font-size: var(--font-size-sm);
        }

        .history-meta {
            font-size: var(--font-size-xs);
            color: var(--text-muted);
        }

        .history-remove {
            background: none;
            border: none;
            color: var(--text-muted);
            cursor: pointer;
            font-size: 1.2rem;
            padding: 4px;
        }

        .history-remove:hover {
            color: #ef4444;
        }

        @media (max-width: 900px) {
            .fk-layout {
                grid-template-columns: 1fr;
            }
        }
.ra-csp-fine-kinney-01 { display:flex; align-items:center; gap:6px; }
.ra-csp-fine-kinney-02 { background: linear-gradient(135deg, #f59e0b, #ef4444); }
.ra-csp-fine-kinney-03 { font-size: var(--font-size-2xl); }
.ra-csp-fine-kinney-04 { margin-top: var(--space-md); }
.ra-csp-fine-kinney-05 { margin-bottom: var(--space-md); }
.ra-csp-fine-kinney-06 { border-color: #f59e0b; background: rgba(245,158,11,0.05); }
.ra-csp-fine-kinney-07 { margin-bottom: var(--space-md); font-size: var(--font-size-sm); }
.ra-csp-fine-kinney-08 { gap: var(--space-xs); }
.ra-csp-fine-kinney-09 { background: rgba(16,185,129,0.4); }
.ra-csp-fine-kinney-10 { color:#34d399; }
.ra-csp-fine-kinney-11 { background: rgba(245,158,11,0.4); }
.ra-csp-fine-kinney-12 { color:#fbbf24; }
.ra-csp-fine-kinney-13 { background: rgba(251,146,60,0.4); }
.ra-csp-fine-kinney-14 { color:#fb923c; }
.ra-csp-fine-kinney-15 { background: rgba(239,68,68,0.4); }
.ra-csp-fine-kinney-16 { color:#f87171; }
.ra-csp-fine-kinney-17 { background: rgba(220,38,38,0.5); }
.ra-csp-fine-kinney-18 { color:#fca5a5; }
.ra-csp-fine-kinney-19 { margin-bottom: var(--space-md); }
.ra-csp-fine-kinney-20 { color: var(--text-muted); }
.ra-csp-fine-kinney-21 { gap: var(--space-sm); }
.ra-csp-fine-kinney-22 { text-align:center; padding: var(--space-lg) 0; color: var(--text-muted); font-size: var(--font-size-sm); }