/* Podstrona „Odmowa wypłaty odszkodowania": techniczny szkielet i Sekcja 1
   (hero). Renderowane przez page-odmowa-wyplaty-odszkodowania.php, ładowane
   wyłącznie przez odwolai_v2_is_denial_page(). Wszystkie selektory izolowane
   pod .oai-site .oai-denial-hero, oddzielna przestrzeń klas od
   .oai-underpayment-*, bez wycieku stylów na inne podstrony.

   Uklad asymetryczny (tresc + autorska wizualizacja dokumentu), celowo
   odrozniony od wysrodkowanego hero strony /zanizone-odszkodowanie/. Dwie
   kolumny od 901px - reuzywa juz istniejacego w motywie breakpointu (m.in.
   Sekcja 4 i Sekcja 8 strony /zanizone-odszkodowanie/), ponizej swiadome
   przejscie do jednej kolumny (tresc, potem wizualizacja), nie przypadkowe
   zmniejszenie desktopu.

   Kolejne sekcje (2-10) zostana dodane w osobnych, kolejno akceptowanych
   etapach implementacji, zgodnie z PLAN_ODMOWA_WYPLATY_ODSZKODOWANIA_v1.0.md.
   Ten plik zawiera wylacznie hero. */

.oai-site .oai-denial-hero {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 64px 32px;
	background-color: var(--oai-color-white);
}

.oai-site .oai-denial-hero__inner {
	width: 100%;
	max-width: var(--oai-container-width);
	min-width: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

/* Breadcrumb */

.oai-site .oai-denial-hero__breadcrumb {
	width: 100%;
	margin: 0 0 32px;
}

.oai-site .oai-denial-hero__breadcrumb-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.oai-site .oai-denial-hero__breadcrumb-item {
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 1.4;
}

.oai-site .oai-denial-hero__breadcrumb-item + .oai-denial-hero__breadcrumb-item::before {
	content: "/";
	margin: 0 8px;
	font-size: 14px;
	color: var(--oai-color-navy-muted);
}

.oai-site .oai-denial-hero__breadcrumb-link {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	color: var(--oai-color-navy-muted);
	text-decoration: none;
	transition: color var(--oai-transition-fast), text-decoration-color var(--oai-transition-fast);
}

.oai-site .oai-denial-hero__breadcrumb-link:hover {
	color: var(--oai-color-navy);
	text-decoration: underline;
	text-decoration-color: var(--oai-color-cyan);
}

html[data-oai-input="keyboard"] .oai-site .oai-denial-hero__breadcrumb-link:focus-visible {
	outline: 2px solid var(--oai-color-cyan);
	outline-offset: 2px;
	border-radius: 4px;
}

.oai-site .oai-denial-hero__breadcrumb-current {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--oai-color-navy-muted);
}

/* Uklad: tresc + wizualizacja dokumentu */

.oai-site .oai-denial-hero__layout {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.oai-site .oai-denial-hero__content {
	min-width: 0;
	max-width: 100%;
}

.oai-site .oai-denial-hero__eyebrow {
	margin: 0 0 16px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
}

.oai-site .oai-denial-hero__title {
	margin: 0 0 20px;
	max-width: 100%;
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 1.2;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-hero__lead {
	margin: 0;
	max-width: 560px;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-hero__actions {
	margin: 32px 0 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}

.oai-site .oai-denial-hero__cta {
	width: 100%;
	justify-content: center;
	min-height: 48px;
}

.oai-site .oai-denial-hero__cta-secondary {
	width: auto;
	min-height: 44px;
}

/* Wizualizacja dokumentu: gotowa grafika (czarna skrzynka decyzji, cztery
   warstwy FAKT / PODSTAWA / ZASTOSOWANIE / DOWOD), assets/images/page-denial/
   czarna-skrzynka-decyzji.webp. Element tresciowy <img>, nie dekoracja - bez
   dodatkowej karty, ramki, cienia ani kadrowania, zeby biale tlo zapisane w
   samym obrazie laczylo sie naturalnie z tlem hero. */

.oai-site .oai-denial-hero__document {
	min-width: 0;
	max-width: 100%;
	display: flex;
	justify-content: center;
}

.oai-site .oai-denial-hero__document-image {
	display: block;
	width: 100%;
	height: auto;
	max-width: 420px;
}

/* Od 901px: dwie kolumny, tresc po lewej, wizualizacja po prawej. Ten sam
   breakpoint co Sekcja 4 i Sekcja 8 strony /zanizone-odszkodowanie/, wiec
   nie wprowadza nowej, niestandardowej wartosci. */

@media (min-width: 901px) {
	.oai-site .oai-denial-hero__layout {
		flex-direction: row;
		align-items: center;
		gap: 64px;
	}

	.oai-site .oai-denial-hero__content {
		flex: 1 1 46%;
	}

	.oai-site .oai-denial-hero__document {
		flex: 1 1 54%;
	}

	.oai-site .oai-denial-hero__document-image {
		max-width: 100%;
	}

	.oai-site .oai-denial-hero__title {
		font-size: 2.25rem;
	}

	.oai-site .oai-denial-hero__lead {
		font-size: 1.0625rem;
	}

	.oai-site .oai-denial-hero__actions {
		flex-direction: row;
		align-items: center;
		gap: 24px;
	}

	.oai-site .oai-denial-hero__cta {
		width: auto;
		min-width: 260px;
	}
}

@media (min-width: 1201px) {
	.oai-site .oai-denial-hero {
		padding: 80px 32px;
	}

	.oai-site .oai-denial-hero__layout {
		gap: 80px;
	}

	.oai-site .oai-denial-hero__title {
		font-size: 2.625rem;
	}

	.oai-site .oai-denial-hero__lead {
		font-size: 1.125rem;
	}
}

@media (max-width: 600px) {
	.oai-site .oai-denial-hero {
		padding: 48px 24px;
	}
}

@media (max-width: 480px) {
	.oai-site .oai-denial-hero {
		padding: 40px 18px;
	}

	.oai-site .oai-denial-hero__breadcrumb {
		margin: 0 0 20px;
	}

	.oai-site .oai-denial-hero__breadcrumb-item,
	.oai-site .oai-denial-hero__breadcrumb-link,
	.oai-site .oai-denial-hero__breadcrumb-current {
		font-size: 13px;
	}

	.oai-site .oai-denial-hero__breadcrumb-item + .oai-denial-hero__breadcrumb-item::before {
		font-size: 13px;
	}

	.oai-site .oai-denial-hero__eyebrow {
		margin: 0 0 10px;
		font-size: 11px;
		letter-spacing: 0.05em;
		line-height: 1.3;
	}

	.oai-site .oai-denial-hero__title {
		margin: 0 0 14px;
		font-size: clamp(1.375rem, 4vw + 0.75rem, 1.875rem);
		line-height: 1.08;
		letter-spacing: -0.01em;
	}

	.oai-site .oai-denial-hero__actions {
		margin: 20px 0 0;
	}
}

@media (max-width: 360px) {
	.oai-site .oai-denial-hero {
		padding: 36px 16px;
	}

	.oai-site .oai-denial-hero__document-image {
		max-width: 300px;
	}
}

/* Sekcja 2: krotka odpowiedz i rozroznienie. Lekka, tekstowa sekcja bez
   grafiki i bez kart. Subtelne tlo (#F2F8FB, ten sam neutralny odcien co
   Sekcja 2 strony /zanizone-odszkodowanie/) oddziela ja wizualnie od bialego
   hero, bez konkurowania z nim. Rozroznienie czesciowej wyplaty oznaczone
   cienka lewa linia akcentowa zamiast pelnej karty z obramowaniem, zeby nie
   wygladac jak kolejna generyczna karta. */

.oai-site .oai-denial-short-answer {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 56px 32px;
	background-color: #F2F8FB;
}

.oai-site .oai-denial-short-answer__inner {
	width: 100%;
	max-width: 760px;
	min-width: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

.oai-site .oai-denial-short-answer__title {
	margin: 0 0 20px;
	max-width: 100%;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-short-answer__text {
	margin: 0 0 28px;
	max-width: 100%;
	font-size: 1rem;
	line-height: 1.65;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-short-answer__note {
	margin: 0;
	max-width: 100%;
	padding: 4px 0 4px 20px;
	border-left: 3px solid var(--oai-color-cyan);
	font-size: 1rem;
	line-height: 1.6;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-short-answer__link {
	display: block;
	width: fit-content;
	max-width: 100%;
	margin-top: 6px;
	font-size: 1rem;
	font-weight: 700;
	line-height: inherit;
	color: var(--oai-color-navy);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
	transition: text-decoration-color var(--oai-transition-fast);
}

.oai-site .oai-denial-short-answer__link:hover {
	text-decoration-color: var(--oai-color-cyan);
}

html[data-oai-input="keyboard"] .oai-site .oai-denial-short-answer__link:focus-visible {
	outline: 2px solid var(--oai-color-cyan);
	outline-offset: 2px;
	border-radius: 2px;
}

@media (min-width: 768px) {
	.oai-site .oai-denial-short-answer {
		padding: 72px 32px;
	}

	.oai-site .oai-denial-short-answer__title {
		font-size: 1.75rem;
	}

	.oai-site .oai-denial-short-answer__text {
		font-size: 1.0625rem;
	}

	.oai-site .oai-denial-short-answer__note {
		font-size: 1.0625rem;
	}

	.oai-site .oai-denial-short-answer__link {
		font-size: 1.0625rem;
	}
}

@media (min-width: 1201px) {
	.oai-site .oai-denial-short-answer {
		padding: 88px 32px;
	}

	.oai-site .oai-denial-short-answer__title {
		font-size: 2rem;
	}
}

@media (max-width: 600px) {
	.oai-site .oai-denial-short-answer {
		padding: 48px 24px;
	}
}

@media (max-width: 480px) {
	.oai-site .oai-denial-short-answer {
		padding: 40px 18px;
	}
}

@media (max-width: 360px) {
	.oai-site .oai-denial-short-answer {
		padding: 36px 16px;
	}

	.oai-site .oai-denial-short-answer__note {
		padding-left: 16px;
	}
}

/* Sekcja 3: mozliwe podstawy odmowy. Otwarty, redakcyjny uklad bez kart,
   ikon, numeracji i cieni. Biale tlo (celowo inne niz jasnobiekitne #F2F8FB
   Sekcji 2), zeby wizualnie oddzielic obie sekcje bez kopiowania wygladu.
   Szesc elementow w semantycznej liscie <ul>, oddzielonych cienka linia
   zamiast pelnej ramki. Trzy warstwy ukladu: jedna kolumna (<901px), intro
   nad lista dwukolumnowa (901-1200px), pelny uklad dwukolumnowy intro/lista
   (od 1201px). Breakpoint 901px reuzywa juz istniejacej w tej stronie
   konwencji (hero, Sekcja 4 i Sekcja 8 strony /zanizone-odszkodowanie/). */

.oai-site .oai-denial-bases {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 64px 32px 80px;
	background-color: var(--oai-color-white);
}

.oai-site .oai-denial-bases__inner {
	width: 100%;
	max-width: var(--oai-container-width);
	min-width: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

.oai-site .oai-denial-bases__layout {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.oai-site .oai-denial-bases__intro {
	min-width: 0;
	max-width: 100%;
}

.oai-site .oai-denial-bases__title {
	margin: 0 0 16px;
	max-width: 100%;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-bases__lead {
	margin: 0;
	max-width: 640px;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-bases__list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
}

.oai-site .oai-denial-bases__item {
	min-width: 0;
	max-width: 100%;
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid var(--oai-color-border);
}

.oai-site .oai-denial-bases__item:first-child {
	padding-top: 0;
	margin-top: 0;
	border-top: none;
}

.oai-site .oai-denial-bases__item-title {
	margin: 0 0 10px;
	max-width: 100%;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-bases__item-title::before {
	content: "";
	display: block;
	width: 28px;
	height: 2px;
	margin: 0 0 12px;
	background-color: var(--oai-color-cyan);
}

.oai-site .oai-denial-bases__item-description {
	margin: 0;
	max-width: 100%;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-bases__closing {
	margin: 40px 0 0;
	max-width: 640px;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

@media (min-width: 901px) {
	.oai-site .oai-denial-bases__list {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 40px;
	}

	.oai-site .oai-denial-bases__item:nth-child(2) {
		padding-top: 0;
		margin-top: 0;
		border-top: none;
	}

	.oai-site .oai-denial-bases__title {
		font-size: 1.75rem;
	}

	.oai-site .oai-denial-bases__lead {
		font-size: 1.0625rem;
	}
}

@media (min-width: 1201px) {
	.oai-site .oai-denial-bases {
		padding: 88px 32px 96px;
	}

	.oai-site .oai-denial-bases__layout {
		flex-direction: row;
		gap: 64px;
	}

	.oai-site .oai-denial-bases__intro {
		flex: 1 1 34%;
	}

	.oai-site .oai-denial-bases__list {
		flex: 1 1 66%;
	}

	.oai-site .oai-denial-bases__title {
		font-size: 2.125rem;
	}

	.oai-site .oai-denial-bases__item-title {
		font-size: 1.25rem;
	}
}

@media (max-width: 600px) {
	.oai-site .oai-denial-bases {
		padding: 48px 24px 56px;
	}
}

@media (max-width: 480px) {
	.oai-site .oai-denial-bases {
		padding: 40px 18px 48px;
	}
}

@media (max-width: 360px) {
	.oai-site .oai-denial-bases {
		padding: 36px 16px 40px;
	}
}

/* Sekcja 4: glowny wyroznik strony. System FAKT -> PODSTAWA -> ZASTOSOWANIE
   -> DOWOD jako jeden wspolny komponent (jedna zewnetrzna rama), nie cztery
   osobne karty. Granatowe tlo marki. scroll-margin-top odwzorowuje dokladnie
   istniejacy w projekcie wzorzec (assets/css/page-underpayment.css: baza wg
   --oai-header-height-mobile, override wg --oai-header-height-desktop od
   1201px - ten sam breakpoint, przy ktorym main.css przelacza wysokosc
   sticky headera). Uklad pionowy (tablet i mobile) az do 1201px, dopiero
   od desktopu jeden poziomy rzad - celowo bez posredniego ukladu 2x2 na
   tablecie, zgodnie z zachowawczym kierunkiem z polecenia. Dekoracyjne
   strzalki jako CSS ::after (jak separator "/" w breadcrumbie hero), poza
   drzewem dostepnosci, bez aria-hidden. */

.oai-site .oai-denial-framework {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 64px 32px 80px;
	background-color: var(--oai-color-navy);
	scroll-margin-top: calc(var(--oai-header-height-mobile) + 24px);
}

.oai-site .oai-denial-framework__inner {
	width: 100%;
	max-width: var(--oai-container-width);
	min-width: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

.oai-site .oai-denial-framework__intro {
	max-width: 720px;
	margin: 0 0 40px;
}

.oai-site .oai-denial-framework__eyebrow {
	margin: 0 0 16px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
}

.oai-site .oai-denial-framework__title {
	margin: 0 0 16px;
	max-width: 100%;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.2;
	color: var(--oai-color-white);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-framework__lead {
	margin: 0;
	max-width: 100%;
	font-size: 1rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.8);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-framework__list {
	margin: 0;
	padding: 32px;
	box-sizing: border-box;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 40px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: var(--oai-radius-m);
}

.oai-site .oai-denial-framework__item {
	position: relative;
	min-width: 0;
	max-width: 100%;
}

.oai-site .oai-denial-framework__item:not(:last-child)::after {
	content: "↓";
	position: absolute;
	top: auto;
	left: 50%;
	right: auto;
	bottom: -24px;
	transform: translateX(-50%);
	font-size: 16px;
	line-height: 1;
	color: var(--oai-color-cyan);
}

.oai-site .oai-denial-framework__item-label {
	margin: 0 0 8px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
	overflow-wrap: normal;
	word-break: normal;
}

.oai-site .oai-denial-framework__item-title {
	margin: 0 0 10px;
	max-width: 100%;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--oai-color-white);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-framework__item-description {
	margin: 0;
	max-width: 100%;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.75);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-framework__closing {
	margin: 40px 0 0;
	max-width: 640px;
	padding: 20px 0 0;
	border-top: 1px solid var(--oai-color-cyan);
	font-size: 1rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.8);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

@media (min-width: 768px) {
	.oai-site .oai-denial-framework__title {
		font-size: 2rem;
	}

	.oai-site .oai-denial-framework__lead {
		font-size: 1.0625rem;
	}
}

@media (min-width: 1201px) {
	.oai-site .oai-denial-framework {
		padding: 88px 32px 96px;
		scroll-margin-top: calc(var(--oai-header-height-desktop) + 24px);
	}

	.oai-site .oai-denial-framework__title {
		font-size: 2.5rem;
	}

	.oai-site .oai-denial-framework__list {
		flex-direction: row;
		align-items: flex-start;
		gap: 32px;
	}

	.oai-site .oai-denial-framework__item {
		flex: 1 1 0;
	}

	.oai-site .oai-denial-framework__item-title {
		font-size: 1.1875rem;
	}

	.oai-site .oai-denial-framework__item:not(:last-child)::after {
		content: "→";
		top: 28px;
		left: auto;
		right: -20px;
		bottom: auto;
		transform: none;
		font-size: 18px;
	}
}

@media (max-width: 600px) {
	.oai-site .oai-denial-framework {
		padding: 48px 24px 56px;
	}

	.oai-site .oai-denial-framework__list {
		padding: 24px;
	}
}

@media (max-width: 480px) {
	.oai-site .oai-denial-framework {
		padding: 40px 18px 48px;
	}

	.oai-site .oai-denial-framework__list {
		padding: 20px;
		gap: 32px;
	}

	.oai-site .oai-denial-framework__item:not(:last-child)::after {
		bottom: -20px;
	}
}

@media (max-width: 360px) {
	.oai-site .oai-denial-framework {
		padding: 36px 16px 40px;
	}

	.oai-site .oai-denial-framework__list {
		padding: 16px;
	}
}

/* Sekcja 5: wniosek bez wyjasnienia, wersja "Rentgen decyzji v2". Nowa
   grafika (rentgen-decyzji-odwolai-v2.webp) zawiera juz kompletna
   kompozycje: trzy zaznaczone zwroty, trzy laczniki i trzy pelne pytania
   zapisane bezposrednio na obrazie. Od 901px (ten sam prog co dwukolumnowy
   uklad Sekcji 1 i siatka Sekcji 3 tej strony) grafika pokazywana jest w
   calosci, w naturalnych proporcjach 1536:1024, bez object-fit:cover i bez
   zadnej nakladki HTML - lista trzech przykladow (.__annotations) zostaje w
   DOM dla czytnikow ekranu i SEO, ale jest wizualnie ukryta w calosci
   (jeden wzorzec clip zamiast osobnego ukrywania kazdego zwrotu), zeby nie
   dublowac tekstu juz widocznego na obrazie. Ponizej 901px nowa grafika nie
   zawiera juz czytelnych pytan w mniejszej skali, wiec "stage" kadruje
   wylacznie lewa czesc z dokumentem i skanerem (object-fit:cover,
   object-position: left) - do 900px kadr szerszy (aspect-ratio 1:1), do
   600px (ten sam prog co reszta responsywnosci tej strony) kadr wezszy
   (aspect-ratio 9:10, wyraznie zblizenie), tak by nie pokazywac urwanych
   polprzezroczystych pytan z prawej strony obrazu. Ponizej 901px lista
   .__annotations staje sie widoczna normalnie - zwrot pogrubiony granatowy,
   pytanie pod nim, cienki cyjanowy akcent po lewej zamiast osobnej karty.
   overflow:hidden na "stage" sluzy wylacznie czystemu zaokragleniu rogow
   (desktop) i kadrowaniu opisanemu wyzej (mobile/tablet) - bez ramki i bez
   bialego tla pod grafika. Domkniecie: cienka pionowa linia cyjan po lewej,
   bez pelnej ramki i bez cienia. */

.oai-site .oai-denial-explanation-gap {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 64px 32px 80px;
	background-color: var(--oai-color-white);
}

.oai-site .oai-denial-explanation-gap__inner {
	width: 100%;
	max-width: var(--oai-container-width);
	min-width: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

.oai-site .oai-denial-explanation-gap__intro {
	max-width: 720px;
	margin: 0 0 40px;
}

.oai-site .oai-denial-explanation-gap__eyebrow {
	margin: 0 0 16px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
}

.oai-site .oai-denial-explanation-gap__title {
	margin: 0 0 16px;
	max-width: 100%;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-explanation-gap__lead {
	margin: 0;
	max-width: 100%;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-explanation-gap__figure {
	margin: 40px 0 0;
	padding: 0;
}

.oai-site .oai-denial-explanation-gap__stage {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	border-radius: var(--oai-radius-l);
	aspect-ratio: 1 / 1;
}

.oai-site .oai-denial-explanation-gap__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left center;
}

.oai-site .oai-denial-explanation-gap__annotations {
	margin: 32px 0 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.oai-site .oai-denial-explanation-gap__annotation {
	box-sizing: border-box;
	padding: 0 0 0 14px;
	border-left: 2px solid var(--oai-color-cyan);
}

.oai-site .oai-denial-explanation-gap__quote {
	margin: 0 0 6px;
	max-width: 100%;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.4;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-explanation-gap__question {
	margin: 0;
	max-width: 100%;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-explanation-gap__closing {
	margin: 40px 0 0;
	max-width: 640px;
	padding: 2px 0 2px 20px;
	border-left: 2px solid var(--oai-color-cyan);
	font-size: 1rem;
	line-height: 1.6;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

@media (max-width: 600px) {
	.oai-site .oai-denial-explanation-gap {
		padding: 48px 24px 56px;
	}

	.oai-site .oai-denial-explanation-gap__figure {
		margin: 32px 0 0;
	}

	.oai-site .oai-denial-explanation-gap__stage {
		aspect-ratio: 9 / 10;
	}
}

@media (max-width: 480px) {
	.oai-site .oai-denial-explanation-gap {
		padding: 40px 18px 48px;
	}
}

@media (max-width: 360px) {
	.oai-site .oai-denial-explanation-gap {
		padding: 36px 16px 40px;
	}
}

@media (min-width: 768px) {
	.oai-site .oai-denial-explanation-gap__title {
		font-size: 1.75rem;
	}

	.oai-site .oai-denial-explanation-gap__lead {
		font-size: 1.0625rem;
	}
}

@media (min-width: 901px) {
	.oai-site .oai-denial-explanation-gap {
		padding: 88px 32px 96px;
	}

	.oai-site .oai-denial-explanation-gap__title {
		font-size: 2rem;
	}

	.oai-site .oai-denial-explanation-gap__stage {
		aspect-ratio: auto;
	}

	.oai-site .oai-denial-explanation-gap__image {
		height: auto;
		object-fit: initial;
		object-position: initial;
	}

	.oai-site .oai-denial-explanation-gap__annotations {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		clip-path: inset(50%);
		white-space: nowrap;
		border: 0;
		gap: 0;
	}
}

/* Sekcja 6: dokumenty, kierunek "Teczka sprawy". Bardzo jasne, chlodne tlo
   (odcien cyjanu o niskim kryciu na bieli), zeby odroznic sekcje od bialej
   Sekcji 5. Jeden wspolny komponent .__folder: granatowa okladka teczki
   (z detalem "zakladki" w pseudo-elemencie) i cztery arkusze .__sheet w
   semantycznej liscie <ul>. Na mobile (<768px, ten sam prog co reszta
   pliku) komponent splaszcza sie do jednej wspolnej bialej powierzchni z
   granatowym paskiem u gory (pseudo-element bez wystawania, wtopiony w
   pasek) - arkusze traca wlasne tlo/ramke i sa oddzielone cienkim
   cyjanowym akcentem, zeby nie wygladac jak cztery kafelki. Od 768px
   (prog juz uzywany w tym pliku) arkusze wracaja jako biale karty na
   wspolnej granatowej okladce, z niewielkim przesunieciem poziomym per
   nth-child i dodatnim odstepem pionowym (gap na .__sheets) - arkusze
   pozostaja w normalnym przeplywie, bez ujemnego margin-top ani innego
   mechanizmu nachodzenia na tekst poprzedniego arkusza. Pseudo-element
   .__folder::before (bazowa regula) tworzy wylacznie plaski, pelnoszeroki
   granatowy pasek bez zadnego przesuniecia - na mobile widoczny jako
   grzbiet teczki na bialym tle, od 768px w pelni niewidoczny na wlasnym
   granatowym tle okladki. Zaden dodatkowy wystajacy prostokat nie istnieje.
   Od 1201px (ten sam prog co Sekcje 3, 4 i 5) uklad przechodzi na dwie
   kolumny: intro po lewej, teczka po prawej, z nieco wiekszym
   przesunieciem poziomym arkuszy niz na tablecie. Domkniecie ma wlasny
   rytm - wysrodkowany, z krotka pozioma cyjanowa kreska nad tekstem,
   celowo inny niz pionowa linia domkniecia Sekcji 5. */

.oai-site .oai-denial-documents {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 64px 32px 80px;
	background-color: color-mix(in srgb, var(--oai-color-cyan) 5%, var(--oai-color-white));
}

.oai-site .oai-denial-documents__inner {
	width: 100%;
	max-width: var(--oai-container-width);
	min-width: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

.oai-site .oai-denial-documents__layout {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.oai-site .oai-denial-documents__intro {
	max-width: 720px;
	min-width: 0;
}

.oai-site .oai-denial-documents__eyebrow {
	margin: 0 0 16px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
}

.oai-site .oai-denial-documents__title {
	margin: 0 0 16px;
	max-width: 100%;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-documents__lead {
	margin: 0;
	max-width: 100%;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-documents__folder {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	background-color: var(--oai-color-white);
	border-radius: var(--oai-radius-l);
	padding: 28px 20px 8px;
	overflow: hidden;
}

.oai-site .oai-denial-documents__folder::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 8px;
	background-color: var(--oai-color-navy);
	border-radius: var(--oai-radius-l) var(--oai-radius-l) 0 0;
}

.oai-site .oai-denial-documents__sheets {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
}

.oai-site .oai-denial-documents__sheet {
	position: relative;
	box-sizing: border-box;
	min-width: 0;
	background-color: transparent;
	border: none;
	border-top: 1px solid color-mix(in srgb, var(--oai-color-cyan) 30%, transparent);
	border-radius: 0;
	padding: 20px 0;
	margin: 0;
}

.oai-site .oai-denial-documents__sheet:first-child {
	border-top: none;
	padding-top: 8px;
}

.oai-site .oai-denial-documents__tab {
	position: static;
	display: inline-block;
	box-sizing: border-box;
	margin: 0 0 8px;
	padding: 3px 9px;
	background-color: var(--oai-color-navy);
	color: var(--oai-color-cyan);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	border-radius: var(--oai-radius-m);
	white-space: nowrap;
}

.oai-site .oai-denial-documents__sheet-title {
	margin: 0 0 8px;
	max-width: 100%;
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.35;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-documents__sheet-description {
	margin: 0;
	max-width: 100%;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-documents__closing {
	position: relative;
	margin: 48px auto 0;
	max-width: 560px;
	padding: 20px 0 0;
	text-align: center;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-documents__closing::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 32px;
	height: 2px;
	background-color: var(--oai-color-cyan);
}

@media (min-width: 768px) {
	.oai-site .oai-denial-documents__title {
		font-size: 1.75rem;
	}

	.oai-site .oai-denial-documents__lead {
		font-size: 1.0625rem;
	}

	.oai-site .oai-denial-documents__folder {
		background-color: var(--oai-color-navy);
		padding: 32px 20px 20px;
		overflow: visible;
	}

	.oai-site .oai-denial-documents__sheets {
		gap: 20px;
	}

	.oai-site .oai-denial-documents__sheet {
		background-color: var(--oai-color-white);
		border: 1px solid var(--oai-color-border);
		border-radius: var(--oai-radius-m);
		padding: 26px 18px 18px;
	}

	.oai-site .oai-denial-documents__sheet:first-child {
		padding-top: 26px;
	}

	.oai-site .oai-denial-documents__sheet:nth-child(1) {
		margin-left: 0;
	}

	.oai-site .oai-denial-documents__sheet:nth-child(2) {
		margin-left: 10px;
	}

	.oai-site .oai-denial-documents__sheet:nth-child(3) {
		margin-left: 20px;
	}

	.oai-site .oai-denial-documents__sheet:nth-child(4) {
		margin-left: 30px;
	}

	.oai-site .oai-denial-documents__tab {
		position: absolute;
		top: -10px;
		left: 18px;
	}
}

@media (min-width: 1201px) {
	.oai-site .oai-denial-documents {
		padding: 88px 32px 96px;
	}

	.oai-site .oai-denial-documents__title {
		font-size: 2rem;
	}

	.oai-site .oai-denial-documents__layout {
		flex-direction: row;
		align-items: flex-start;
		gap: 48px;
	}

	.oai-site .oai-denial-documents__intro {
		flex: 0 0 34%;
		max-width: 34%;
	}

	.oai-site .oai-denial-documents__folder {
		flex: 1 1 66%;
		padding: 40px 28px 28px;
	}

	.oai-site .oai-denial-documents__sheet {
		padding: 28px 22px 20px;
	}

	.oai-site .oai-denial-documents__sheet:first-child {
		padding-top: 28px;
	}

	.oai-site .oai-denial-documents__sheet:nth-child(1) {
		margin-left: 0;
	}

	.oai-site .oai-denial-documents__sheet:nth-child(2) {
		margin-left: 20px;
	}

	.oai-site .oai-denial-documents__sheet:nth-child(3) {
		margin-left: 38px;
	}

	.oai-site .oai-denial-documents__sheet:nth-child(4) {
		margin-left: 56px;
	}

	.oai-site .oai-denial-documents__tab {
		top: -10px;
		left: 22px;
	}
}

/* Sekcja 7: rozne podstawy odmowy w zaleznosci od rodzaju ochrony, kierunek
   "Punkty ciezkosci". Pelnoszerokosciowe granatowe tlo - wyrazny kontrast
   wobec jasnej Sekcji 6. Trzy konteksty w jednej pionowej liscie, bez kart,
   ramek i tla per-element - kazdy zaczyna sie krotkim cyjanowym akcentem
   przed etykieta zamiast pelnej linii separatora. Bez dekoracyjnych
   napisow OC/AC/MIENIE (usuniete po korekcie - zbyt duzy kontrast z
   czytelnoscia i niepotrzebna zlozonosc). Od 1201px (ten sam prog co
   Sekcje 3, 4, 5 i 6) intro, lista i domkniecie staja sie jednym
   wyrownanym do wspolnej osi, wysrodkowanym blokiem (max-width 820px,
   margin-inline auto) zamiast pozostawac przy lewej krawedzi szerokiego
   kontenera - wlasciwy tekst w srodku pozostaje wyrownany do lewej, nie
   powstaje zygzak. Domkniecie ma wlasny rytm: wyrownane do lewej (inaczej
   niz wysrodkowane domkniecie Sekcji 6), z krotka pozioma kreska nad
   tekstem (inaczej niz pionowa linia domkniecia Sekcji 5). */

.oai-site .oai-denial-coverage-contexts {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	overflow-x: hidden;
	padding: 64px 32px 80px;
	background-color: var(--oai-color-navy);
}

.oai-site .oai-denial-coverage-contexts__inner {
	width: 100%;
	max-width: var(--oai-container-width);
	min-width: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

.oai-site .oai-denial-coverage-contexts__intro {
	max-width: 640px;
	margin: 0 0 48px;
}

.oai-site .oai-denial-coverage-contexts__eyebrow {
	margin: 0 0 16px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
}

.oai-site .oai-denial-coverage-contexts__title {
	margin: 0 0 16px;
	max-width: 100%;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--oai-color-white);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-coverage-contexts__lead {
	margin: 0;
	max-width: 100%;
	font-size: 1rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.8);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-coverage-contexts__list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.oai-site .oai-denial-coverage-contexts__item {
	box-sizing: border-box;
	min-width: 0;
	max-width: 620px;
	padding: 8px 0;
}

.oai-site .oai-denial-coverage-contexts__label {
	position: relative;
	margin: 0 0 8px;
	padding-top: 16px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
}

.oai-site .oai-denial-coverage-contexts__label::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 2px;
	background-color: var(--oai-color-cyan);
}

.oai-site .oai-denial-coverage-contexts__item-title {
	margin: 0 0 8px;
	max-width: 100%;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.35;
	color: var(--oai-color-white);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-coverage-contexts__item-description {
	margin: 0;
	max-width: 100%;
	font-size: 1rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.8);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-coverage-contexts__closing {
	position: relative;
	margin: 48px 0 0;
	max-width: 560px;
	padding-top: 20px;
	font-size: 1rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.8);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-coverage-contexts__closing::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 2px;
	background-color: var(--oai-color-cyan);
}

@media (min-width: 768px) {
	.oai-site .oai-denial-coverage-contexts {
		padding: 80px 32px 96px;
	}

	.oai-site .oai-denial-coverage-contexts__title {
		font-size: 1.75rem;
	}

	.oai-site .oai-denial-coverage-contexts__lead {
		font-size: 1.0625rem;
	}

	.oai-site .oai-denial-coverage-contexts__list {
		gap: 56px;
	}

	.oai-site .oai-denial-coverage-contexts__item {
		padding: 24px 0;
	}
}

@media (min-width: 1201px) {
	.oai-site .oai-denial-coverage-contexts {
		padding: 96px 32px 112px;
	}

	.oai-site .oai-denial-coverage-contexts__title {
		font-size: 2rem;
	}

	.oai-site .oai-denial-coverage-contexts__intro {
		max-width: 820px;
		margin-inline: auto;
	}

	.oai-site .oai-denial-coverage-contexts__list {
		max-width: 820px;
		margin-inline: auto;
		gap: 64px;
	}

	.oai-site .oai-denial-coverage-contexts__item {
		max-width: none;
	}

	.oai-site .oai-denial-coverage-contexts__closing {
		max-width: 820px;
		margin-inline: auto;
	}
}

@media (max-width: 600px) {
	.oai-site .oai-denial-coverage-contexts {
		padding: 48px 24px 56px;
	}

	.oai-site .oai-denial-coverage-contexts__list {
		gap: 32px;
	}
}

@media (max-width: 480px) {
	.oai-site .oai-denial-coverage-contexts {
		padding: 40px 18px 48px;
	}
}

@media (max-width: 360px) {
	.oai-site .oai-denial-coverage-contexts {
		padding: 36px 16px 40px;
	}
}

/* Sekcja 8: wybor dalszego dzialania, kierunek "Glowne dzialanie i spokojna
   alternatywa". Bardzo jasne, chlodne tlo (ten sam odcien cyjanu o niskim
   kryciu na bieli co Sekcja 6) - wyrazny kontrast wobec granatowej Sekcji
   7. Gotowe Odwolanie (.__option--primary) to mocny granatowy blok z bialym
   tekstem; CTA wewnatrz reuzywa bazowej klasy .oai-cta.oai-cta--primary
   (ksztalt, padding, focus-visible z main.css), ale klasa page-scoped
   .__cta--primary odwraca kolorystyke na biale tlo/granatowy tekst - bez
   tego przycisk (domyslnie granatowy) znikalby na granatowym tle panelu.
   Analiza Decyzji (.__option--secondary) jest lzejsza: transparentne tlo,
   krotki cyjanowy akcent nad etykieta (ten sam wzorzec co Sekcje 6 i 7),
   granatowy tekst, CTA reuzywa .oai-cta--secondary bez zadnej modyfikacji
   koloru (juz poprawnie kontrastuje na jasnym tle). Na desktopie (od
   1201px, ten sam prog co Sekcje 3, 4, 5, 6 i 7) intro po lewej (~38%),
   obszar wyboru po prawej (~62%) - obie sciezki nadal ulozone pionowo
   wewnatrz obszaru wyboru, Gotowe Odwolanie pierwsze. Na tablecie i mobile
   intro przechodzi nad obszar wyboru, jedna kolumna. */

.oai-site .oai-denial-next-action {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 64px 32px 80px;
	background-color: color-mix(in srgb, var(--oai-color-cyan) 5%, var(--oai-color-white));
}

.oai-site .oai-denial-next-action__inner {
	width: 100%;
	max-width: var(--oai-container-width);
	min-width: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

.oai-site .oai-denial-next-action__layout {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.oai-site .oai-denial-next-action__intro {
	max-width: 640px;
	min-width: 0;
}

.oai-site .oai-denial-next-action__eyebrow {
	margin: 0 0 16px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
}

.oai-site .oai-denial-next-action__title {
	margin: 0 0 16px;
	max-width: 100%;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-next-action__lead {
	margin: 0;
	max-width: 100%;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-next-action__choice-area {
	min-width: 0;
}

.oai-site .oai-denial-next-action__options {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.oai-site .oai-denial-next-action__option {
	box-sizing: border-box;
	min-width: 0;
}

.oai-site .oai-denial-next-action__option--primary {
	padding: 32px 24px;
	background-color: var(--oai-color-navy);
	border-radius: var(--oai-radius-l);
}

.oai-site .oai-denial-next-action__option--secondary {
	padding: 8px 0 0;
}

.oai-site .oai-denial-next-action__label {
	position: relative;
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
}

.oai-site .oai-denial-next-action__option--secondary .oai-denial-next-action__label {
	padding-top: 16px;
}

.oai-site .oai-denial-next-action__option--secondary .oai-denial-next-action__label::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 2px;
	background-color: var(--oai-color-cyan);
}

.oai-site .oai-denial-next-action__option-title {
	margin: 0 0 8px;
	max-width: 100%;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.35;
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-next-action__option--primary .oai-denial-next-action__option-title {
	color: var(--oai-color-white);
}

.oai-site .oai-denial-next-action__option--secondary .oai-denial-next-action__option-title {
	color: var(--oai-color-navy);
}

.oai-site .oai-denial-next-action__option-description {
	margin: 0 0 20px;
	max-width: 100%;
	font-size: 1rem;
	line-height: 1.6;
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-next-action__option--primary .oai-denial-next-action__option-description {
	color: rgba(255, 255, 255, 0.8);
}

.oai-site .oai-denial-next-action__option--secondary .oai-denial-next-action__option-description {
	color: var(--oai-color-navy-muted);
}

.oai-site .oai-denial-next-action__cta {
	width: auto;
	max-width: 100%;
}

.oai-site .oai-denial-next-action__cta--primary {
	background: var(--oai-color-white);
	color: var(--oai-color-navy);
}

.oai-site .oai-denial-next-action__cta--secondary {
	min-height: 44px;
}

.oai-site .oai-denial-next-action__note {
	margin: 24px 0 0;
	max-width: 100%;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

@media (min-width: 768px) {
	.oai-site .oai-denial-next-action {
		padding: 80px 32px 96px;
	}

	.oai-site .oai-denial-next-action__title {
		font-size: 1.75rem;
	}

	.oai-site .oai-denial-next-action__lead {
		font-size: 1.0625rem;
	}

	.oai-site .oai-denial-next-action__option--primary {
		padding: 40px 32px;
	}
}

@media (min-width: 1201px) {
	.oai-site .oai-denial-next-action {
		padding: 96px 32px 112px;
	}

	.oai-site .oai-denial-next-action__title {
		font-size: 2rem;
	}

	.oai-site .oai-denial-next-action__layout {
		flex-direction: row;
		align-items: flex-start;
		gap: 48px;
	}

	.oai-site .oai-denial-next-action__intro {
		flex: 0 0 38%;
		max-width: 38%;
	}

	.oai-site .oai-denial-next-action__choice-area {
		flex: 1 1 62%;
	}
}

@media (max-width: 600px) {
	.oai-site .oai-denial-next-action {
		padding: 48px 24px 56px;
	}

	.oai-site .oai-denial-next-action__option--primary {
		padding: 28px 20px;
	}

	.oai-site .oai-denial-next-action__cta--primary {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.oai-site .oai-denial-next-action {
		padding: 40px 18px 48px;
	}
}

@media (max-width: 360px) {
	.oai-site .oai-denial-next-action {
		padding: 36px 16px 40px;
	}
}

/* Sekcja 9: najczestsze pytania. Nie jest to nowy komponent FAQ - to
   dokladny, zaakceptowany wzorzec strony /zanizone-odszkodowanie/
   (template-parts/page-underpayment/section-faq.php, klasy
   .oai-underpayment-faq*), przeniesiony jeden do jednego do nowej,
   izolowanej przestrzeni klas .oai-denial-faq, poniewaz page-underpayment.css
   jest ladowany wylacznie na tamtej stronie. Zrodlowy komponent pozostal
   nietkniety. Natywne details/summary, plus/minus wylacznie CSS (dwa
   pseudo-elementy tworzace "+", pionowa kreska znika przy [open] zostawiajac
   "-"), brak name (kilka odpowiedzi moze byc otwartych jednoczesnie), brak
   JavaScriptu, brak CTA, brak aside - sekcja konczy sie lista pytan. */

.oai-site .oai-denial-faq {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 64px 32px;
	background: var(--oai-color-white);
}

.oai-site .oai-denial-faq__inner {
	width: 100%;
	max-width: var(--oai-container-width);
	min-width: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

.oai-site .oai-denial-faq__intro {
	min-width: 0;
	max-width: 100%;
}

.oai-site .oai-denial-faq__eyebrow {
	margin: 0 0 16px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
}

.oai-site .oai-denial-faq__title {
	margin: 0 0 20px;
	max-width: 100%;
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--oai-color-navy);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-faq__lead {
	margin: 0;
	max-width: 640px;
	font-size: 1.0625rem;
	line-height: 1.6;
	color: var(--oai-color-navy-muted);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-faq__list {
	margin: 32px 0 0;
	max-width: 960px;
	min-width: 0;
	border-top: 1px solid var(--oai-color-border);
}

.oai-site .oai-denial-faq__item {
	border-bottom: 1px solid var(--oai-color-border);
	transition: background-color var(--oai-transition-fast), border-color var(--oai-transition-fast);
}

.oai-site .oai-denial-faq__item[open] {
	background: rgba(33, 225, 253, 0.05);
	border-bottom-color: var(--oai-color-cyan);
}

.oai-site .oai-denial-faq__question {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 64px;
	max-width: 100%;
	padding: 18px 40px 18px 0;
	color: var(--oai-color-navy);
	font-weight: 700;
	font-size: 17px;
	line-height: 1.4;
	cursor: pointer;
	list-style: none;
	overflow-wrap: normal;
	word-break: normal;
}

.oai-site .oai-denial-faq__question::-webkit-details-marker {
	display: none;
}

.oai-site .oai-denial-faq__question:focus-visible {
	outline: none;
}

html[data-oai-input="keyboard"] .oai-site .oai-denial-faq__question:focus-visible {
	outline: 2px solid var(--oai-color-cyan);
	outline-offset: -2px;
}

.oai-site .oai-denial-faq__question::before,
.oai-site .oai-denial-faq__question::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 2px;
	background: var(--oai-color-cyan);
}

.oai-site .oai-denial-faq__question::before {
	width: 14px;
	height: 2px;
	margin-top: -1px;
}

.oai-site .oai-denial-faq__question::after {
	right: 8px;
	width: 2px;
	height: 14px;
	margin-top: -7px;
}

.oai-site .oai-denial-faq__item[open] .oai-denial-faq__question::after {
	opacity: 0;
}

.oai-site .oai-denial-faq__answer {
	margin: 0;
	max-width: 640px;
	padding: 0 40px 24px 0;
	color: var(--oai-color-navy-muted);
	font-size: 15px;
	line-height: 1.65;
	overflow-wrap: normal;
	word-break: normal;
}

@media (max-width: 600px) {
	.oai-site .oai-denial-faq {
		padding: 48px 24px;
	}

	.oai-site .oai-denial-faq__question {
		min-height: 52px;
		padding: 14px 32px 14px 0;
	}

	.oai-site .oai-denial-faq__answer {
		padding-right: 0;
	}
}

@media (max-width: 480px) {
	.oai-site .oai-denial-faq {
		padding: 40px 18px;
	}

	.oai-site .oai-denial-faq__title {
		font-size: 1.75rem;
		line-height: 1.12;
	}
}

@media (max-width: 360px) {
	.oai-site .oai-denial-faq {
		padding: 36px 16px;
	}
}

/* Sekcja 10: koncowe CTA, finalny kierunek "Jednolite granatowe
   zakonczenie" (bez grafiki - poprzednie warianty z tlem obrazkowym zostaly
   odrzucone: nachodzily na tekst albo nadmiernie wydluzaly sekcje). Plaskie,
   pelnoszerokosciowe granatowe tlo, jeden wspolny, wysrodkowany blok bez
   karty - ten sam ogolny jezyk co zaakceptowane koncowe CTA strony
   /zanizone-odszkodowanie/ (.oai-underpayment-final-cta: plaskie tlo, biale
   CTA/granatowy tekst, ten sam rytm paddingu 64/80px), ale bez jego
   asymetrycznego podzialu na dwie kolumny - ta sekcja ma pozostac w pelni
   wysrodkowana na kazdej szerokosci, zgodnie z wprost okreslonym finalnym
   kierunkiem. Skala typografii H2 (1.5 / 1.75 / 2rem) celowo dopasowana do
   wlasnego rytmu tej strony (identyczna jak w kazdej z Sekcji 1-9), nie do
   wiekszej skali final-cta strony o zanizonym odszkodowaniu, zeby nie
   zaburzyc spojnosci wewnatrz tej samej strony. Wlasna, izolowana klasa CTA
   - focus-visible dziedziczony z globalnej reguly `a:focus-visible` w
   main.css, bez potrzeby wlasnej reguly. */

.oai-site .oai-denial-final-cta {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 64px 32px;
	background-color: var(--oai-color-navy);
}

.oai-site .oai-denial-final-cta__inner {
	width: 100%;
	max-width: var(--oai-container-width);
	min-width: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

.oai-site .oai-denial-final-cta__content {
	min-width: 0;
	max-width: 760px;
	margin: 0 auto;
	text-align: center;
}

.oai-site .oai-denial-final-cta__eyebrow {
	margin: 0 0 16px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--oai-color-cyan);
}

.oai-site .oai-denial-final-cta__title {
	margin: 0 0 16px;
	max-width: 100%;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--oai-color-white);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-final-cta__lead {
	margin: 0 0 24px;
	max-width: 100%;
	font-size: 1rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.8);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.oai-site .oai-denial-final-cta__cta {
	background-color: var(--oai-color-white);
	color: var(--oai-color-navy);
}

.oai-site .oai-denial-final-cta__cta:hover {
	box-shadow: 0 0 0 2px var(--oai-color-cyan);
}

.oai-site .oai-denial-final-cta__note {
	margin: 16px 0 0;
	max-width: 100%;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.7);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

@media (min-width: 768px) {
	.oai-site .oai-denial-final-cta {
		padding: 80px 32px;
	}

	.oai-site .oai-denial-final-cta__title {
		font-size: 1.75rem;
	}

	.oai-site .oai-denial-final-cta__lead {
		font-size: 1.0625rem;
	}
}

@media (min-width: 1201px) {
	.oai-site .oai-denial-final-cta__title {
		font-size: 2rem;
	}
}

@media (max-width: 600px) {
	.oai-site .oai-denial-final-cta {
		padding: 48px 24px;
	}

	.oai-site .oai-denial-final-cta__cta {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.oai-site .oai-denial-final-cta {
		padding: 40px 18px;
	}
}

@media (max-width: 360px) {
	.oai-site .oai-denial-final-cta {
		padding: 36px 16px;
	}
}