.nyckeltal-root{max-width:920px;margin:1.5em 0;font-family:inherit}
.nyckeltal-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.6em 1.9em;box-shadow:0 1px 3px rgba(0,0,0,0.04)}
.nyckeltal-title{margin:0 0 0.4em;color:#1e3a5f;font-size:1.4em;font-weight:700}
.nyckeltal-intro{margin:0 0 1.2em;color:#475569;line-height:1.65;font-size:0.98em}
.nyckeltal-grupp{margin-bottom:1.5em;padding:1.1em 1.3em;background:#f8fafc;border-radius:8px;border-left:4px solid #16a34a}
.nyckeltal-grupp h3{margin:0 0 1em;color:#1e3a5f;font-size:1.05em;font-weight:700}
.nyckeltal-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.1em 1.2em}
.nyckeltal-fields label{display:block;min-width:0}
.nyckeltal-fields label span{display:block;font-weight:600;color:#1e3a5f;margin-bottom:0.35em;font-size:0.92em;line-height:1.35}
.nyckeltal-fields input{width:100%;padding:0.65em 0.85em;border:1px solid #cbd5e1;border-radius:6px;font-size:1em;box-sizing:border-box;font-family:inherit;font-variant-numeric:tabular-nums;text-align:right}
.nyckeltal-fields input:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,0.1)}
.nyckeltal-fields small{display:block;color:#64748b;font-size:0.85em;margin-top:0.3em;line-height:1.45}
.nyckeltal-btn{background:#16a34a;color:#fff;border:none;padding:0.95em 1.8em;border-radius:6px;font-size:1.02em;font-weight:600;cursor:pointer;font-family:inherit;width:100%}
.nyckeltal-btn:hover{background:#15803d}
.nyckeltal-resultat{margin-top:1.5em;padding-top:1.5em;border-top:1px solid #e2e8f0}
.nyckeltal-resultat h3{margin:0 0 1em;color:#1e3a5f;font-size:1.18em}
.nyckeltal-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.9em;margin-bottom:1em}
.nyckeltal-tal{padding:1.1em 1.3em;background:#fff;border:1px solid #e2e8f0;border-left:4px solid #16a34a;border-radius:6px}
.nyckeltal-tal.svag{border-left-color:#dc2626}
.nyckeltal-tal.medel{border-left-color:#f59e0b}
.nyckeltal-tal-namn{font-size:0.92em;color:#475569;margin:0 0 0.3em;font-weight:600}
.nyckeltal-tal-varde{font-size:1.5em;font-weight:700;color:#1e3a5f;margin:0 0 0.35em;font-variant-numeric:tabular-nums}
.nyckeltal-tal-bedoming{font-size:0.92em;color:#475569;margin:0;line-height:1.5;font-weight:500}
.nyckeltal-tal-formel{font-size:0.85em;color:#64748b;margin:0.4em 0 0;font-family:'SFMono-Regular',Menlo,Consolas,monospace}
.nyckeltal-disclaimer{font-size:0.92em;color:#475569;line-height:1.65;margin:1em 0 0;padding:0.95em 1.15em;background:#f8fafc;border-radius:6px}
@media(max-width:640px){.nyckeltal-fields{grid-template-columns:1fr;gap:0.9em}.nyckeltal-grid{grid-template-columns:1fr}.nyckeltal-card{padding:1.2em 1.3em}}