/* Begreppssidor: /begrepp/ och /begrepp/<slug>/ (plugin lagar-se, includes/begrepp.php). */

.lr-begrepp { max-width: 860px; }
body.lagar-register .lr-begrepp .lr-doc-head h1 { font-family: var(--font-sans) !important; font-size: 34px; font-weight: 600; letter-spacing: -0.025em; }

.lr-begrepp-ingress { font-size: 16.5px; line-height: 1.6; color: var(--ink-1); margin: 0 0 var(--space-6); max-width: 68ch; }

.lr-begrepp-def { margin: 0 0 var(--space-8); }
.lr-begrepp-def > .lg-label { margin-bottom: var(--space-3); }
.lr-begrepp-citat { margin: 0 0 var(--space-3); padding: var(--space-4) var(--space-6); border-left: 3px solid var(--ink); background: var(--surface); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }
.lr-begrepp-citat p { margin: 0; font-family: var(--font-serif); font-size: 19px; line-height: 1.55; color: var(--ink); }
.lr-begrepp-citat dfn { font-style: normal; font-weight: 600; }

.lr-begrepp-kallor li { padding-bottom: 2px; }
.lr-begrepp-scope { margin: -6px 0 10px; font-size: 13.5px; color: var(--ink-2); }

.lr-begrepp-om { margin: var(--space-8) 0; }

.lr-begrepp-lista { list-style: none; margin: 0; padding: 0; columns: 3 220px; column-gap: var(--space-8); }
.lr-begrepp-lista li { break-inside: avoid; margin: 0 0 8px; font-size: 15.5px; line-height: 1.4; }
.lr-begrepp-lista a { color: var(--ink) !important; text-decoration: none !important; box-shadow: inset 0 -1px 0 var(--line-strong); }
.lr-begrepp-lista a:hover { box-shadow: inset 0 -1px 0 var(--ink); }
.lr-begrepp-lista .lr-sfs { margin-left: 4px; font-size: 11.5px; }

.lr-begrepp-tillbaka { margin: var(--space-8) 0 var(--space-12); font-size: 15px; }

.lr-begrepp-bokstaver { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 var(--space-8); font-family: var(--font-mono); font-size: 13px; }
.lr-begrepp-bokstaver a { display: inline-block; min-width: 28px; padding: 4px 6px; text-align: center; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); color: var(--ink) !important; text-decoration: none !important; }
.lr-begrepp-bokstaver a:hover { border-color: var(--ink); }
.lr-begrepp-bokstav { margin: 0 0 var(--space-8); scroll-margin-top: 80px; }
body.lagar-register .lr-begrepp-bokstav h2 { font-family: var(--font-sans) !important; font-size: 22px; font-weight: 600; margin: 0 0 var(--space-3); padding-bottom: 6px; border-bottom: 1px solid var(--line); }

@media (max-width: 700px) {
	body.lagar-register .lr-begrepp .lr-doc-head h1 { font-size: 27px; }
	.lr-begrepp-citat { padding: var(--space-3) var(--space-4); }
	.lr-begrepp-citat p { font-size: 17px; }
	.lr-begrepp-lista { columns: 2 150px; }
}

/* Begrepp i lagtexten: lagens egen definition vid hovring eller fokus (plugin: lagar_begrepp_lanka_html). */
.lagar-paragraf-text a.lr-term { position: relative; color: inherit !important; text-decoration: underline dotted var(--ink-2) !important; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.lagar-paragraf-text a.lr-term:hover { text-decoration-color: var(--ink) !important; }
.lagar-paragraf-text a.lr-term:hover::after,
.lagar-paragraf-text a.lr-term:focus-visible::after {
	content: attr(data-def);
	position: absolute; left: 0; top: 100%; z-index: 20;
	width: max-content; max-width: min(360px, 80vw); margin-top: 6px; padding: 8px 10px;
	background: var(--ink); color: var(--on-ink); border-radius: var(--radius-sm);
	font-family: var(--font-sans); font-size: 13.5px; font-style: normal; font-weight: 400; line-height: 1.45;
	white-space: normal; pointer-events: none;
}
@media (hover: none) {
	.lagar-paragraf-text a.lr-term::after { display: none; }
}

/* "Begrepp som lagen definierar" på lag- och kapitelsidor. */
.lr-begrepp-i-lagen { margin: var(--space-8) 0 var(--space-6); }
.lr-begrepp-i-lagen > .lg-label { margin-bottom: var(--space-3); }