/* BASWA Akustikdata – komponenter til systemsiderne */
:root {
	--bak-blaek: #16191D;
	--bak-tekst: #3D434A;
	--bak-daempet: #5A6068;
	--bak-linje: #E2DED7;
	--bak-puds: #F5F3EF;
	--bak-hvid: #FFFFFF;
	--bak-blaa: #0062A8;
	--bak-blaa-lys: #E5F0F9;
	--bak-orange: #D9822B;
	--bak-mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, monospace;
}

.bak-graf, .bak-nogletal, .bak-dokumenter, .bak-maaletabel, .bak-opbygning, .bak-referencer, .bak-faq, .bak-note, .bak-links {
	color: var(--bak-blaek);
	font-size: 16px;
	line-height: 1.5;
	box-sizing: border-box;
}
.bak-graf *, .bak-nogletal *, .bak-referencer *, .bak-opbygning * { box-sizing: border-box; }
.bak-graf button:focus-visible, .bak-dokumenter a:focus-visible, .bak-referencer a:focus-visible, .bak-faq summary:focus-visible {
	outline: 2px solid var(--bak-blaa);
	outline-offset: 2px;
}

/* Nøgletal */
.bak-nogletal { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 1px; margin: 0; background: var(--bak-linje); border: 1px solid var(--bak-linje); }
.bak-nogletal > div { background: var(--bak-hvid); padding: 18px; display: flex; flex-direction: column-reverse; gap: 4px; }
.bak-nogletal dt { font-size: 13px; color: var(--bak-daempet); }
.bak-nogletal dd { margin: 0; font-size: 30px; font-weight: 500; letter-spacing: -0.02em; line-height: 1.1; font-variant-numeric: tabular-nums; }

/* Dokumenter */
.bak-dokumenter { list-style: none; margin: 0; padding: 0; }
.bak-dokumenter li { border-bottom: 1px solid var(--bak-linje); }
ul.bak-dokumenter a { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 48px; padding: 8px 0; color: var(--bak-blaek); text-decoration: none; font-size: 15px; }
.bak-dokumenter a:hover .bak-dokumenter__titel { color: var(--bak-blaa); text-decoration: underline; }
.bak-dokumenter__type { flex: none; font-family: var(--bak-mono); font-size: 11px; font-weight: 500; padding: 3px 6px; border: 1px solid var(--bak-blaek); }

/* Graf */
.bak-graf__styring { display: flex; flex-wrap: wrap; gap: 16px 32px; align-items: center; margin-bottom: 24px; }
.bak-segment { display: flex; flex-wrap: wrap; border: 1px solid var(--bak-blaek); }
.bak-segment button, .bak-toggle {
	min-height: 44px; padding: 0 16px; font: inherit; font-size: 15px; font-weight: 500; cursor: pointer;
	border-radius: 0; text-transform: none; letter-spacing: normal; line-height: 1; box-shadow: none;
}
/* Dobbelt klasse, så temaets generelle knap-stil (Hello Elementor) ikke vinder */
.bak-graf .bak-segment button { min-width: 76px; border: 0; background: var(--bak-hvid); color: var(--bak-blaek); }
.bak-graf .bak-segment button[aria-pressed="true"] { background: var(--bak-blaek); color: var(--bak-hvid); }
.bak-graf .bak-segment button:hover, .bak-graf .bak-segment button:focus { background: var(--bak-puds); color: var(--bak-blaek); }
.bak-graf .bak-segment button[aria-pressed="true"]:hover, .bak-graf .bak-segment button[aria-pressed="true"]:focus { background: var(--bak-blaek); color: var(--bak-hvid); }
.bak-toggles { display: flex; flex-wrap: wrap; gap: 8px; }
.bak-graf .bak-toggle { display: inline-flex; align-items: center; gap: 10px; background: var(--bak-hvid); color: var(--bak-blaek); border: 1px solid var(--bak-blaek); }
.bak-graf .bak-toggle:hover, .bak-graf .bak-toggle:focus { background: var(--bak-puds); color: var(--bak-blaek); }
.bak-graf .bak-toggle[aria-pressed="false"] { background: var(--bak-puds); color: var(--bak-daempet); border-style: dashed; border-color: #B9B3AA; }
.bak-linje { display: inline-block; width: 24px; height: 0; border-top: 3px solid var(--bak-blaa); vertical-align: middle; }
.bak-linje--l { border-top: 3px dashed var(--bak-orange); }

.bak-graf__krop { display: flex; flex-wrap: wrap; gap: 32px; align-items: flex-start; }
.bak-graf__figur { flex: 3 1 520px; min-width: 0; margin: 0; }
.bak-graf__figur svg { display: block; width: 100%; height: auto; overflow: visible; }
.bak-graf__figur figcaption { margin-top: 10px; font-size: 13px; color: var(--bak-daempet); }
.bak-graf__akser text { font-family: var(--bak-mono); font-size: 12px; fill: var(--bak-daempet); }
.bak-graf__gitter { stroke: #E6E2DB; stroke-width: 1; fill: none; }
.bak-graf__en { stroke: var(--bak-blaek); stroke-width: 1; stroke-dasharray: 3 4; fill: none; }
.bak-serie { fill: none; stroke-width: 3; stroke-linejoin: round; transition: opacity .2s; }
.bak-serie--t { stroke: var(--bak-blaa); }
.bak-serie--l { stroke: var(--bak-orange); stroke-dasharray: 8 4; }
.bak-serie.is-skjult { opacity: 0; }
.bak-mark--t { fill: var(--bak-blaa); stroke: var(--bak-hvid); stroke-width: 1.5; }
.bak-mark--l { fill: var(--bak-orange); stroke: var(--bak-hvid); stroke-width: 1.5; }

.bak-graf__panel { flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.bak-kort { border: 1px solid var(--bak-linje); background: var(--bak-hvid); padding: 18px 20px; transition: opacity .2s; }
.bak-kort.is-skjult { opacity: .35; }
.bak-kort__titel { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; font-size: 14px; font-weight: 500; }
.bak-kort dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; }
.bak-kort dl > div { display: flex; flex-direction: column-reverse; gap: 2px; }
.bak-kort dt { font-size: 12px; color: var(--bak-daempet); }
.bak-kort dd { margin: 0; font-size: 28px; font-weight: 500; line-height: 1.1; font-variant-numeric: tabular-nums; }

/* Tabeller */
.bak-tabelboks { overflow-x: auto; background: var(--bak-hvid); border: 1px solid var(--bak-linje); }
.bak-tabelboks table { width: 100%; border-collapse: collapse; margin: 0; border: 0; font-size: 14px; }
.bak-tabelboks th, .bak-tabelboks td { border: 0; border-top: 1px solid #EEEAE4; padding: 8px 14px; background: none; }
.bak-baand caption { text-align: left; padding: 12px 14px 4px; font-size: 13px; color: var(--bak-daempet); }
.bak-baand th, .bak-baand td { font-family: var(--bak-mono); font-variant-numeric: tabular-nums; }
.bak-baand thead th { font-family: inherit; font-weight: 500; border-top: 0; }
.bak-baand tbody th { font-weight: 400; color: var(--bak-daempet); text-align: left; }
.bak-baand td { text-align: right; }
.bak-baand thead th + th { text-align: right; }

.bak-maaletabel { min-width: 860px; }
.bak-maaletabel thead tr:first-child th { background: var(--bak-blaek); color: var(--bak-hvid); font-weight: 500; padding: 12px 16px; border: 0; text-align: center; }
.bak-maaletabel thead tr:first-child th:first-child { text-align: left; }
.bak-maaletabel__kon th { background: var(--bak-puds); font-size: 13px; font-weight: 500; text-align: center; }
.bak-maaletabel__kon th:first-child { text-align: left; }
.bak-maaletabel tbody th { text-align: left; font-weight: 500; white-space: nowrap; }
.bak-maaletabel tbody td { text-align: center; font-family: var(--bak-mono); font-variant-numeric: tabular-nums; }
.bak-maaletabel__fremhaev td { font-weight: 600; }
.bak-maaletabel td.bak-a { background: var(--bak-blaa-lys); }
.bak-maaletabel__ap th, .bak-maaletabel__ap td { color: var(--bak-daempet); font-weight: 400; }
.bak-maaletabel__ap--forste th, .bak-maaletabel__ap--forste td { border-top: 2px solid var(--bak-blaek); }
.bak-note { margin: 16px 0 0; max-width: 860px; font-size: 14px; line-height: 1.6; color: var(--bak-daempet); }

/* Systemopbygning */
.bak-opbygning { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.bak-opbygning li { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; padding: 18px 20px; background: var(--bak-hvid); border: 1px solid var(--bak-linje); margin: 0; }
.bak-opbygning li:last-child { background: #E9E5DE; }
.bak-opbygning__nr { width: 28px; font-family: var(--bak-mono); font-size: 13px; color: var(--bak-blaa); }
.bak-opbygning__titel { flex: 1 1 200px; font-weight: 500; }
.bak-opbygning__info { font-size: 14px; color: var(--bak-daempet); }
.bak-links { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 16px 0 0; }
/* p.-præfiks giver højere specificitet end Elementor-kittets linkfarve */
p.bak-links a { color: var(--bak-blaa); font-weight: 500; font-size: 15px; text-decoration: underline; text-underline-offset: 3px; }

/* Referencer */
.bak-referencer { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.bak-referencer li { margin: 0; }
ul.bak-referencer a { display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 22px; background: var(--bak-hvid); border: 1px solid var(--bak-linje); color: var(--bak-blaek); text-decoration: none; }
.bak-referencer a:hover { border-color: var(--bak-blaa); }
.bak-referencer__meta { font-family: var(--bak-mono); font-size: 12px; text-transform: uppercase; color: var(--bak-daempet); }
.bak-referencer__navn { font-size: 19px; font-weight: 500; line-height: 1.25; }
.bak-referencer__fakta { font-size: 14px; color: var(--bak-tekst); }

/* FAQ */
.bak-faq { border-top: 1px solid var(--bak-blaek); }
.bak-faq details { border-bottom: 1px solid var(--bak-linje); padding: 18px 0; }
.bak-faq summary { font-size: 17px; font-weight: 500; cursor: pointer; min-height: 28px; }
.bak-faq p { margin: 12px 0 0; color: var(--bak-tekst); line-height: 1.6; }
.bak-faq details p a { color: var(--bak-blaa); text-decoration: underline; }

/* Sammenligner */
.bak-sammenlign { color: var(--bak-blaek); font-size: 16px; line-height: 1.5; }
.bak-filtre { display: flex; flex-wrap: wrap; gap: 20px 40px; padding: 24px; margin-bottom: 24px; background: var(--bak-hvid); border: 1px solid var(--bak-linje); }
.bak-filter { display: flex; flex-direction: column; gap: 8px; }
.bak-filter__label { font-size: 13px; font-weight: 500; color: var(--bak-daempet); }
.bak-sammenlign .bak-segment button { min-width: 64px; border: 0; background: var(--bak-hvid); color: var(--bak-blaek); }
.bak-sammenlign .bak-segment button[aria-pressed="true"], .bak-sammenlign .bak-segment button[aria-pressed="true"]:hover, .bak-sammenlign .bak-segment button[aria-pressed="true"]:focus { background: var(--bak-blaek); color: var(--bak-hvid); }
.bak-sammenlign .bak-segment button:hover, .bak-sammenlign .bak-segment button:focus { background: var(--bak-puds); color: var(--bak-blaek); }
.bak-sammenlign .bak-toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; font: inherit; font-size: 14px; font-weight: 500; cursor: pointer; border-radius: 2px; background: var(--bak-hvid); color: var(--bak-blaek); border: 1px solid var(--bak-blaek); text-transform: none; letter-spacing: normal; }
.bak-sammenlign .bak-toggle:hover, .bak-sammenlign .bak-toggle:focus { background: var(--bak-puds); color: var(--bak-blaek); }
.bak-sammenlign .bak-toggle[aria-pressed="false"] { background: var(--bak-puds); color: var(--bak-daempet); border-style: dashed; border-color: #B9B3AA; }
.bak-sammenlign button:focus-visible, .bak-rangering a:focus-visible { outline: 2px solid var(--bak-blaa); outline-offset: 2px; }
.bak-sammenlign__krop { display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start; }
.bak-sammenlign__graf { flex: 3 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 16px; padding: 24px; background: var(--bak-hvid); border: 1px solid var(--bak-linje); }
.bak-sammenlign__graf .bak-graf__figur { flex: none; }
.bak-systemvalg { display: flex; flex-wrap: wrap; gap: 8px; }
.bak-serie-s { fill: none; stroke-width: 2.75; stroke-linejoin: round; transition: opacity .2s; }
.bak-serie-s.is-skjult { opacity: 0; }
.bak-sammenlign__resultat { flex: 2 1 360px; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.bak-resultat__titel { margin: 0; font-size: 22px; font-weight: 500; line-height: 1.25; letter-spacing: -0.01em; }
.bak-rangering th, .bak-rangering td { padding: 12px 10px; }
.bak-rangering thead th { font-size: 13px; font-weight: 500; text-align: right; border-top: 0; border-bottom: 1px solid var(--bak-blaek); }
.bak-rangering thead th:first-child, .bak-rangering thead th:last-child { text-align: left; }
.bak-rangering tbody th { text-align: left; font-weight: 500; white-space: nowrap; }
.bak-rangering tbody th a { display: inline-flex; align-items: center; gap: 8px; color: var(--bak-blaek); text-decoration: none; }
.bak-rangering tbody th a:hover { color: var(--bak-blaa); text-decoration: underline; }
.bak-rangering td { text-align: right; font-family: var(--bak-mono); font-variant-numeric: tabular-nums; }
.bak-rangering td[data-felt="nrc"] { color: var(--bak-daempet); }
.bak-rangering td[data-felt="kl"] { text-align: center; font-weight: 600; }
.bak-rangering td:last-child { text-align: left; font-family: inherit; }
.bak-rangering tr.is-skjult { opacity: .45; }
.bak-badge { display: inline-block; padding: 3px 8px; font-size: 12px; font-weight: 500; border-radius: 2px; background: #F1EEE9; color: var(--bak-daempet); white-space: nowrap; }
.bak-badge.is-ok { background: var(--bak-blaa-lys); color: #004A80; }
.bak-sammenlign .bak-note { margin: 0; }
.bak-sammenlign p.bak-links { margin: 4px 0 0; }

.bak-forklaring { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; color: var(--bak-blaek); }
.bak-forklaring > div { background: var(--bak-hvid); border: 1px solid var(--bak-linje); padding: 24px; }
.bak-forklaring p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--bak-tekst); }
.bak-forklaring p.bak-forklaring__titel { margin-bottom: 10px; font-family: var(--bak-mono); font-size: 22px; color: var(--bak-blaa); }
.bak-klasser { border-collapse: collapse; margin: 0; border: 0; font-family: var(--bak-mono); font-size: 14px; }
/* Højere specificitet end temaets zebrastriber på tabeller */
.bak-forklaring table.bak-klasser tbody tr > * { border: 0; padding: 3px 16px 3px 0; text-align: left; background: none; }

/* Referencedatabase */
.bak-refdb { color: var(--bak-blaek); font-size: 16px; line-height: 1.5; }
.bak-refdb__filtre { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 16px 24px; padding-bottom: 24px; border-bottom: 1px solid var(--bak-linje); }
.bak-refdb__filtre .bak-chips { grid-column: 1 / -1; }
.bak-refdb__soeg, .bak-refdb__region { display: flex; flex-direction: column; gap: 6px; }
.bak-refdb label { font-size: 13px; font-weight: 500; color: var(--bak-daempet); }
.bak-refdb input[type="search"], .bak-refdb select { min-height: 48px; padding: 0 14px; border: 1px solid var(--bak-blaek); border-radius: 0; background: var(--bak-hvid); color: var(--bak-blaek); font: inherit; font-size: 16px; width: 100%; box-sizing: border-box; }
.bak-chips { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.bak-chips__label { font-size: 13px; font-weight: 500; color: var(--bak-daempet); margin-right: 4px; }
.bak-refdb .bak-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 16px; font: inherit; font-size: 14px; font-weight: 500; cursor: pointer; border-radius: 22px; background: var(--bak-hvid); color: var(--bak-blaek); border: 1px solid #CFC9BF; text-transform: none; letter-spacing: normal; }
.bak-refdb .bak-chip:hover, .bak-refdb .bak-chip:focus { background: var(--bak-puds); color: var(--bak-blaek); }
.bak-refdb .bak-chip[aria-pressed="true"], .bak-refdb .bak-chip[aria-pressed="true"]:hover, .bak-refdb .bak-chip[aria-pressed="true"]:focus { background: var(--bak-blaek); color: var(--bak-hvid); border-color: var(--bak-blaek); }
.bak-chip__antal { font-family: var(--bak-mono); font-size: 12px; opacity: .75; }
.bak-refdb button:focus-visible, .bak-refdb a:focus-visible, .bak-refdb input:focus-visible, .bak-refdb select:focus-visible { outline: 2px solid var(--bak-blaa); outline-offset: 2px; }
.bak-refdb__antal { margin: 20px 0; font-size: 15px; color: var(--bak-tekst); }
.bak-refdb__liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 36px 24px; }
.bak-ref { margin: 0; }
.bak-ref[hidden] { display: none; }
/* .bak-refdb-præfiks slår Elementor-kittets understregning af links */
.bak-refdb .bak-ref a { display: flex; flex-direction: column; gap: 8px; color: var(--bak-blaek); text-decoration: none; }
.bak-ref img, .bak-ref__tom { display: block; width: 100%; max-width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: #E9E5DE; }
.bak-refdb .bak-ref a:hover .bak-ref__navn { color: var(--bak-blaa); text-decoration: underline; }
.bak-ref__meta { font-family: var(--bak-mono); font-size: 12px; text-transform: uppercase; color: var(--bak-daempet); margin-top: 4px; }
.bak-ref__navn { font-size: 20px; font-weight: 500; line-height: 1.25; }
.bak-ref__fakta { font-size: 14px; color: var(--bak-tekst); }
.bak-ref__by { font-size: 13px; color: var(--bak-daempet); }
.bak-refdb__tom { margin: 24px 0; color: var(--bak-tekst); }
.bak-refdb__mere { margin: 32px 0 0; }
.bak-refdb .bak-mere { min-height: 48px; padding: 0 22px; background: var(--bak-hvid); color: var(--bak-blaek); border: 1px solid var(--bak-blaek); border-radius: 2px; font: inherit; font-size: 15px; font-weight: 500; cursor: pointer; text-transform: none; }
.bak-refdb .bak-mere:hover, .bak-refdb .bak-mere:focus { background: var(--bak-puds); color: var(--bak-blaek); }

/* Forside */
.bak-kpi { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); margin: 0; color: var(--bak-blaek); }
.bak-kpi > div { display: flex; flex-direction: column-reverse; gap: 6px; padding: 28px 24px; border-left: 1px solid var(--bak-linje); }
.bak-kpi > div:first-child { border-left: 0; padding-left: 0; }
.bak-kpi dd { margin: 0; font-size: 44px; font-weight: 500; letter-spacing: -0.02em; line-height: 1.05; font-variant-numeric: tabular-nums; }
.bak-kpi dt { font-size: 14px; line-height: 1.45; color: var(--bak-daempet); }

.bak-genveje { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.bak-genveje li { margin: 0; }
ul.bak-genveje a { display: flex; flex-direction: column; gap: 12px; height: 100%; min-height: 220px; box-sizing: border-box; padding: 28px; background: var(--bak-hvid); border: 1px solid var(--bak-linje); color: var(--bak-blaek); text-decoration: none; }
ul.bak-genveje a:hover { border-color: var(--bak-blaa); }
.bak-genveje svg { color: var(--bak-blaa); }
.bak-genveje__titel { font-size: 22px; font-weight: 500; }
.bak-genveje__tekst { font-size: 15px; line-height: 1.5; color: var(--bak-daempet); }
.bak-genveje__cta { margin-top: auto; font-size: 14px; font-weight: 500; color: var(--bak-blaa); }

.bak-systemkort { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }
.bak-systemkort li { margin: 0; }
ul.bak-systemkort a { display: flex; flex-direction: column; gap: 10px; height: 100%; box-sizing: border-box; padding: 22px; background: var(--bak-puds); border: 1px solid var(--bak-linje); color: var(--bak-blaek); text-decoration: none; }
ul.bak-systemkort a:hover { border-color: var(--bak-blaa); background: var(--bak-hvid); }
.bak-systemkort__aw { font-family: var(--bak-mono); font-size: 12px; color: var(--bak-daempet); }
.bak-systemkort__navn { font-size: 20px; font-weight: 500; line-height: 1.2; }
.bak-systemkort svg { display: block; width: 100%; height: 64px; }
.bak-systemkort__kurve { fill: none; stroke: var(--bak-blaa); stroke-width: 2.5; stroke-linejoin: round; }
.bak-systemkort__klasse { font-size: 14px; color: var(--bak-tekst); }

.bak-minigraf { margin: 0; color: #ECE9E4; }
.bak-minigraf__top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 16px; }
.bak-minigraf__navn { font-size: 20px; font-weight: 500; color: #FFFFFF; }
.bak-minigraf__legende { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 13px; color: #C2C7CD; }
.bak-minigraf__legende > span { display: inline-flex; align-items: center; gap: 8px; }
.bak-minigraf svg { display: block; width: 100%; height: auto; }
.bak-minigraf .bak-graf__akser text { fill: #9AA1A9; }
.bak-minigraf .bak-graf__gitter { stroke: #2C333B; }
.bak-minigraf .bak-graf__en { stroke: #9AA1A9; }
.bak-minigraf .bak-serie--t, .bak-minigraf .bak-linje--t { stroke: #6CB4EC; border-top-color: #6CB4EC; }
.bak-minigraf .bak-serie--l, .bak-minigraf .bak-linje--l { stroke: #E8A04E; border-top-color: #E8A04E; }
.bak-minigraf figcaption { margin-top: 12px; font-size: 13px; color: #9AA1A9; }

.bak-projliste, .bak-linkliste { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--bak-blaek); }
.bak-projliste li, .bak-linkliste li { margin: 0; border-bottom: 1px solid var(--bak-linje); }
ul.bak-projliste a, ul.bak-linkliste a { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 16px; padding: 16px 0; color: var(--bak-blaek); text-decoration: none; font-size: 17px; font-weight: 500; }
.bak-projliste a:hover .bak-projliste__titel, .bak-linkliste a:hover span:first-child { color: var(--bak-blaa); text-decoration: underline; }
.bak-projliste__type, .bak-linkliste a span + span { font-family: var(--bak-mono); font-size: 12px; font-weight: 400; color: var(--bak-daempet); }
.bak-linkliste { border-top-color: #CFC9BF; }
.bak-linkliste li { border-bottom-color: #CFC9BF; }
.bak-linkliste a { font-size: 16px; font-weight: 400; }

@media (max-width: 600px) {
	.bak-kpi > div { border-left: 0; border-top: 1px solid var(--bak-linje); padding: 20px 0; }
	.bak-kpi > div:first-child { border-top: 0; }
	.bak-kpi dd { font-size: 36px; }
	.bak-systemkort { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	ul.bak-systemkort a { padding: 14px; }
	.bak-systemkort__navn { font-size: 16px; }
	.bak-refdb__filtre { grid-template-columns: minmax(0, 1fr); }
	.bak-filtre { padding: 16px; }
	.bak-sammenlign__graf { padding: 16px; }
	.bak-sammenlign .bak-segment button { min-width: 0; flex: 1 1 auto; padding: 0 10px; }
	.bak-rangering th, .bak-rangering td { padding: 10px 6px; }
	/* SVG'en skaleres ned til ca. halv bredde, så aksetekst og linjer gøres større i viewBox-enheder */
	.bak-graf__akser text { font-size: 22px; }
	.bak-graf__akser .bak-graf__en-tekst { display: none; }
	.bak-serie { stroke-width: 4.5; }
	.bak-segment button { min-width: 0; flex: 1 1 25%; padding: 0 10px; }
	.bak-kort dd { font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) {
	.bak-serie, .bak-kort { transition: none; }
}

/* Dokumentbibliotek */
.bak-bib { color: var(--bak-blaek); font-size: 16px; line-height: 1.5; }
.bak-bib__filtre { display: flex; flex-direction: column; gap: 14px; padding-bottom: 24px; border-bottom: 1px solid var(--bak-linje); }
.bak-bib__soeg { display: flex; flex-direction: column; gap: 6px; max-width: 520px; }
.bak-bib__soeg label { font-size: 13px; font-weight: 500; color: var(--bak-daempet); }
.bak-bib input[type="search"] { min-height: 48px; padding: 0 14px; border: 1px solid var(--bak-blaek); border-radius: 0; background: var(--bak-hvid); color: var(--bak-blaek); font: inherit; font-size: 16px; width: 100%; box-sizing: border-box; }
.bak-bib .bak-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 16px; font: inherit; font-size: 14px; font-weight: 500; cursor: pointer; border-radius: 22px; background: var(--bak-hvid); color: var(--bak-blaek); border: 1px solid #CFC9BF; text-transform: none; letter-spacing: normal; }
.bak-bib .bak-chip:hover, .bak-bib .bak-chip:focus { background: var(--bak-puds); color: var(--bak-blaek); }
.bak-bib .bak-chip[aria-pressed="true"], .bak-bib .bak-chip[aria-pressed="true"]:hover, .bak-bib .bak-chip[aria-pressed="true"]:focus { background: var(--bak-blaek); color: var(--bak-hvid); border-color: var(--bak-blaek); }
.bak-bib button:focus-visible, .bak-bib a:focus-visible, .bak-bib input:focus-visible { outline: 2px solid var(--bak-blaa); outline-offset: 2px; }
.bak-bib__antal { margin: 20px 0; font-size: 15px; color: var(--bak-tekst); }
.bak-bib__layout { display: flex; flex-wrap: wrap; gap: 48px; align-items: flex-start; }
.bak-bib__nav { flex: 1 1 220px; min-width: 0; display: flex; flex-direction: column; border-top: 1px solid var(--bak-blaek); position: sticky; top: 90px; }
.bak-bib__nav a { display: flex; justify-content: space-between; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--bak-linje); color: var(--bak-blaek); text-decoration: none; font-size: 15px; font-weight: 500; }
.bak-bib__nav a:hover span:first-child { color: var(--bak-blaa); }
.bak-bib__navantal { font-family: var(--bak-mono); font-size: 13px; color: var(--bak-daempet); }
.bak-bib__indhold { flex: 999 1 640px; min-width: 0; display: flex; flex-direction: column; gap: 48px; }
.bak-bib__kategori { display: flex; flex-direction: column; gap: 28px; scroll-margin-top: 90px; }
.bak-bib__kategori[hidden], .bak-bib__gruppe[hidden], .bak-bib__liste li[hidden] { display: none; }
.bak-bib h2.bak-bib__katnavn { margin: 0; font-size: 28px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.2; color: var(--bak-blaek); }
.bak-bib__gruppe { display: flex; flex-direction: column; gap: 10px; }
.bak-bib .bak-bib__gruppenavn { margin: 0; font-size: 19px; font-weight: 500; line-height: 1.3; color: var(--bak-blaek); }
.bak-bib .bak-bib__gruppenavn span { font-family: var(--bak-mono); font-size: 13px; font-weight: 400; color: var(--bak-daempet); margin-left: 6px; }
ul.bak-bib__liste { list-style: none; margin: 0; padding: 0; background: var(--bak-hvid); border: 1px solid var(--bak-linje); }
ul.bak-bib__liste li { margin: 0; border-top: 1px solid #EEEAE4; }
ul.bak-bib__liste li:first-child { border-top: 0; }
ul.bak-bib__liste a { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; padding: 13px 18px; color: var(--bak-blaek); text-decoration: none; }
ul.bak-bib__liste a:hover .bak-bib__titel { color: var(--bak-blaa); text-decoration: underline; }
.bak-bib__type { flex: none; font-family: var(--bak-mono); font-size: 11px; font-weight: 500; padding: 3px 6px; border: 1px solid var(--bak-blaek); }
.bak-bib__titel { flex: 1 1 280px; font-size: 15px; font-weight: 500; }
.bak-bib__system { font-size: 13px; color: var(--bak-daempet); }
.bak-bib__dato { font-family: var(--bak-mono); font-size: 12px; color: var(--bak-daempet); min-width: 64px; text-align: right; }
ul.bak-bib__liste svg { flex: none; color: var(--bak-blaa); }
.bak-bib__tom { margin: 0; color: var(--bak-tekst); }
@media (max-width: 600px) {
	.bak-bib__nav { position: static; }
	ul.bak-bib__liste a { padding: 12px 14px; }
	.bak-bib__dato { min-width: 0; text-align: left; }
}