/*
 * Casinoutanlicens Innehall: byline, forfattarruta, innehallsforteckning
 * och tabellskrollsignal i designen Granskaren. Innehallets ovriga design
 * bor i temat cue-tema. Tokens lases fran temats :root med fasta varden
 * som reserv.
 * ASCII i klassnamn och kommentarer, svensk synlig text ligger i PHP.
 */

/* ------------------------------------------------------------ byline */
.cue-redaktion__byline-wrap {
	margin: 0 0 1.6em;
}
.cue-redaktion__byline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 18px;
	padding: 10px 0;
	border-top: 1px solid var(--cue-linje, #E4E0D5);
	border-bottom: 1px solid var(--cue-linje, #E4E0D5);
	font-size: 0.86rem;
	color: var(--cue-text-svag, #6B675F);
	line-height: 1.5;
}
.cue-redaktion__person {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.cue-redaktion__avatar {
	width: 34px;
	height: 34px;
	border-radius: 999px;
	object-fit: cover;
	display: block;
}
.cue-redaktion__namn,
.cue-redaktion__fakt {
	font-weight: 600;
	color: var(--cue-text, #3A3733);
}
.cue-redaktion__byline a {
	color: var(--cue-vin, #77222E);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}
.cue-redaktion__byline a:hover {
	color: var(--cue-vin-mork, #571820);
}
.cue-redaktion__pill {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-weight: 700;
	font-size: 0.78rem;
	color: var(--cue-gron, #1D6B3F);
	border: 1px solid var(--cue-gron-linje, #B9D8C2);
	background: var(--cue-gron-bg, #EAF4EC);
	border-radius: 999px;
	padding: 2px 10px;
}
.cue-redaktion__pill::before {
	content: "\2713";
}

/* ------------------------------------------------------------ forfattarruta */
.cue-redaktion__sektion {
	margin: 2.2em 0 0;
	background: var(--cue-yta, #FFFFFF);
	border: 1px solid var(--cue-linje, #E4E0D5);
	border-left: 4px solid var(--cue-vin, #77222E);
	border-radius: 4px;
	padding: 18px 22px;
}
.cue-redaktion__rubrik {
	font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, Georgia, serif;
	font-size: 1.15rem;
	font-weight: 700;
	color: var(--cue-ink, #201E1B);
	margin: 0 0 12px;
}
.cue-redaktion__forfattare {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}
.cue-redaktion__media {
	flex: 0 0 auto;
}
.cue-redaktion__foto {
	width: 72px;
	height: 72px;
	border-radius: 999px;
	object-fit: cover;
	display: block;
}
.cue-redaktion__text {
	min-width: 0;
	font-size: 0.95rem;
}
.cue-redaktion__text p {
	margin: 0 0 0.7em;
}
.cue-redaktion__fnamn {
	font-weight: 700;
}
.cue-redaktion__fnamn a {
	color: var(--cue-ink, #201E1B);
	text-decoration: none;
}
.cue-redaktion__fnamn a:hover {
	color: var(--cue-vin, #77222E);
	text-decoration: underline;
}
.cue-redaktion__titel {
	font-weight: 400;
	color: var(--cue-text-svag, #6B675F);
	margin-left: 4px;
}
.cue-redaktion__expertis {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.cue-redaktion__tagg {
	display: inline-block;
	font-size: 0.78rem;
	font-weight: 600;
	color: var(--cue-text-svag, #6B675F);
	background: var(--cue-mjuk, #F3F0E8);
	border: 1px solid var(--cue-linje, #E4E0D5);
	border-radius: 999px;
	padding: 2px 10px;
}
.cue-redaktion__granskad,
.cue-redaktion__lank {
	font-size: 0.88rem;
}
.cue-redaktion__sektion a {
	color: var(--cue-vin, #77222E);
}
@media (max-width: 560px) {
	.cue-redaktion__forfattare {
		flex-direction: column;
	}
}

/* ------------------------------------------------------------ innehallsforteckning */
.cue-toc {
	margin: 0 0 1.8em;
}
.cue-toc__detalj {
	background: var(--cue-yta, #FFFFFF);
	border: 1px solid var(--cue-linje, #E4E0D5);
	border-radius: 4px;
	padding: 0;
}
.cue-toc__rubrik {
	cursor: pointer;
	font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, Georgia, serif;
	font-weight: 700;
	font-size: 1rem;
	color: var(--cue-ink, #201E1B);
	padding: 11px 16px;
	list-style: none;
}
.cue-toc__rubrik::-webkit-details-marker {
	display: none;
}
.cue-toc__rubrik::after {
	content: "+";
	float: right;
	color: var(--cue-vin, #77222E);
	font-weight: 600;
}
.cue-toc__detalj[open] .cue-toc__rubrik::after {
	content: "\2212";
}
.cue-toc__lista {
	list-style: none;
	margin: 0;
	padding: 0 16px 12px;
	columns: 2;
	column-gap: 28px;
}
.cue-toc__lista li {
	margin: 0 0 6px;
	break-inside: avoid;
	font-size: 0.92rem;
}
.cue-toc__lista a {
	color: var(--cue-vin, #77222E);
	text-decoration: none;
}
.cue-toc__lista a:hover {
	text-decoration: underline;
	text-underline-offset: 2px;
}
@media (max-width: 640px) {
	.cue-toc__lista {
		columns: 1;
	}
}

/* ------------------------------------------------------------ tabellskrollsignal */
.cue-tabellyta {
	position: relative;
	margin: 1.6em 0;
}
.cue-tabellyta .cue-tabell-wrap {
	margin: 0;
}
.cue-tabellyta__fade {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 36px;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.15s ease;
	background: linear-gradient(to right, rgba(250, 248, 244, 0), var(--cue-papper, #FAF8F4));
}
.cue-tabellyta--mer .cue-tabellyta__fade {
	opacity: 1;
}