/* Frameworks-casen: bruger case.css og portfoliets navy og orange */
.fw {
    --nb-green: #1f2b4d;
    --nb-green-dark: #141c33;
    --nb-sand: #ece3d4;
    --nb-accent: #f07a47;
    --nb-accent-text: #a93616;
    --nb-line: #d8cdbb;
}

.fw .nb-visual img { aspect-ratio: 16 / 10; object-fit: cover; object-position: top; }

/* Point i den vægtede matrix, farver som i rapporten */
.fw-bars { margin: 8px 0 28px; padding: 20px; background: #fff; border-radius: 8px; }
.fw-bar { display: grid; grid-template-columns: 96px 1fr; align-items: center; gap: 12px; }
.fw-bar + .fw-bar { margin-top: 12px; }
.fw-bar dt { font-size: 14px; font-weight: 700; }
.fw-bar dd {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-family: 'Anton', sans-serif;
    font-size: 22px;
}
.fw-bar dd span { display: block; width: var(--w); height: 14px; border-radius: 999px; }
.fw-bar--bootstrap span { background: #7952b3; }
.fw-bar--tailwind span { background: #0ea5e9; }
.fw-bar--bulma span { background: #00b89c; }