/* Tillæg 2026-11-01: nye sider (kalkylatorer, guider, låna X kr). Bygger på style.min.css. */
.sf-crumbs { font-size: 13px; color: #555; margin: 0 0 10px; }
.sf-crumbs a { color: #141D38; text-decoration: underline; }
.sf-crumbs span[aria-hidden] { margin: 0 6px; color: #888; }
.sf-intro { color: #141D38; font-size: 17px; line-height: 1.7; max-width: 820px; margin: 0 0 25px; }
.main__flow .sf-intro a { color: inherit; text-decoration: underline; }

.sf-calc .form-row { margin-bottom: 10px; }
.sf-calc .form-group input[type="number"] { margin-bottom: 6px; }
.sf-calc .sf-help { display: block; font-size: 13px; color: #555; line-height: 1.4; margin-top: -2px; }
.sf-calc input[type="range"] { width: 100%; margin: 4px 0 8px; accent-color: #141D38; height: 28px; }
.sf-calc .calculator-results { display: block; margin-top: 20px; }
.sf-calc .result-item.sf-main { border-color: #141D38; }
.sf-calc .sf-warn { display: none; background: #fff3cd; border: 1px solid #ffeaa7; color: #6b5104; border-radius: 5px; padding: 12px 15px; font-size: 14px; line-height: 1.5; margin: 10px 0 0; }
.sf-calc .sf-warn.on { display: block; }
.sf-calc .sf-explain { font-size: 14px; color: #333; line-height: 1.6; margin: 15px 0 0; }

.sf-note { background: #eef4fb; border: 1px solid #cfe0f3; border-radius: 5px; padding: 18px 20px; margin: 0 0 25px; color: #141D38; font-size: 16px; line-height: 1.7; }
.sf-note strong { font-weight: 800; }
.sf-note a { color: inherit; text-decoration: underline; }
.sf-note p { margin: 0 0 8px; }
.sf-note p:last-child { margin-bottom: 0; }

.description__wrapper .outer__description > ul > li a,
.description__wrapper .outer__description > ol > li a { color: inherit; text-decoration: underline; }
.description__wrapper .outer__description .schedule-table { margin: 0 0 25px; }
.description__wrapper .outer__description .schedule-table caption { text-align: left; font-size: 14px; color: #555; padding: 0 0 8px; caption-side: top; }
.schedule-table td.num, .schedule-table th.num { text-align: right; }
.schedule-table th:first-child, .schedule-table td:first-child { position: sticky; left: 0; z-index: 1; }
.schedule-table td:first-child { background: inherit; }
.schedule-table tr td:first-child { background: #fff; }
.schedule-table tr:nth-child(even) td:first-child { background: #f8f9fa; }
.sf-sources { font-size: 14px !important; line-height: 1.6 !important; color: #444 !important; }
.sf-sources a { color: inherit; text-decoration: underline; }
.sf-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 15px; margin: 0 0 25px; }
.sf-cards a { display: block; border: 1px solid #e8e8f6; border-radius: 5px; padding: 16px 18px; color: #141D38; text-decoration: none; font-weight: 700; background: #fff; transition: border-color .2s; }
.sf-cards a span { display: block; font-weight: 400; font-size: 14px; color: #555; margin-top: 4px; line-height: 1.5; }
.sf-cards a:hover { border-color: #141D38; }
.sf-section-title { color: #141D38; font-size: 24px; font-weight: 800; margin: 10px 0 15px; }

@media (max-width: 767px) {
  .sf-intro { font-size: 16px; }
  .sf-section-title { font-size: 20px; }
}

/* 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). */
@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); }
}
.schedule-table.sf-wrap th, .schedule-table.sf-wrap td { white-space: normal; }
.description__wrapper .media img { height: auto; }

/* Footer 2026-11-01: fire menukolonner som grid med luft; 2x2 ved mellembredder, én kolonne på små skærme. */
footer .top__footer .outer__footer .logo { flex: 0 1 375px; margin-right: 40px; }
footer .top__footer .outer__footer .menus { display: grid; grid-template-columns: repeat(4, auto); column-gap: 40px; row-gap: 28px; width: auto; max-width: none; justify-content: end; }
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, auto)); column-gap: 48px; }
}
@media (max-width: 991px) {
  footer .top__footer .outer__footer .logo { flex: none; margin-right: 0; }
  footer .top__footer .outer__footer .menus { width: 100%; justify-content: start; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
}
@media (max-width: 575px) {
  footer .top__footer .outer__footer .menus { grid-template-columns: 1fr; row-gap: 22px; }
}

/* Typografi: kopieret 1:1 fra låneguide.no site/css/side.a1846837.css (2026-11-01), så de to sites er identiske. */
/* 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; }

/* Resultatbokse i kalkylatorerne 2026-11-01: aldrig én boks alene på sidste række.
   >=1200 px: alle på én linje. 768-1199 px: 3 pr. række, sidste række centreret (n%3==1 -> 2+2 til sidst).
   <768 px: 2 pr. række; ved ulige antal står hovedtallet (første boks) i fuld bredde øverst. */
.calculator-results .results-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; grid-template-columns: none; margin-bottom: 10px; }
.calculator-results .results-grid > .result-item { box-sizing: border-box; min-width: 0; }
@media (min-width: 1200px) {
  .calculator-results .results-grid { flex-wrap: nowrap; gap: 10px; }
  .calculator-results .results-grid > .result-item { flex: 1 1 0; padding: 16px 8px; }
  .calculator-results .results-grid .result-label { font-size: 13px; line-height: 1.3; }
  .calculator-results .results-grid .result-value { font-size: 21px; white-space: nowrap; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .calculator-results .results-grid > .result-item { flex: 0 0 calc((100% - 24px) / 3); }
  .calculator-results .results-grid:has(> .result-item:last-child:nth-child(3n+1)) > .result-item:nth-last-child(-n+4) { flex-basis: calc((100% - 12px) / 2); }
  .calculator-results .results-grid .result-value { white-space: nowrap; }
}
@media (max-width: 767px) {
  .calculator-results .results-grid { gap: 10px; }
  .calculator-results .results-grid > .result-item { flex: 0 0 calc((100% - 10px) / 2); padding: 12px 8px; }
  .calculator-results .results-grid:has(> .result-item:last-child:nth-child(odd)) > .result-item:first-child { flex-basis: 100%; }
  .calculator-results .results-grid .result-value { font-size: 19px; }
}

@media (max-width: 767px) {
  .loan-calculator { padding: 15px; }
  .calculator-results { padding: 15px; }
}

/* 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; }