/* FS Dagsdata. Färgerna följer temats variabler när de finns. */
.fsd {
	margin: 1.6em 0;
	padding: 1.1em 1.2em;
	border: 1px solid var(--fsg-line, #dbe3db);
	border-radius: 12px;
	background: #fff;
	color: #1f2d2a;
	font-size: 1rem;
	line-height: 1.5;
}
.fsd p { margin: 0 0 .7em; }
.fsd-rub { font-weight: 700; color: var(--fsg-deep, #143f3c); }
.fsd-rad { font-size: .95rem; }
.fsd-liten { font-size: .85rem; color: #4d5e59; }
.fsd-kalla { font-size: .8rem; color: #4d5e59; margin-top: 1em; }
.fsd-kalla a { color: inherit; }
.fsd-flikar { display: flex; flex-wrap: wrap; gap: .4em; margin: 0 0 .9em; }
.fsd-flikar button {
	border: 1px solid var(--fsg-teal, #176b5c);
	background: #fff;
	color: var(--fsg-deep, #143f3c);
	border-radius: 999px;
	padding: .35em .85em;
	font-size: .9rem;
	line-height: 1.3;
	cursor: pointer;
}
.fsd-flikar button[aria-pressed="true"] { background: var(--fsg-teal, #176b5c); color: #fff; }
.fsd-flikar button:focus-visible { outline: 2px solid var(--fsg-deep, #143f3c); outline-offset: 2px; }
.fsd ul.fsd-tal {
	list-style: none;
	margin: 0 0 1em;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
	gap: .6em;
}
ul.fsd-tal li { background: var(--fsg-soft, #edf2e9); border-radius: 10px; padding: .6em .75em; margin: 0; }
.fsd-tal b { display: block; font-size: 1.4rem; line-height: 1.2; color: var(--fsg-deep, #143f3c); }
.fsd-tal span { display: block; font-size: .85rem; }
.fsd-stor { font-size: 1.1rem; }
.fsd-stor b { font-size: 2.1rem; color: var(--fsg-deep, #143f3c); margin-right: .15em; }
.fsd-graf { margin: .4em 0 1em; }
.fsd-graf svg { display: block; width: 100%; height: auto; max-width: 100%; }
.fsd .fsd-tabell { width: 100%; border-collapse: collapse; margin: .6em 0 1em; font-size: .92rem; }
.fsd .fsd-tabell caption { text-align: left; font-weight: 700; padding: 0 0 .4em; color: var(--fsg-deep, #143f3c); }
.fsd .fsd-tabell th, .fsd .fsd-tabell td { text-align: left; padding: .4em .5em; border-bottom: 1px solid var(--fsg-line, #dbe3db); }
.fsd .fsg-table-wrap, .fsd .fsg-table-scroll { margin: .6em 0 1em; border: 0; }
.fsd-rull { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.fsd-rull .fsd-tabell td { white-space: nowrap; }
.fsd label { display: block; font-size: .9rem; margin-bottom: .25em; }
.fsd input, .fsd select {
	width: 100%;
	box-sizing: border-box;
	padding: .55em .6em;
	border: 1px solid #b9c7c0;
	border-radius: 8px;
	font-size: 1rem;
	background: #fff;
}
.fsd button[type="submit"] {
	border: 0;
	border-radius: 8px;
	background: var(--fsg-teal, #176b5c);
	color: #fff;
	padding: .55em 1.2em;
	font-size: 1rem;
	cursor: pointer;
}
.fsd-billigast, .fsd-omv, .fsd-graf, .fsd-styr .fsd-flikar, .fsd-valutor .fsd-byt, .fsd-valutor .fsd-svar { display: none; }
.fsd-pa .fsd-billigast { display: block; background: var(--fsg-soft, #edf2e9); border-radius: 10px; padding: .8em .9em; margin: 1em 0; }
.fsd-pa .fsd-graf { display: block; }
.fsd-pa .fsd-omv { display: grid; grid-template-columns: 1fr 1fr; gap: .8em; margin: .6em 0 .4em; }
.fsd-pa .fsd-omv3 { grid-template-columns: 1fr 1.4fr 1.4fr; }
.fsd-styr.fsd-pa .fsd-flikar { display: flex; }
.fsd-valutor.fsd-pa .fsd-svar { display: block; }
.fsd-valutor.fsd-pa .fsd-byt { display: inline-block; }
.fsd .fsd-byt {
	border: 1px solid var(--fsg-teal, #176b5c);
	background: #fff;
	color: var(--fsg-deep, #143f3c);
	border-radius: 999px;
	padding: .35em .9em;
	font-size: .9rem;
	cursor: pointer;
}
.fsd .fsd-byt:focus-visible { outline: 2px solid var(--fsg-deep, #143f3c); outline-offset: 2px; }
.fsd-svar b { font-size: 1.8rem; color: var(--fsg-deep, #143f3c); }
.fsd .fsd-kod { display: block; font-size: .8rem; color: #4d5e59; }
.fsd .fsd-valtab td:nth-child(n+2), .fsd .fsd-valtab th:nth-child(n+2) { text-align: right; white-space: nowrap; }
.fsd-svar { margin-top: .6em; }
@media (max-width: 480px) {
	.fsd { padding: .9em .85em; }
	.fsd-pa .fsd-omv, .fsd-pa .fsd-omv3 { grid-template-columns: 1fr; }
	.fsd-stor b { font-size: 1.8rem; }
	.fsd .fsd-tabell { font-size: .86rem; }
	.fsd .fsd-tabell th, .fsd .fsd-tabell td { padding: .35em .35em; }
}