/* ForexRev — szablon wpisu (forexrev-news.php), paleta E5: granat #0F4C81, akcent #1C6CB0, złoto #F2C14E (tylko na granacie) i #E3B341 (linie),
   zielony #15803D wyłącznie na przyciskach do brokera. Makieta „News” z płótna „Nowy styl ForexRev” (06.11.2026).
   Telefon najpierw; od 1024 px dwie kolumny (treść + kolumna boczna 340 px), blok .fxn-przyk przyklejony tylko, gdy okno ma ≥ 720 px wysokości.
   Klasy treści wpisów (.fx-lead, .fx-liczby, .fx-patrz, .fx-cytat, .fx-dane…) piszą automaty newsów i ostrzeżeń (od 06.11.2026 bez stylów w treści). */

.fxn {
	--fxn-granat: #0F4C81; --fxn-akcent: #1C6CB0; --fxn-tlo-ak: #EDF4FA; --fxn-tekst: #142033; --fxn-tekst2: #3A4555; --fxn-szary: #5B6676;
	--fxn-linia: #E4E9F0; --fxn-zloto-linia: #E3B341; --fxn-cta: #15803D; --fxn-czerwony: #B3261E;
	--fxn-font: 'Open Sans', fxs-os, fxs-os-r, sans-serif; --fxn-font2: Ubuntu, fxs-ub, 'Open Sans', sans-serif;
	clear: both; background: #fff; color: var(--fxn-tekst); font: 400 16.5px/1.7 var(--fxn-font);
}
.fxn *, .fxn *::before, .fxn *::after { box-sizing: border-box; }
.fxn a:focus-visible, .fxn button:focus-visible, .fxn input:focus-visible { outline: 2px solid var(--fxn-akcent); outline-offset: 2px; }
.fxn-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.fxn-wrap { max-width: 1200px; margin: 0 auto; padding: 16px 16px 48px; display: flex; flex-direction: column; gap: 32px; }
.fxn-art { min-width: 0; }

/* okruszki: jedna linia, tytuł ucięty wielokropkiem */
.fxn-okr ol { display: flex; margin: 0 0 12px; padding: 0; list-style: none; font-size: 13px; line-height: 1.5; color: var(--fxn-szary); white-space: nowrap; }
.fxn-okr li { flex: none; margin: 0; padding: 0; background: none; }
.fxn-okr li::before { content: none; }
.fxn-okr li + li::before { content: "›"; display: inline; margin: 0 6px; color: var(--fxn-szary); }
.fxn-okr li:last-child { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.fxn-okr a { color: var(--fxn-akcent); text-decoration: none; }
.fxn-okr a:hover { text-decoration: underline; }

.fxn-chip { display: inline-flex; align-items: center; margin: 0 0 12px; padding: 5px 10px; border-radius: 999px; background: var(--fxn-tlo-ak); color: var(--fxn-granat); font: 700 12px/1 var(--fxn-font); letter-spacing: .3px; text-transform: uppercase; text-decoration: none; }
.fxn-chip:hover { background: #DCEAF6; }

.fxn .fxn-h1 { margin: 0; font: 700 29px/1.2 var(--fxn-font2); letter-spacing: -.4px; color: var(--fxn-tekst); }
.fxn .fxn-h1::after { content: ""; display: block; width: 80px; height: 4px; margin-top: 16px; border-radius: 2px; background: var(--fxn-zloto-linia); }
.fxn .fxn-lead { margin: 14px 0 0; font-size: 17.5px; line-height: 1.6; color: var(--fxn-tekst2); }
.fxn .fxn-lead strong { font-weight: 600; }

.fxn-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-top: 18px; padding: 12px 0; border-top: 1px solid var(--fxn-linia); border-bottom: 1px solid var(--fxn-linia); font-size: 13px; line-height: 1.45; color: var(--fxn-szary); }
.fxn-meta-l { display: flex; flex: 1 1 0; flex-wrap: wrap; align-items: center; gap: 8px 18px; min-width: 0; }
.fxn-autor { display: flex; align-items: center; gap: 10px; }
.fxn-av { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--fxn-granat); color: #fff; font: 700 14px/1 var(--fxn-font2); }
.fxn-autor-n { display: block; color: var(--fxn-tekst); font-weight: 700; font-size: 14.5px; text-decoration: none; }
.fxn-autor-n:hover { text-decoration: underline; }
.fxn-autor-r { display: block; }
.fxn .fxn-czas { display: inline-flex; align-items: flex-start; gap: 6px; margin: 0; }
.fxn-czas svg { flex: none; margin-top: 2px; }

/* udostępnianie: zwykłe linki; na telefonie (Web Share) news.js zamienia ikony na jeden przycisk */
.fxn-dziel { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.fxn-meta .fxn-dziel { width: 100%; }
.fxn-ikb { display: grid; place-items: center; width: 36px; height: 36px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 1px var(--fxn-linia); color: var(--fxn-granat); cursor: pointer; text-decoration: none; }
.fxn-ikb:hover { box-shadow: inset 0 0 0 1px var(--fxn-akcent); color: var(--fxn-akcent); }
.fxn-ikb.fxn-ok { box-shadow: inset 0 0 0 2px var(--fxn-cta); color: var(--fxn-cta); }
.fxn-dziel-btn { display: inline-flex; align-items: center; gap: 8px; height: 40px; margin: 0; padding: 0 16px; border: 0; border-radius: 10px; background: #fff; box-shadow: inset 0 0 0 1px #A3C2E0; color: var(--fxn-granat); font: 700 14px/1 var(--fxn-font); cursor: pointer; }
.fxn-dziel-btn[hidden], .fxn-dziel-sys .fxn-ikb { display: none; }
.fxn-dziel-kon { margin-top: 28px; padding: 14px 0; border-top: 1px solid var(--fxn-linia); border-bottom: 1px solid var(--fxn-linia); gap: 10px; }
.fxn .fxn-dziel-h { margin: 0 6px 0 0; font: 700 16px/1.3 var(--fxn-font2); color: var(--fxn-tekst); }

.fxn-img { margin: 18px 0 0; }
.fxn-img-i { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 12px; background: var(--fxn-tlo-ak); }
.fxn-img figcaption { margin-top: 8px; font-size: 12.5px; color: var(--fxn-szary); }

/* ---------- treść wpisu ---------- */
.fxn-tresc { margin-top: 22px; max-width: 720px; color: var(--fxn-tekst); font-size: 16.5px; line-height: 1.7; overflow-wrap: break-word; }
.fxn-tresc :where(p) { margin: 0 0 18px; }
/* motyw i wtyczki ustawiają akapitom i listom własny rozmiar (np. 14 px) — w treści wpisu dziedziczą rozmiar kolumny.
   Reguły elementów treści przez :where() — waga jednej klasy, więc komponenty wstawione w treść (karta brokera na telefonie) wygrywają. */
.fxn-tresc :where(p, li, td, th, dd, dt) { font-size: inherit; line-height: inherit; }
.fxn-tresc :where(h2) { margin: 34px 0 14px; font: 700 22px/1.25 var(--fxn-font2); letter-spacing: -.2px; color: var(--fxn-tekst); }
.fxn-tresc :where(h3) { margin: 26px 0 10px; font: 700 18.5px/1.3 var(--fxn-font2); color: var(--fxn-tekst); }
.fxn-tresc :where(h4) { margin: 22px 0 8px; font: 700 16.5px/1.35 var(--fxn-font2); color: var(--fxn-tekst); }
.fxn-tresc :where(ul, ol) { margin: 0 0 18px; padding-left: 22px; }
.fxn-tresc :where(li) { margin: 0 0 6px; }
.fxn-tresc :where(li)::marker { color: var(--fxn-akcent); }
.fxn-tresc :where(a) { color: var(--fxn-akcent); text-decoration: underline; text-underline-offset: 2px; }
.fxn-tresc :where(a):hover { color: var(--fxn-granat); }
.fxn-tresc :where(img) { max-width: 100%; height: auto; }
.fxn-tresc :where(figure) { margin: 26px 0; max-width: 100%; }
.fxn-tresc :where(figcaption) { margin-top: 6px; font-size: 13px; color: var(--fxn-szary); }
.fxn-tresc :where(hr) { height: 1px; margin: 30px 0; border: 0; background: var(--fxn-linia); }
.fxn-tresc :where(blockquote) { margin: 26px 0; padding: 4px 0 4px 20px; border: 0; border-left: 3px solid var(--fxn-zloto-linia); background: none; font-size: 18px; font-style: italic; line-height: 1.6; color: var(--fxn-tekst); }
.fxn-tresc :where(blockquote p) { margin: 0 0 8px; }
.fxn-tresc :where(blockquote cite) { display: block; font-size: 14px; font-style: normal; color: var(--fxn-szary); }
.fxn-tresc :where(table) { width: 100%; border-collapse: collapse; font-size: 15px; }
.fxn-tresc :where(th, td) { padding: 9px 12px; border-bottom: 1px solid var(--fxn-linia); text-align: left; vertical-align: top; }
.fxn-tresc :where(th) { background: var(--fxn-tlo-ak); font-weight: 700; border-bottom: 2px solid var(--fxn-zloto-linia); }

/* ramki z automatów */
.fxn-tresc .fx-liczby, .fxn-tresc .fx-ramka { margin: 0 0 28px; padding: 20px 22px; border-radius: 14px; background: #FBF7EC; box-shadow: inset 4px 0 0 var(--fxn-zloto-linia); }
.fxn-tresc .fx-ramka-ostrz { margin: 0 0 28px; padding: 20px 22px; border-radius: 14px; background: #FDF3F2; box-shadow: inset 4px 0 0 var(--fxn-czerwony); }
.fxn-tresc .fx-liczby h2, .fxn-tresc .fx-ramka h2, .fxn-tresc .fx-ramka-ostrz h2, .fxn-tresc .fx-patrz h2 { margin: 0 0 12px; font: 700 18px/1.3 var(--fxn-font2); letter-spacing: 0; text-transform: none; color: var(--fxn-tekst); }
.fxn-tresc .fx-liczby ul { display: grid; gap: 10px 24px; margin: 0; padding: 0; list-style: none; }
.fxn-tresc .fx-liczby li { margin: 0; font-size: 15px; line-height: 1.5; color: var(--fxn-tekst2); }
.fxn-tresc .fx-liczby li strong { font: 700 18px/1.3 var(--fxn-font2); color: var(--fxn-granat); }
.fxn-tresc .fx-ramka ul, .fxn-tresc .fx-ramka-ostrz ul { margin: 0; padding-left: 20px; font-size: 15.5px; line-height: 1.6; }
.fxn-tresc .fx-patrz { margin: 8px 0 26px; padding: 20px 22px; border-radius: 14px; background: var(--fxn-tlo-ak); }
.fxn-tresc .fx-patrz ul { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.fxn-tresc .fx-patrz li { position: relative; margin: 0; padding-left: 34px; font-size: 16px; line-height: 1.5; }
.fxn-tresc .fx-patrz li::before { content: ""; position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-radius: 50%;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C6CB0' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / 14px no-repeat; }
.fxn-tresc .fx-cytat { margin: 28px 0; }
.fxn-tresc .fx-wykres img { display: block; width: 100%; border: 1px solid var(--fxn-linia); border-radius: 8px; }
.fxn-tresc .fx-embed { margin: 26px 0; }
.fxn-tresc .fx-update { margin: 0 0 24px; padding: 14px 18px; border-radius: 12px; background: #FFF8E6; box-shadow: inset 4px 0 0 var(--fxn-zloto-linia); }
.fxn-tresc .fx-update p { margin: 0; }
.fxn-tresc .fx-update-zr, .fxn-tresc .fx-nca { font-weight: 400; color: var(--fxn-szary); }
.fxn-tresc .fx-update-zr { font-size: 14px; }
.fxn-tresc .fx-podmiot { margin: 0 0 14px; padding: 14px 18px; border: 1px solid var(--fxn-linia); border-left: 4px solid var(--fxn-czerwony); border-radius: 0 10px 10px 0; }
.fxn-tresc .fx-podmiot h4 { margin: 0 0 6px; }
.fxn-tresc .fx-podmiot p { margin: 0 0 8px; }
.fxn-tresc .fx-podmiot ul { margin: 0; padding-left: 18px; font-size: 15px; line-height: 1.6; }
.fxn-tresc .fx-zrodla { font-size: 14px; color: var(--fxn-szary); }
.fxn-tresc .fx-zastrz { font-size: 13px; font-style: italic; line-height: 1.55; color: var(--fxn-szary); }
.fxn-tresc .fx-dane { margin: 0 0 28px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.fxn-tresc .fx-dane table { font-variant-numeric: tabular-nums; }
.fxn-tresc .fx-dane th, .fxn-tresc .fx-dane td { text-align: right; white-space: nowrap; }
.fxn-tresc .fx-dane th:first-child, .fxn-tresc .fx-dane td:first-child { text-align: left; white-space: normal; }
.fxn-tresc .fx-poprz { color: var(--fxn-szary); }
.fxn-tresc .fx-gora { color: var(--fxn-cta); font-weight: 700; }
.fxn-tresc .fx-dol { color: var(--fxn-czerwony); font-weight: 700; }
/* FAQ (wtyczka Structured Content: sekcje .sc_fs_faq z h3 i odpowiedzią) */
.fxn-tresc .sc_fs_faq { margin: 0; padding: 14px 0; border: 0; border-top: 1px solid var(--fxn-linia); border-radius: 0; background: none; box-shadow: none; }
.fxn-tresc .sc_fs_faq:last-of-type { border-bottom: 1px solid var(--fxn-linia); margin-bottom: 18px; }
.fxn-tresc .sc_fs_faq h3 { margin: 0 0 6px; font-size: 17px; }
.fxn-tresc .sc_fs_faq p { margin: 0; color: var(--fxn-tekst2); }

/* ---------- pod artykułem ---------- */
.fxn-autorbox { display: flex; align-items: flex-start; gap: 16px; margin-top: 28px; padding: 20px; border-radius: 16px; box-shadow: inset 0 0 0 1px var(--fxn-linia); }
.fxn-av-d { width: 56px; height: 56px; font-size: 18px; }
.fxn-autorbox p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--fxn-tekst2); }
.fxn .fxn-autorbox-et { font-size: 13px; font-weight: 700; color: var(--fxn-szary); }
.fxn .fxn-autorbox-n { margin: 0 0 4px; }
.fxn-autorbox-n a { font: 700 17px/1.3 var(--fxn-font2); color: var(--fxn-tekst); text-decoration: none; }
.fxn-autorbox a { color: var(--fxn-akcent); }
.fxn .fxn-ai { display: flex; align-items: center; gap: 8px; margin: 12px 0 0; font-size: 13px; color: var(--fxn-szary); }
.fxn-ai span { flex: none; display: inline-grid; place-items: center; width: 16px; height: 16px; border: 1.5px solid currentColor; border-radius: 50%; font: italic 700 11px/1 Georgia, serif; }
.fxn-art > .fxn-obs { margin-top: 24px; }
.fxn-reklama { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-top: 28px; }
.fxn-reklama-et { font-size: 11px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--fxn-szary); }
.fxn-reklama img { max-width: 100%; height: auto; }

.fxn-pow { margin-top: 32px; }
.fxn .fxn-sekcja-h { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; font: 700 21px/1.2 var(--fxn-font2); color: var(--fxn-tekst); }
.fxn .fxn-sekcja-h::before { content: ""; flex: none; width: 5px; height: 22px; border-radius: 3px; background: var(--fxn-zloto-linia); }
.fxn-pow ul { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.fxn-pow li { margin: 0; padding: 0; background: none; }
.fxn-pow li::before { content: none; }
.fxn-pow a { display: grid; grid-template-columns: 110px minmax(0, 1fr); align-items: start; gap: 12px; color: var(--fxn-tekst); text-decoration: none; }
.fxn-pow-img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 10px; background: var(--fxn-tlo-ak); }
.fxn-pow b { display: block; font: 700 15.5px/1.35 var(--fxn-font2); }
.fxn-pow a:hover b { text-decoration: underline; }
.fxn-pow time { display: block; margin-top: 4px; font-size: 12.5px; color: var(--fxn-szary); }
.fxn-art .comments-area, .fxn-art #comments { margin-top: 32px; }
.fxn .fxn-edycja { margin: 16px 0 0; font-size: 13px; }

/* ---------- kolumna boczna ---------- */
.fxn-bok { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.fxn-przyk { display: flex; flex-direction: column; gap: 16px; }
.fxn .fxn-karta { display: flex; flex-direction: column; gap: 12px; padding: 18px; border-radius: 16px; background: #fff; box-shadow: 0 0 0 1px var(--fxn-linia), 0 8px 24px rgba(15, 30, 50, .06); }
.fxn .fxn-et { display: flex; align-items: center; gap: 10px; margin: 0; font: 700 17px/1.3 var(--fxn-font2); letter-spacing: 0; text-transform: none; color: var(--fxn-tekst); }
.fxn .fxn-et-ik { flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: var(--fxn-tlo-ak); color: var(--fxn-akcent); }
.fxn .fxn-lnk { font: 700 14px/1.3 var(--fxn-font); color: var(--fxn-akcent); text-decoration: none; }
.fxn .fxn-lnk:hover { text-decoration: underline; }

.fxn .fxn-br { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.fxn .fxn-br-marka { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; color: var(--fxn-tekst); font: 700 17px/1.2 var(--fxn-font2); text-decoration: none; }
.fxn .fxn-br-marka:hover span { text-decoration: underline; }
/* logo w rozmiarze optycznym z fxrk_logo() (--lw/--lh) — także w karcie wstawionej w treść, gdzie motyw rozciąga obrazy */
.fxn .fxn-br-logo { display: block; width: calc(var(--lw, 112) * 1px); max-width: 100%; height: auto; }
.fxn .fxn-top-img { display: block; height: auto; }
.fxn .fxrk-logo-ciemne { border-radius: 6px; }
.fxn .fxrk-logo-ramka { border: 1px solid var(--fxn-linia); border-radius: 6px; object-fit: contain; }
.fxn .fxn-ocena { flex: none; display: grid; place-content: center; width: 60px; height: 60px; border-radius: 50%; background: var(--fxn-granat); color: #fff; text-align: center; box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--fxn-zloto-linia); }
.fxn .fxn-ocena b { font: 700 21px/1 var(--fxn-font2); }
.fxn .fxn-ocena small { font-size: 9.5px; line-height: 1.4; }
.fxn .fxn-fakty { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0; padding: 0; list-style: none; }
.fxn .fxn-fakty li { margin: 0; padding: 8px 10px; border-radius: 10px; background: #F1F6FA; font-size: 12px; line-height: 1.35; color: var(--fxn-szary); }
.fxn .fxn-fakty li::before { content: none; }
.fxn .fxn-fakty b { display: block; font-size: 13.5px; color: var(--fxn-tekst); }
.fxn .fxn-cta { display: grid; place-items: center; min-height: 46px; padding: 6px 14px; border-radius: 10px; background: var(--fxn-cta); box-shadow: 0 2px 0 #0E5E2C; color: #fff; font: 700 15px/1.25 var(--fxn-font); text-align: center; text-decoration: none; }
.fxn .fxn-cta:hover { background: #166534; color: #fff; }
.fxn .fxn-rec { display: grid; place-items: center; min-height: 42px; padding: 6px 14px; border-radius: 10px; box-shadow: inset 0 0 0 1px #A3C2E0; color: var(--fxn-granat); font: 700 14px/1.25 var(--fxn-font); text-align: center; text-decoration: none; }
.fxn .fxn-rec:hover { background: var(--fxn-tlo-ak); }
.fxn .fxn-ryz { margin: 0; font-size: 11.5px; line-height: 1.45; color: var(--fxn-szary); }

.fxn .fxn-top ol { margin: 0; padding: 0; list-style: none; }
.fxn .fxn-top li { margin: 0; padding: 0; background: none; }
.fxn .fxn-top li::before { content: none; }
.fxn .fxn-top li a { display: grid; grid-template-columns: 18px 64px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--fxn-linia); color: var(--fxn-tekst); font-size: 14px; text-decoration: none; }
.fxn .fxn-top li:last-child a { border-bottom: 0; }
.fxn .fxn-top li a:hover .fxn-top-nazwa { text-decoration: underline; }
.fxn .fxn-top-nr { font: 700 14px/1 var(--fxn-font2); color: var(--fxn-granat); }
.fxn .fxn-top-logo { display: flex; align-items: center; }
.fxn .fxn-top-img { width: auto; max-width: 64px; max-height: 22px; }
.fxn .fxn-top-nazwa { font: 700 14px/1.25 var(--fxn-font2); }
.fxn .fxn-top-ocena { font: 700 15px/1 var(--fxn-font2); color: var(--fxn-granat); }

.fxn-lista { margin: 0; padding: 0; list-style: none; }
.fxn-lista li { margin: 0; padding: 0; background: none; }
.fxn-lista li::before { content: none; }
.fxn-lista a { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--fxn-linia); color: var(--fxn-tekst); text-decoration: none; }
.fxn-lista li:first-child a { padding-top: 0; }
.fxn-lista li:last-child a { border-bottom: 0; padding-bottom: 0; }
.fxn-lista a:hover b { text-decoration: underline; }
.fxn-min { flex: none; display: block; width: 76px; height: 50px; object-fit: cover; border-radius: 8px; background: var(--fxn-tlo-ak); }
.fxn-trojkat { flex: none; margin-top: 1px; }
.fxn-lista b { display: block; font: 700 14px/1.35 var(--fxn-font2); }
.fxn-lista time { display: block; margin-top: 3px; font-size: 12px; color: var(--fxn-szary); }

.fxn-ebook-a { display: block; color: var(--fxn-tekst2); font-size: 13px; line-height: 1.45; text-decoration: none; }
.fxn-ebook-a.fxn-z-obrazem { display: grid; grid-template-columns: 120px minmax(0, 1fr); align-items: center; gap: 14px; }
.fxn-ebook-img { display: block; width: 120px; height: 90px; object-fit: cover; border-radius: 8px; }
.fxn-ebook-a b { display: block; font: 700 15px/1.3 var(--fxn-font2); color: var(--fxn-tekst); }
.fxn-ebook-btn { color: var(--fxn-akcent); font-weight: 700; }
.fxn-ebook-a:hover .fxn-ebook-btn { text-decoration: underline; }
.fxn-partner { align-items: center; }
.fxn-partner .fxn-et { align-self: stretch; }
.fxn-partner img { display: block; width: 220px; max-width: 100%; height: auto; border-radius: 10px; }

.fxn-sprawdz { display: flex; flex-direction: column; gap: 10px; padding: 18px; border-radius: 16px; background: var(--fxn-tlo-ak); font-size: 13.5px; line-height: 1.5; color: var(--fxn-tekst2); }
.fxn .fxn-sprawdz-h { margin: 0; font: 700 17px/1.3 var(--fxn-font2); letter-spacing: 0; text-transform: none; color: var(--fxn-tekst); }
.fxn-sprawdz p { margin: 0; }
.fxn-pole { display: flex; align-items: center; gap: 8px; height: 46px; margin: 0; padding: 0 4px 0 12px; border-radius: 10px; background: #fff; box-shadow: inset 0 0 0 2px var(--fxn-zloto-linia); color: var(--fxn-szary); }
.fxn-pole:focus-within { box-shadow: inset 0 0 0 2px var(--fxn-akcent); }
.fxn-pole svg { flex: none; }
.fxn .fxn-pole input { flex: 1; min-width: 0; height: 100%; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; font: 400 14px/1 var(--fxn-font); color: var(--fxn-tekst); outline: none; }
.fxn-pole button { flex: none; height: 38px; margin: 0; padding: 0 14px; border: 0; border-radius: 8px; background: var(--fxn-granat); color: #fff; font: 700 13px/1 var(--fxn-font); cursor: pointer; }
.fxn-pole button:hover { background: #0A3A63; }

.fxn-obs p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--fxn-tekst2); }
.fxn-obs-btn { display: flex; gap: 10px; }
.fxn-obs-btn a { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; height: 44px; border-radius: 10px; color: #fff; font: 700 14px/1 var(--fxn-font); text-decoration: none; }
.fxn-obs-btn a:hover { opacity: .9; color: #fff; }
.fxn-fb { background: #0866FF; }
.fxn-xb { background: #0F1419; }

/* ---------- widoczność i układ ---------- */
.fxn-wstawka { margin: 4px 0 28px; }
@media (max-width: 1023.98px) {
	.fxn .fxn-tylko-komp { display: none; }
	/* telefon: ranking (gdy wyżej był broker), „Sprawdź brokera”, potem eBook i partner */
	.fxn-bok > .fxn-ebook, .fxn-bok > .fxn-partner { order: 2; }
	.fxn-bok > .fxn-przyk { order: 1; }
}
@media (min-width: 768px) {
	.fxn .fxn-h1 { font-size: 36px; line-height: 1.15; }
	.fxn .fxn-lead { font-size: 19px; }
	.fxn-meta .fxn-dziel { flex: none; width: auto; margin-left: auto; }
	.fxn-pow ul { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
	.fxn-pow a { display: flex; flex-direction: column; gap: 8px; }
}
@media (min-width: 1024px) {
	.fxn .fxn-tylko-tel { display: none; }
	.fxn-wrap { display: grid; grid-template-columns: minmax(0, 1fr) 340px; align-items: stretch; gap: 44px; padding: 24px 20px 64px; }
	.fxn .fxn-h1 { font-size: 40px; }
	.fxn .fxn-lead { margin-top: 16px; font-size: 20px; }
	.fxn-meta { font-size: 13.5px; }
	.fxn-img { margin-top: 22px; }
	.fxn-img-i { border-radius: 16px; }
	.fxn-tresc { margin-top: 26px; font-size: 17px; }
	.fxn-tresc h2 { font-size: 26px; }
}
@media (min-width: 1024px) and (min-height: 720px) {
	.fxn-przyk { position: sticky; top: 24px; }
}