/**
 * Διάταξη σελίδας με εσωτερικό μενού ενότητας — χρώματα/εστίαση με γνώμονα υψηλή αντίθεση (WCAG 2.1).
 */

.lioncode-page-section {
	--lioncode-section-link: #0d2137;
	--lioncode-section-link-hover: #0a1929;
	--lioncode-section-border: #ced4da;
	--lioncode-section-current-bg: #e8eef5;
	--lioncode-section-focus: #0b57d0;
}

.lioncode-skip-to-main {
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.lioncode-skip-to-main:focus,
.lioncode-skip-to-main:focus-visible {
	clip: auto;
	clip-path: none;
	height: auto;
	left: 0.75rem;
	overflow: visible;
	padding: 0.75rem 1rem;
	position: fixed;
	top: 0.75rem;
	width: auto;
	white-space: normal;
	z-index: 100000;
	background: #fff;
	color: var(--lioncode-section-link);
	box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.12);
	outline: 3px solid var(--lioncode-section-focus);
	outline-offset: 2px;
	text-decoration: none;
}

.lioncode-section-nav__title {
	color: var(--lioncode-section-link);
	font-weight: 600;
}

.lioncode-section-nav__hub,
.lioncode-section-nav__link {
	color: var(--lioncode-section-link);
	min-height: 2.75rem;
	line-height: 1.4;
}

.lioncode-section-nav__link:hover {
	color: var(--lioncode-section-link-hover);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.lioncode-section-nav__link:focus-visible {
	outline: 3px solid var(--lioncode-section-focus);
	outline-offset: 2px;
}

.lioncode-section-nav__hub[aria-current="page"],
.lioncode-section-nav__link[aria-current="page"] {
	font-weight: 700;
	background-color: var(--lioncode-section-current-bg);
	border-inline-start: 4px solid var(--lioncode-section-focus);
	padding-inline-start: 0.5rem;
}

@media (min-width: 992px) {
	.lioncode-page-section__content {
		border-inline-start: 1px solid var(--lioncode-section-border);
		padding-inline-start: 1.75rem;
	}
}