/* Sklep szkolen z certyfikatem: szata stron www.goaml.pl i www.gorodo.pl (projekt-www-sites).
   Kolory marki ustawia layout (--sk-primary, --sk-secondary), fonty i logo leza w tym katalogu. */

@font-face { font-family: "Instrument Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/instrument-sans-400.woff2") format("woff2"); }
@font-face { font-family: "Instrument Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/instrument-sans-500.woff2") format("woff2"); }
@font-face { font-family: "Instrument Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/instrument-sans-600.woff2") format("woff2"); }

:root {
	--sk-primary: #2563eb;
	--sk-secondary: #0f172a;
	--sk-slate-50: #f8fafc;
	--sk-slate-100: #f1f5f9;
	--sk-slate-200: #e2e8f0;
	--sk-slate-300: #cbd5e1;
	--sk-slate-400: #94a3b8;
	--sk-slate-500: #64748b;
	--sk-slate-600: #475569;
	--sk-slate-700: #334155;
	--sk-slate-900: #0f172a;
	--sk-tint: color-mix(in srgb, var(--sk-primary) 10%, transparent);
	--sk-tint-soft: color-mix(in srgb, var(--sk-primary) 5%, white);
	--sk-ring: color-mix(in srgb, var(--sk-primary) 30%, transparent);
	--sk-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body.sk {
	margin: 0;
	background: #fff;
	color: var(--sk-slate-900);
	font-family: "Instrument Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
	font-size: 16px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}
.sk img { max-width: 100%; height: auto; }
.sk a { color: var(--sk-primary); text-decoration: none; }
.sk a:hover { opacity: .85; }
.sk h1, .sk h2, .sk h3, .sk p { margin: 0; }
.sk-ico, .sk .pf-ico { width: 1.25rem; height: 1.25rem; flex: none; }
.sk-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* naglowek */
.sk-header { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid var(--sk-slate-100); background: rgb(255 255 255 / .8); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.sk-header-inner { max-width: 80rem; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 1rem 1.5rem; }
.sk-logo { display: flex; flex: none; align-items: center; }
.sk-logo img { height: 2.25rem; width: auto; }
.sk-nav { display: none; min-width: 0; align-items: center; gap: 1.25rem; }
.sk-nav a, .sk-mobile-nav a { white-space: nowrap; font-size: .875rem; font-weight: 500; color: var(--sk-slate-600); transition: color .15s; }
.sk-nav a:hover, .sk-mobile-nav a:hover { color: var(--sk-primary); opacity: 1; }
.sk-btn.sk-header-cta { display: none; }
.sk-menu { position: static; }
.sk-menu > summary { list-style: none; display: inline-flex; padding: .5rem; border-radius: .5rem; color: var(--sk-slate-600); cursor: pointer; }
.sk-menu > summary::-webkit-details-marker { display: none; }
.sk-menu > summary svg { width: 1.5rem; height: 1.5rem; }
.sk-menu .sk-menu-close, .sk-menu[open] .sk-menu-open { display: none; }
.sk-menu[open] .sk-menu-close { display: block; }
.sk-mobile-nav { position: absolute; left: 0; right: 0; top: 100%; display: flex; flex-direction: column; gap: 1rem; padding: 1rem 1.5rem 1.25rem; background: #fff; border-top: 1px solid var(--sk-slate-100); border-bottom: 1px solid var(--sk-slate-100); box-shadow: 0 10px 15px -3px rgb(0 0 0 / .08); }
.sk-mobile-nav a { font-size: 1rem; color: var(--sk-slate-700); }
.sk-mobile-nav .sk-btn { margin-top: .5rem; color: #fff; }
@media (min-width: 1280px) {
	.sk-header-inner { padding: 1rem 2rem; }
	.sk-nav { display: flex; }
	.sk-btn.sk-header-cta { display: inline-flex; }
	.sk-menu { display: none; }
}

/* przyciski */
.sk-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; border: 0; border-radius: 9999px; background: var(--sk-primary); color: #fff !important; padding: .875rem 1.75rem; font: inherit; font-size: 1rem; font-weight: 600; line-height: 1.5rem; cursor: pointer; box-shadow: 0 10px 15px -3px color-mix(in srgb, var(--sk-primary) 25%, transparent), 0 4px 6px -4px color-mix(in srgb, var(--sk-primary) 25%, transparent); transition: opacity .15s; text-align: center; }
.sk-btn:hover { opacity: .9; }
.sk-btn:focus-visible { outline: 3px solid var(--sk-ring); outline-offset: 2px; }
.sk-btn-sm { padding: .625rem 1.25rem; font-size: .875rem; box-shadow: var(--sk-shadow-sm); }
.sk-btn-outline { background: #fff; color: var(--sk-secondary) !important; box-shadow: inset 0 0 0 1px var(--sk-slate-300); }
.sk-btn-outline:hover { box-shadow: inset 0 0 0 1px var(--sk-primary); opacity: 1; }
.sk-btn-block { width: 100%; }

/* naglowek strony */
.sk-hero { position: relative; overflow: hidden; background: var(--sk-slate-50); }
.sk-hero::before { content: ""; position: absolute; left: 50%; top: -10rem; width: 36rem; height: 36rem; transform: translateX(-50%); border-radius: 9999px; background: var(--sk-tint); filter: blur(64px); pointer-events: none; }
.sk-hero-inner { position: relative; max-width: 48rem; margin: 0 auto; padding: 3.5rem 1.5rem 3rem; text-align: center; }
.sk-eyebrow { display: inline-flex; align-items: center; border-radius: 9999px; background: var(--sk-tint); padding: .375rem 1rem; font-size: .875rem; font-weight: 600; color: var(--sk-primary); }
.sk-title { margin-top: 1.25rem !important; font-size: 1.875rem; line-height: 1.2; font-weight: 800; letter-spacing: -.025em; color: var(--sk-secondary); }
.sk-lead { margin: 1.25rem auto 0 !important; max-width: 40rem; font-size: 1.125rem; line-height: 1.65; color: var(--sk-slate-600); }
@media (min-width: 640px) { .sk-title { font-size: 3rem; } .sk-hero-inner { padding: 4.5rem 2rem 4rem; } }

/* tresc */
.sk-main { background: var(--sk-slate-50); padding: 0 0 5rem; }
.sk-container { max-width: 48rem; margin: 0 auto; padding: 0 1rem; }
@media (min-width: 640px) { .sk-container { padding: 0 1.5rem; } }
.sk-stack > * + * { margin-top: 1.5rem; }

.sk-card { background: #fff; border-radius: 1rem; box-shadow: var(--sk-shadow-sm), 0 0 0 1px var(--sk-slate-200); padding: 1.25rem; }
@media (min-width: 640px) { .sk-card { padding: 2rem; } }
.sk-card-title { display: flex; align-items: center; gap: .75rem; font-size: 1.25rem; line-height: 1.3; font-weight: 700; color: var(--sk-secondary); margin-bottom: 1.25rem !important; }
.sk-card-title .sk-ico-box { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: .75rem; background: var(--sk-tint); color: var(--sk-primary); }
.sk-text { font-size: .9375rem; line-height: 1.6; color: var(--sk-slate-600); }
.sk-hint { font-size: .875rem; line-height: 1.55; color: var(--sk-slate-500); }
.sk-divider { border: 0; border-top: 1px solid var(--sk-slate-100); margin: 1.5rem 0; }

/* kroki */
.sk-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; counter-reset: krok; }
.sk-steps li { display: flex; gap: .875rem; align-items: flex-start; font-size: .9375rem; line-height: 1.55; color: var(--sk-slate-600); }
.sk-steps li::before { counter-increment: krok; content: counter(krok); display: inline-flex; flex: none; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 9999px; background: var(--sk-primary); color: #fff; font-weight: 600; font-size: .875rem; }
@media (min-width: 768px) { .sk-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; } .sk-steps li { flex-direction: column; } }

/* wybor szkolenia */
.sk-choices { display: grid; gap: .75rem; }
.sk-choice { display: flex; gap: .875rem; align-items: flex-start; padding: 1rem 1.125rem; border-radius: 1rem; background: #fff; box-shadow: inset 0 0 0 1px var(--sk-slate-200); cursor: pointer; transition: box-shadow .15s, background .15s; }
.sk-choice:hover { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sk-primary) 40%, transparent); }
.sk-choice:has(input:checked) { background: var(--sk-tint-soft); box-shadow: inset 0 0 0 2px var(--sk-primary); }
.sk-choice-name { display: block; font-size: 1rem; font-weight: 700; color: var(--sk-secondary); }
.sk-choice-price { display: block; margin-top: .125rem; font-size: .9375rem; font-weight: 600; color: var(--sk-primary); }
.sk-choice .sk-hint { display: block; margin-top: .375rem; }
.sk-check { flex: none; width: 1.25rem; height: 1.25rem; margin: .125rem 0 0; accent-color: var(--sk-primary); cursor: pointer; }
.sk-option { display: flex; gap: .75rem; align-items: flex-start; margin-top: 1rem; font-size: .9375rem; color: var(--sk-slate-700); cursor: pointer; }

/* pola formularza */
.sk-legend { margin-bottom: 1rem !important; font-size: .875rem; color: var(--sk-slate-500); }
.sk-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1rem; }
.sk-grid > * { grid-column: span 12; min-width: 0; }
.sk-grid > .sk-c5 { grid-column: span 5; }
.sk-grid > .sk-c7 { grid-column: span 7; }
@media (min-width: 768px) {
	.sk-grid > .sk-md2 { grid-column: span 2; }
	.sk-grid > .sk-md3 { grid-column: span 3; }
	.sk-grid > .sk-md4 { grid-column: span 4; }
	.sk-grid > .sk-md5 { grid-column: span 5; }
	.sk-grid > .sk-md6 { grid-column: span 6; }
	.sk-grid > .sk-md8 { grid-column: span 8; }
}
.sk-label { display: block; font-size: .875rem; font-weight: 600; color: var(--sk-slate-700); }
.sk-input { display: block; width: 100%; margin-top: .375rem; border: 1px solid var(--sk-slate-300); border-radius: .75rem; background: #fff; padding: .75rem 1rem; font: inherit; font-size: 1rem; line-height: 1.5rem; color: var(--sk-slate-900); box-shadow: var(--sk-shadow-sm); transition: border-color .15s, box-shadow .15s; }
.sk-input::placeholder { color: var(--sk-slate-400); }
.sk-input:focus { outline: none; border-color: var(--sk-primary); box-shadow: 0 0 0 3px var(--sk-ring); }
.sk-input.is-invalid { border-color: #dc2626; }
.sk-participants { display: grid; gap: .75rem; }
.sk-participant { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: .5rem; padding: .75rem; border-radius: 1rem; background: var(--sk-slate-50); }
.sk-participant > * { grid-column: span 12; min-width: 0; }
.sk-participant .sk-input { margin-top: 0; }
@media (min-width: 768px) {
	.sk-participant { padding: 0; background: transparent; }
	.sk-participant > .sk-md3 { grid-column: span 3; }
	.sk-participant > .sk-md4 { grid-column: span 4; }
	.sk-participant > .sk-md5 { grid-column: span 5; }
}
.sk-error, .sk .pf-error { display: flex; gap: .375rem; align-items: flex-start; margin-top: .375rem; font-size: .875rem; color: #dc2626; }
.sk-error .sk-ico, .sk .pf-error .pf-ico { width: 1rem; height: 1rem; margin-top: .15rem; }
.sk-consent { display: flex; gap: .75rem; align-items: flex-start; font-size: .875rem; line-height: 1.55; color: var(--sk-slate-600); }
.sk-consent label { cursor: pointer; }
.sk-add { margin-top: 1rem; }

/* kwota i podsumowanie */
.sk-price { display: flex; flex-direction: column; gap: .25rem; padding: 1.5rem; border-radius: 1rem; background: var(--sk-secondary); color: #fff; }
.sk-price-label { font-size: .875rem; color: rgb(255 255 255 / .75); }
.sk-price-value { font-size: 1.875rem; line-height: 1.2; font-weight: 800; letter-spacing: -.02em; }
.sk-price-gross { font-size: .875rem; color: rgb(255 255 255 / .8); }
.sk-actions { display: flex; flex-direction: column; gap: 1rem; align-items: stretch; }
.sk-actions-note { font-size: .875rem; color: var(--sk-slate-500); }
@media (min-width: 640px) { .sk-actions { flex-direction: row; align-items: center; justify-content: space-between; } .sk-actions .sk-btn { flex: none; } }
.sk-summary { width: 100%; border-collapse: collapse; font-size: .9375rem; }
.sk-summary td { padding: .625rem 0; border-bottom: 1px solid var(--sk-slate-100); color: var(--sk-slate-600); vertical-align: top; }
.sk-summary td:last-child { padding-left: 1rem; text-align: right; white-space: nowrap; color: var(--sk-slate-900); }
.sk-summary tr:last-child td { border-bottom: 0; padding-top: 1rem; font-size: 1.125rem; font-weight: 700; color: var(--sk-secondary); }
.sk-order-name { font-size: 1.125rem; font-weight: 700; color: var(--sk-secondary); }

/* komunikaty */
.sk-result { text-align: center; }
.sk-result-icon { display: inline-flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; border-radius: 9999px; background: #dcfce7; color: #16a34a; }
.sk-result-icon .pf-ico { width: 2rem; height: 2rem; }
.sk-result-title { margin-top: 1.25rem !important; font-size: 1.5rem; line-height: 1.3; font-weight: 700; color: var(--sk-secondary); }
.sk-result-text { margin-top: .75rem !important; font-size: 1rem; line-height: 1.6; color: var(--sk-slate-600); }
.sk-result-info .sk-result-icon { background: var(--sk-tint); color: var(--sk-primary); }
.sk-result-warning .sk-result-icon { background: #fef3c7; color: #d97706; }
/* pasek postepu bez wartosci ("Przetwarzamy Twoje zamowienie"); bez animacji przy prefers-reduced-motion */
.sk-postep { position: relative; height: .375rem; max-width: 20rem; margin: 1.25rem auto 0; border-radius: 9999px; overflow: hidden; background: var(--sk-tint); }
.sk-postep > span { position: absolute; top: 0; bottom: 0; left: 0; width: 40%; border-radius: 9999px; background: var(--sk-primary); animation: sk-postep 1.6s ease-in-out infinite; }
@keyframes sk-postep { from { transform: translateX(-100%); } to { transform: translateX(250%); } }
@media (prefers-reduced-motion: reduce) { .sk-postep > span { animation: none; width: 100%; opacity: .45; } }
.sk-alert { border-radius: .75rem; background: #fef2f2; padding: .75rem 1rem; font-size: .875rem; font-weight: 500; color: #b91c1c; box-shadow: inset 0 0 0 1px #fecaca; }
.sk-alert.sk-alert-warn { background: #fffbeb; color: #92400e; box-shadow: inset 0 0 0 1px #fde68a; }
.sk-alert.sk-alert-ok { background: #f0fdf4; color: #166534; box-shadow: inset 0 0 0 1px #bbf7d0; }
.sk-alert[hidden] { display: none; }
/* NIP z przyciskiem "Pobierz dane po NIP" */
.sk-nip { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .75rem; margin-top: .375rem; }
.sk-nip .sk-input { margin-top: 0; flex: 0 1 16rem; }
.sk-nip .sk-btn { flex: none; }
.sk-nip .sk-btn[hidden] { display: none; }
.sk-nip .sk-btn:disabled { opacity: .6; cursor: progress; }
.sk-nip-komunikat { margin-top: .5rem; }

/* stopka */
.sk-footer { border-top: 1px solid var(--sk-slate-100); background: linear-gradient(to bottom, var(--sk-slate-50), #fff); }
.sk-footer-inner { max-width: 80rem; margin: 0 auto; padding: 4rem 1.5rem 2rem; }
.sk-footer-grid { display: grid; gap: 3rem; }
.sk-footer-logo img { height: 2.25rem; width: auto; }
.sk-footer-tagline { margin-top: 1rem !important; max-width: 24rem; font-size: .875rem; line-height: 1.65; color: var(--sk-slate-500); }
.sk-contact { list-style: none; margin: 1.5rem 0 0; padding: 0; display: grid; gap: .75rem; font-size: .875rem; color: var(--sk-slate-600); }
.sk-contact li { display: flex; align-items: center; gap: .75rem; }
.sk-contact a { color: var(--sk-slate-600); }
.sk-contact a:hover { color: var(--sk-primary); opacity: 1; }
.sk-contact-ico { display: flex; flex: none; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 9999px; background: var(--sk-tint); color: var(--sk-primary); }
.sk-contact-ico svg { width: 1rem; height: 1rem; }
.sk-footer-cols { display: flex; flex-wrap: wrap; gap: 2rem; }
.sk-footer-head { font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: var(--sk-slate-400); }
.sk-footer-links { list-style: none; margin: 1rem 0 0; padding: 0; display: grid; gap: .625rem; }
.sk-footer-links a { font-size: .875rem; color: var(--sk-slate-600); }
.sk-footer-links a:hover { color: var(--sk-primary); opacity: 1; }
.sk-footer-links a { white-space: nowrap; }
.sk-contact a.sk-contact-spotkanie { font-weight: 600; color: var(--sk-primary); }
.sk-contact a.sk-contact-spotkanie:hover { opacity: .8; }
/* "Nasze serwisy" jak na stronach www */
.sk-serwisy { list-style: none; margin: 1rem 0 0; padding: 0; display: grid; gap: 1.25rem 2rem; }
.sk-serwisy > li { display: flex; align-items: flex-start; gap: .75rem; }
.sk-serwisy > li > img { flex: none; width: 1.5rem; height: 1.5rem; margin-top: .125rem; }
.sk-serwisy > li > div { min-width: 0; }
.sk-serwis-nazwa { font-size: .875rem; font-weight: 600; color: var(--sk-secondary); }
.sk-serwis-nazwa:hover { color: var(--sk-primary); opacity: 1; }
.sk-serwis-opis { margin: 0 !important; font-size: .75rem; color: var(--sk-slate-400); }
.sk-serwis-dzieci { list-style: none; margin: .5rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.sk-serwis-dzieci a { display: inline-block; padding: .25rem .75rem; border-radius: 9999px; background: #fff; box-shadow: inset 0 0 0 1px var(--sk-slate-200); font-size: .75rem; font-weight: 500; color: var(--sk-slate-600); }
.sk-serwis-dzieci a:hover { color: var(--sk-primary); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sk-primary) 40%, transparent); opacity: 1; }
.sk-footer-bottom { margin-top: 3.5rem; padding-top: 1.5rem; border-top: 1px solid var(--sk-slate-100); font-size: .75rem; color: var(--sk-slate-400); display: flex; flex-direction: column; gap: 1rem; }
.sk-footer-bottom p { margin: 0; }
.sk-footer-wsparcie { display: inline-flex; align-items: center; gap: .5rem; }
.sk-footer-wsparcie img { height: 1.5rem; width: auto; opacity: .8; }
.sk-footer-wsparcie a:hover img { opacity: 1; }
@media (min-width: 640px) {
	.sk-serwisy { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sk-serwisy > li.sk-serwis-szeroki { grid-column: span 2; }
}
@media (min-width: 1024px) {
	.sk-footer-inner { padding: 4rem 2rem 2rem; }
	.sk-footer-grid { grid-template-columns: 3fr 4fr 5fr; }
	.sk-footer-bottom { flex-direction: row; align-items: center; justify-content: space-between; }
}

/* kreator wyboru szkolenia: pasek krokow, kafelki, karta oferty (kolory marki obszaru) */
[hidden] { display: none !important; }
.sk-kreator { scroll-margin-top: 5.5rem; }
.sk-pasek { list-style: none; margin: 0 0 1.75rem; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; }
.sk-pasek-krok { position: relative; display: flex; flex-direction: column; align-items: center; gap: .375rem; min-width: 0; text-align: center; font-size: .75rem; font-weight: 600; color: var(--sk-slate-400); }
.sk-pasek-krok + .sk-pasek-krok::before { content: ""; position: absolute; top: 1rem; right: calc(50% + 1.25rem); width: calc(100% - 2rem); height: 2px; background: var(--sk-slate-200); }
.sk-pasek-nr { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 9999px; background: var(--sk-slate-100); color: var(--sk-slate-500); font-size: .875rem; }
.sk-pasek-nazwa { max-width: 100%; overflow-wrap: anywhere; line-height: 1.25; }
.sk-pasek-krok.is-done .sk-pasek-nr { background: var(--sk-tint); color: var(--sk-primary); }
.sk-pasek-krok.is-done::before, .sk-pasek-krok.is-active::before { background: color-mix(in srgb, var(--sk-primary) 40%, transparent) !important; }
.sk-pasek-krok.is-active { color: var(--sk-secondary); }
.sk-pasek-krok.is-active .sk-pasek-nr { background: var(--sk-primary); color: #fff; box-shadow: 0 0 0 4px var(--sk-ring); }
.sk-pasek-krok.is-skipped:not(.is-active) .sk-pasek-nazwa { text-decoration: line-through; text-decoration-color: var(--sk-slate-300); }
.sk-pasek-link { position: relative; display: flex; flex-direction: column; align-items: center; gap: .375rem; min-width: 0; color: inherit; text-decoration: none; border-radius: .5rem; }
.sk-pasek-link[aria-disabled="true"] { pointer-events: none; cursor: default; }
.sk-pasek-krok.is-done .sk-pasek-link:not([aria-disabled="true"]):hover .sk-pasek-nr { background: var(--sk-primary); color: #fff; }
.sk-pasek-krok.is-done .sk-pasek-link:not([aria-disabled="true"]):hover .sk-pasek-nazwa { color: var(--sk-primary); text-decoration: underline; }
.sk-pasek-link:focus-visible { outline: 2px solid var(--sk-primary); outline-offset: 2px; }
@media (min-width: 640px) { .sk-pasek-krok { font-size: .8125rem; } }
.sk-panel-title { font-size: 1.25rem; line-height: 1.3; font-weight: 700; color: var(--sk-secondary); margin-bottom: 1rem !important; }
.sk-panel-lead { margin: -.5rem 0 1rem !important; }
.sk-oferta .sk-panel-lead { margin: 0 0 .5rem !important; }
.sk-panel-nav { margin-top: 1.5rem; }
.sk-kafle { display: grid; gap: .75rem; }
@media (min-width: 640px) { .sk-kafle { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sk-kafle.sk-kafle-lista { grid-template-columns: minmax(0, 1fr); } }
.sk .sk-kafel { display: flex; flex-direction: column; gap: .25rem; min-width: 0; padding: 1rem 1.125rem; border-radius: 1rem; background: #fff; box-shadow: inset 0 0 0 1px var(--sk-slate-200); color: var(--sk-secondary); transition: box-shadow .15s, background .15s; }
.sk .sk-kafel:hover, .sk .sk-kafel:focus-visible { opacity: 1; outline: none; background: var(--sk-tint-soft); box-shadow: inset 0 0 0 2px var(--sk-primary); }
.sk .sk-kafel.is-selected { background: var(--sk-tint-soft); box-shadow: inset 0 0 0 2px var(--sk-primary); }
.sk-kafel-nazwa { font-size: 1rem; font-weight: 700; overflow-wrap: anywhere; }
.sk-kafel-opis { font-size: .875rem; line-height: 1.5; color: var(--sk-slate-500); overflow-wrap: anywhere; }
.sk-kafel-nazwa::after { content: " \2192"; color: var(--sk-primary); }
/* kafelki tematu w marce obszaru (AML i sygnalisci - GoAML, RODO - GoRODO) */
.sk .sk-kafel-goaml { border-left: 4px solid #2563eb; }
.sk .sk-kafel-gorodo { border-left: 4px solid #16a34a; }
.sk .sk-kafel-gorodo .sk-kafel-nazwa::after { color: #16a34a; }
.sk .sk-kafel-goaml .sk-kafel-nazwa::after { color: #2563eb; }
.sk-fakty { list-style: none; margin: 1rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.sk-fakty li { border-radius: 9999px; background: var(--sk-tint); padding: .25rem .75rem; font-size: .8125rem; font-weight: 600; color: var(--sk-primary); }
.sk-sub { margin: 1.5rem 0 .75rem !important; font-size: .9375rem; font-weight: 700; color: var(--sk-secondary); }
.sk-czesci { margin: 0; padding-left: 1.25rem; display: grid; gap: .25rem; font-size: .9375rem; color: var(--sk-slate-600); }
.sk-rabaty { margin-top: .75rem !important; }
/* pytanie z odpowiedziami jak karty wyboru szkolenia: pytanie w osobnym wierszu, kazda odpowiedz - radio + opis */
.sk-radio-grupa { min-width: 0; margin: 0; padding: 0; border: 0; }
.sk-radio-pytanie { display: block; float: left; width: 100%; margin: 0 0 .875rem; padding: 0; font-size: .9375rem; font-weight: 600; line-height: 1.55; color: var(--sk-secondary); }
.sk-radio-pytanie + * { clear: both; }
@media (min-width: 768px) { .sk-choices-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* pole wyboru z bledem (regulamin) */
.sk-check.is-invalid { outline: 2px solid #dc2626; outline-offset: 2px; border-radius: .25rem; }