/* Fælles tillæg til style.min.css (alle sider): intro under H1 (.kalk-ingress) og kalkulatorsiderne. Filnavnet indeholder en hash - giv nyt navn ved ændringer (nginx cacher 1 md.). */
.kalk-ingress { color: #363636; font-size: 16px; line-height: 1.6; margin: 0 0 20px; max-width: 70ch; }
.loan-calculator .form-group input[type="number"] { margin-bottom: 4px; }
.form-group .hjelp { display: block; color: #6A6A6A; font-size: 13px; line-height: 1.4; }
.kalk-fieldset { border: 1px solid #e8e8f6; border-radius: 5px; padding: 18px 20px 4px; margin: 0 0 20px; }
.kalk-fieldset legend { padding: 0 6px; color: #141D38; font-weight: 700; font-size: 15px; }
.calculator-results.vis { display: block; margin-top: 0; }
.results-grid.to { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.result-item.hoved { border-color: #141D38; }
.result-item .result-sub { display: block; color: #6A6A6A; font-size: 13px; margin-top: 6px; }
.kalk-kort { background: #fff; border: 1px solid #e8e8f6; border-radius: 5px; padding: 20px; }
.kalk-kort h3 { color: #141D38; font-size: 18px; font-weight: 800; margin: 0 0 12px; }
.kalk-kort dl { margin: 0; display: grid; grid-template-columns: 1fr auto; gap: 8px 16px; }
.kalk-kort dt { color: #555; font-size: 14px; }
.kalk-kort dd { margin: 0; color: #141D38; font-weight: 700; font-size: 15px; text-align: right; white-space: nowrap; }
.kalk-melding { background: #eef4ff; border: 1px solid #cfdcf5; color: #1d2d50; border-radius: 5px; padding: 14px 16px; font-size: 15px; line-height: 1.5; margin: 0 0 20px; }
.kalk-melding.advarsel { background: #fff3cd; border-color: #ffeaa7; color: #6b5103; }
.kalk-melding[hidden] { display: none; }
.kalk-eksempel { font-size: 14px; color: #363636; line-height: 1.6; margin: 16px 0 0; }
.schedule-table th:first-child, .schedule-table td:first-child { position: sticky; left: 0; z-index: 1; }
.schedule-table td:first-child { background: #fff; font-weight: 600; }
.schedule-table tr:nth-child(even) td:first-child { background: #f8f9fa; }
.schedule-table th:first-child { background: #141D38; }
.kalk-lan { margin-top: 10px; }
.kalk-lan > h2 { color: #141D38; font-size: 24px; font-weight: 800; margin: 10px 0 6px; }
.kalk-lan-intro { color: #555; font-size: 14px; margin: 0 0 16px; }
.main .elem .right .top > p.belop { padding-left: 25px; padding-right: 25px; margin: 0 0 .6em; color: #000; font-size: 22px; font-weight: 800; }
.main .elem .right .top > p.belop span { color: #8F8F8F; font-size: 14px; font-weight: 500; }
.kalk-relaterte { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin: 10px 0 30px; padding: 0; list-style: none; }
.kalk-relaterte li { margin: 0; }
.kalk-relaterte a { display: block; padding: 14px 16px; border: 1px solid #e8e8f6; border-radius: 5px; background: #fff; color: #141D38; font-weight: 600; text-decoration: none; }
.kalk-relaterte a:hover { border-color: #141D38; }
@media (max-width: 991px) { .main .elem .right .top > p.belop { font-size: 19px; } }
@media (max-width: 768px) {
	.kalk-fieldset { padding: 14px 14px 2px; }
	.results-grid.to { grid-template-columns: 1fr; }
	.result-value { font-size: 22px; }
}
/* Overskrifter i kalkulatoren følger dokumentets rækkefølge (h2/h3), men ser ud som i lånekalkulatoren */
.results-header .h3-stil { color: #141D38; font-size: 20px; font-weight: 700; margin: 0 0 20px; text-align: center; }
.amortization-schedule h3 { color: #141D38; font-size: 18px; font-weight: 700; margin: 0 0 15px; }
.info-box .h4-stil { color: #856404; font-size: 16px; font-weight: 700; margin: 0 0 15px; }
.kalk-kort dl + p { margin-top: 12px; }
/* Resultatbokse i alle kalkulatorer (uanset antal): flex med centrerede rækker, så ingen boks står alene.
   >= 1200 px: alle på én linje. 768-1199 px: 3 pr. række (4 bokse: 2 x 2). Mobil: 2 pr. række, og ved ulige antal
   fylder første boks (månedsbeløbet) hele bredden. */
.loan-calculator .results-grid:not(.to) { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 24px; }
.loan-calculator .results-grid:not(.to) .result-item { flex: 1 1 0; min-width: 0; padding: 16px 12px; }
.loan-calculator .results-grid:not(.to) .result-label { font-size: 13px; line-height: 1.35; }
.loan-calculator .results-grid:not(.to) .result-value { font-size: 21px; line-height: 1.25; white-space: nowrap; }
.loan-calculator .results-grid:not(.to) .result-sub { font-size: 12px; line-height: 1.35; }
@media (max-width: 1199px) {
	.loan-calculator .results-grid:not(.to) .result-item { flex: 0 1 calc((100% - 24px) / 3); }
	.loan-calculator .results-grid:not(.to):has(> .result-item:last-child:nth-child(4)) .result-item { flex-basis: calc((100% - 12px) / 2); }
}
@media (max-width: 767px) {
	.loan-calculator .results-grid:not(.to) { gap: 10px; }
	.loan-calculator .results-grid:not(.to) .result-item { flex: 0 1 calc((100% - 10px) / 2); padding: 14px 10px; }
	.loan-calculator .results-grid:not(.to):has(> .result-item:last-child:nth-child(odd)) > .result-item:first-child { flex-basis: 100%; }
	.loan-calculator .results-grid:not(.to) .result-value { font-size: 19px; }
}
@media (max-width: 575px) { .kalk-ingress { font-size: 15px; line-height: 1.5; margin-bottom: 14px; } }
/* Footer: kolonnerne får luft (grid med gap) og brydes til 2x2 ved mellembredder (brugerens ønske 2026-11-01) */
footer .top__footer .outer__footer { gap: 48px; }
footer .top__footer .outer__footer .logo { flex: 0 1 340px; min-width: 0; }
footer .top__footer .outer__footer .menus { display: grid; grid-template-columns: repeat(4, max-content); column-gap: 44px; row-gap: 32px; justify-content: end; width: auto; max-width: none; }
footer .top__footer .outer__footer .menus > .menu { margin-bottom: 0; min-width: 0; }
footer .top__footer .outer__footer .menus > .menu > ul > li { overflow-wrap: anywhere; }
@media (max-width: 1200px) { footer .top__footer .outer__footer .menus { grid-template-columns: repeat(2, minmax(170px, max-content)); column-gap: 64px; } }
@media (max-width: 991px) {
	footer .top__footer .outer__footer { gap: 0; }
	footer .top__footer .outer__footer .logo { flex: none; }
	footer .top__footer .outer__footer .menus { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; justify-content: stretch; }
}
@media (max-width: 575px) { footer .top__footer .outer__footer .menus { grid-template-columns: 1fr; row-gap: 24px; } }
/* Fejlrettelse 2026-11-01: style.css lagde topmenuen i en lodret kolonne ved præcis 768 px (max-width: 768px vs. mobilmenu ved 767 px). Samme løsning som sverigefinans.se. */
@media (min-width: 768px) and (max-width: 991px) {
  header .top__header .outer__top .desc > ul { flex-direction: row; align-items: center; justify-content: flex-end; height: auto; padding-top: 0; width: 100%; margin-right: 12px; }
  header .top__header .outer__top .desc > ul > li.spacer { margin: 0 9px; }
  header .top__header .outer__top .desc > ul > li > a { font-size: 12px; letter-spacing: 0; }
  header .top__header .outer__top .logo { min-width: 190px; max-width: 190px; }
  header .top__header .outer__top .logo img { max-width: 190px; }
  header .top__header .outer__top .desc { width: calc(100% - 200px); }
}
/* Ens brødtekst på alle sider (brugerens ønske 2026-11-01): style.css gav afsnit line-height 1.875 (30 px), lister 1.4 (22,4 px)
   og overskrifter uden luft over sig. Nu: samme rolige rytme for afsnit og lister, luft over overskrifter, tættere til teksten under. */
.description__wrapper .outer__description > p,
.description__wrapper .outer__description > ul:not(.kalk-relaterte) > li,
.description__wrapper .outer__description > ol > li { font-size: 16px; line-height: 1.65; }
.description__wrapper .outer__description > p { margin: 0 0 16px; }
.description__wrapper .outer__description > ul:not(.kalk-relaterte),
.description__wrapper .outer__description > ol { margin: 0 0 16px; padding-left: 22px; font-size: 16px; line-height: 1.65; color: #141D38; }
.description__wrapper .outer__description > ul:not(.kalk-relaterte) > li,
.description__wrapper .outer__description > ol > li { margin: 0 0 6px; color: #141D38; }
.description__wrapper .outer__description > h2 { font-size: 28px; line-height: 1.3; margin: 40px 0 12px; }
.description__wrapper .outer__description > h3 { font-size: 19px; line-height: 1.35; margin: 28px 0 8px; }
.description__wrapper .outer__description > span + h2 { margin-top: 0; }
.description__wrapper .outer__description > h2 + h3 { margin-top: 16px; }
.description__wrapper .outer__description > .media img { margin: 28px 0; height: auto; }
.description__wrapper .outer__description > .media + h2 { margin-top: 0; }
@media (max-width: 991px) { .description__wrapper .outer__description > h2 { font-size: 24px; } }
@media (max-width: 575px) {
	.description__wrapper .outer__description > h2 { font-size: 21px; margin-top: 32px; }
	.description__wrapper .outer__description > h3 { font-size: 17px; margin-top: 24px; }
}
.description__wrapper .outer__description > ul:not(.kalk-relaterte) li a,
.description__wrapper .outer__description > ol li a { color: inherit; text-decoration: underline; }
.description__wrapper .outer__description > h1 { line-height: 1.25; }
.loan-calculator .result-sub [data-ut] { white-space: nowrap; }

/* Indholdslinks (2026-11-02, ens på sverigefinans.se og låneguide.no): alle links i indhold har samme stil som links i brødtekst
   (style.css: .outer__description > p a = mørk tekstfarve, understreget, opacity .7 ved hover), også :visited.
   Før fik links i info-bokse og intro browserens blå/lilla. Bevidst anderledes komponenter (kort, relaterte kalkulatorer,
   udbyderkort, menuer, knapper) er undtaget. */
:is(.description__wrapper .outer__description, .main__flow .sf-intro, .main__flow .kalk-ingress, .info-box, .sf-note, .calculator-info, .sf-explain, .result-sub) a:not(.sf-cards a):not(.kalk-relaterte a),
:is(.description__wrapper .outer__description, .main__flow .sf-intro, .main__flow .kalk-ingress, .info-box, .sf-note, .calculator-info, .sf-explain, .result-sub) a:not(.sf-cards a):not(.kalk-relaterte a):visited {
  color: #141D38;
  text-decoration: underline;
  font-weight: inherit;
  transition: opacity 0.3s ease;
}
:is(.description__wrapper .outer__description, .main__flow .sf-intro, .main__flow .kalk-ingress, .info-box, .sf-note, .calculator-info, .sf-explain, .result-sub) a:not(.sf-cards a):not(.kalk-relaterte a):hover { opacity: 0.7; }