/* Bolåneräntor: samma stil som tabellerna på långivarsidorna. */
.elj-bolan { --b-ink: #0c2f29; --b-text: #33463f; --b-muted: #5f7069; --b-line: #e3ebe7; --b-yta: #edf4f0; --b-gron: #0e7a5a; --b-mint: #d8f3e6; margin: 8px 0 28px; font-variant-numeric: tabular-nums; }
.elj-full > .elj-bolan { margin-top: 0; }

/* Text bara för skärmläsare (samma som .elj-sr i lanjamforelse.css) */
.elj-bolan .elj-sr, .elj-bolan__andringar .elj-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* Växel mellan listränta och snittränta */
.elj-bolan__vaxel { display: inline-flex; gap: 4px; padding: 4px; margin: 0 0 12px; border-radius: 999px; background: var(--b-yta); }
.elj-bolan__flik { appearance: none; border: 0; border-radius: 999px; padding: 9px 18px; background: transparent; color: var(--b-text); font: inherit; font-size: .92rem; font-weight: 700; line-height: 1; cursor: pointer; }
.elj-bolan__flik[aria-selected="true"] { background: #fff; color: var(--b-ink); box-shadow: 0 1px 2px rgba(12,47,41,.1), 0 4px 12px -6px rgba(12,47,41,.3); }
.elj-bolan__flik:focus-visible { outline: 2px solid var(--b-gron); outline-offset: 2px; }

/* Tabell */
.elj-bolan__rull { position: relative; overflow-x: auto; -webkit-overflow-scrolling: touch; background: #fff; border: 1px solid var(--b-line); border-radius: 18px; box-shadow: 0 1px 2px rgba(12,47,41,.04), 0 14px 34px -22px rgba(12,47,41,.35); }
.elj-bolan__tabell { width: 100%; min-width: 0 !important; margin: 0 !important; border: 0 !important; border-collapse: separate; border-spacing: 0; font-size: 15px; background: none; }
.elj-bolan__tabell th, .elj-bolan__tabell td { padding: 12px 14px; border: 0 !important; border-bottom: 1px solid var(--b-line) !important; text-align: right; white-space: nowrap; vertical-align: middle; background: #fff; }
.elj-bolan__tabell thead th { background: var(--b-yta); font-size: 11.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--b-muted); padding: 11px 14px; }
.elj-bolan .elj-bolan__tabell thead th { text-align: right !important; }
.elj-bolan .elj-bolan__tabell th:first-child { text-align: left !important; position: sticky; left: 0; z-index: 1; }
.elj-bolan__tabell tbody tr:last-child th, .elj-bolan__tabell tbody tr:last-child td { border-bottom: 0 !important; }
.elj-bolan__tabell tbody tr:nth-child(even) th, .elj-bolan__tabell tbody tr:nth-child(even) td { background: #f7faf8; }
.elj-bolan__tabell td { position: relative; color: var(--b-ink); font-weight: 600; }
.elj-bolan__tabell td.elj-bolan__tom { color: #9aa8a3; font-weight: 400; font-size: .85rem; }
.elj-bolan__tabell td.elj-bolan__lagst { color: var(--b-ink); }
.elj-bolan__tabell td.elj-bolan__lagst::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 7px; border-radius: 50%; background: var(--b-gron); vertical-align: 1px; }
.elj-bolan__tabell tbody tr:nth-child(n) td.elj-bolan__lagst { background: var(--b-mint); }
.elj-bolan__logga { display: block; width: auto; max-width: 92px; max-height: 24px; object-fit: contain; object-position: left center; }
.elj-bolan__namn { font-weight: 700; color: var(--b-ink); }
.elj-bolan .elj-bolan__tabell td.elj-bolan__individ { text-align: center !important; color: var(--b-text); font-weight: 500; font-size: .92rem; }
.elj-bolan__fot { margin: 10px 0 0; font-size: .8rem; line-height: 1.5; color: var(--b-muted); }
.elj-bolan__fot strong { color: #9a3412; }
.elj-bolan__inga { color: var(--b-muted); }

/* Senaste ändringar */
.elj-bolan__andringar { list-style: none; margin: 8px 0 0 !important; padding: 0 !important; background: #fff; border: 1px solid var(--b-line); border-radius: 18px; overflow: hidden; }
.elj-bolan__andringar li { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 2px 14px; margin: 0; padding: 12px 16px; border-bottom: 1px solid var(--b-line); }
.elj-bolan__andringar li:last-child { border-bottom: 0; }
.elj-bolan__andringar time { grid-row: span 2; font-size: .82rem; font-weight: 700; color: var(--b-muted); padding-top: 2px; }
.elj-bolan__vad { color: var(--b-text); }
.elj-bolan__vad strong { color: var(--b-ink); }
.elj-bolan__delar { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.elj-bolan__del { display: inline-flex; gap: 5px; align-items: baseline; padding: 3px 10px; border-radius: 999px; font-size: .82rem; color: var(--b-text); background: var(--b-yta); }
.elj-bolan__del b { font-weight: 800; }
.elj-bolan__del--upp b { color: #b45309; }
.elj-bolan__del--ned b { color: var(--b-gron); }

/* Historik */
.elj-bolan__historik { margin: 8px 0 28px; padding: 18px 18px 14px; background: #fff; border: 1px solid var(--b-line); border-radius: 18px; }
.elj-bolan__hrubrik { margin: 0 0 8px; font-size: .9rem; font-weight: 700; color: var(--b-ink); text-align: left; }
.elj-bolan__svg { display: block; width: 100%; height: auto; }
.elj-bolan__rut { stroke: #e9efec; stroke-width: 1; }
.elj-bolan__axel { font-size: 11px; fill: #5f7069; font-family: inherit; }
.elj-bolan__legend { display: flex; flex-wrap: wrap; gap: 6px 16px; list-style: none; margin: 10px 0 0 !important; padding: 0 !important; font-size: .85rem; color: var(--b-text); }
.elj-bolan__legend li { display: inline-flex; align-items: center; gap: 6px; margin: 0; }
.elj-bolan__legend i { width: 14px; height: 3px; border-radius: 2px; }
.elj-bolan__legend b { color: var(--b-ink); }

@media (max-width: 600px) {
	.elj-bolan__tabell { font-size: 14px; }
	.elj-bolan__tabell th, .elj-bolan__tabell td { padding: 10px 10px; }
	.elj-bolan__logga { max-width: 72px; max-height: 20px; }
	.elj-bolan__tabell th:first-child { box-shadow: 1px 0 0 var(--b-line); }
	.elj-bolan .elj-bolan__tabell td.elj-bolan__individ { text-align: left !important; padding-left: 14px; }
	.elj-bolan__andringar li { grid-template-columns: minmax(0, 1fr); }
	.elj-bolan__andringar time { grid-row: auto; }
}

/* bredd="full" (samma regel som i lanjamforelse.css, så att den fungerar även utan jämförelselistan på sidan) */
.elj-full { position: relative; z-index: 3; width: min(1152px, calc(100vw - 32px)); margin-left: calc(50% - min(576px, 50vw - 16px)); }