.is-style-cnvs-heading-numbered {
--cnvs-heading-numbered-background: #ced4da;
--cnvs-heading-numbered-color: white;
--cnvs-heading-numbered-border-radius: 50rem;
} .content,
.entry-content {
counter-reset: h2;
}
.content h2,
.entry-content h2 {
counter-reset: h3;
}
.content h3,
.entry-content h3 {
counter-reset: h4;
}
.content h4,
.entry-content h4 {
counter-reset: h5;
}
.content h5,
.entry-content h5 {
counter-reset: h6;
}
.is-style-cnvs-heading-numbered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.is-style-cnvs-heading-numbered:before {
margin-right: 0.5em;
}
h2.is-style-cnvs-heading-numbered:before {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 0.34em;
padding-right: 0.34em;
height: 1.25em;
-webkit-box-flex: 0;
-ms-flex: 0 0 1.25em;
flex: 0 0 1.25em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
border-radius: var(--cnvs-heading-numbered-border-radius);
background: var(--cnvs-heading-numbered-background);
color: var(--cnvs-heading-numbered-color);
counter-increment: h2;
content: counter(h2);
}
h3.is-style-cnvs-heading-numbered:before {
counter-increment: h3;
content: counter(h3);
}
h2.is-style-cnvs-heading-numbered ~ h3.is-style-cnvs-heading-numbered:before {
content: counter(h2) "." counter(h3);
}
h4.is-style-cnvs-heading-numbered:before {
counter-increment: h4;
content: counter(h4);
}
h3.is-style-cnvs-heading-numbered ~ h4.is-style-cnvs-heading-numbered:before {
content: counter(h3) "." counter(h4);
}
h2.is-style-cnvs-heading-numbered ~ h3.is-style-cnvs-heading-numbered ~ h4.is-style-cnvs-heading-numbered:before {
content: counter(h2) "." counter(h3) "." counter(h4);
}
h5.is-style-cnvs-heading-numbered:before {
counter-increment: h5;
content: counter(h5);
}
h4.is-style-cnvs-heading-numbered ~ h5.is-style-cnvs-heading-numbered:before {
content: counter(h4) "." counter(h5);
}
h3.is-style-cnvs-heading-numbered ~ h4.is-style-cnvs-heading-numbered ~ h5.is-style-cnvs-heading-numbered:before {
content: counter(h3) "." counter(h4) "." counter(h5);
}
h2.is-style-cnvs-heading-numbered ~ h3.is-style-cnvs-heading-numbered ~ h4.is-style-cnvs-heading-numbered ~ h5.is-style-cnvs-heading-numbered:before {
content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5);
}
h6.is-style-cnvs-heading-numbered:before {
counter-increment: h6;
content: counter(h6);
}
h5.is-style-cnvs-heading-numbered ~ h6.is-style-cnvs-heading-numbered:before {
content: counter(h5) "." counter(h6);
}
h4.is-style-cnvs-heading-numbered ~ h5.is-style-cnvs-heading-numbered ~ h6.is-style-cnvs-heading-numbered:before {
content: counter(h4) "." counter(h5) "." counter(h6);
}
h3.is-style-cnvs-heading-numbered ~ h4.is-style-cnvs-heading-numbered ~ h5.is-style-cnvs-heading-numbered ~ h6.is-style-cnvs-heading-numbered:before {
content: counter(h3) "." counter(h4) "." counter(h5) "." counter(h6);
}
h2.is-style-cnvs-heading-numbered ~ h3.is-style-cnvs-heading-numbered ~ h4.is-style-cnvs-heading-numbered ~ h5.is-style-cnvs-heading-numbered ~ h6.is-style-cnvs-heading-numbered:before {
content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6);
}[class*="is-style-cnvs-list-styled"] {
--cnvs-list-styled-line-height: 1.5;
--cnvs-list-styled-font-size: 1rem;
--cnvs-list-styled-children-font-size: 0.875rem;
--cnvs-list-styled-ul-box-background: #ced4da;
--cnvs-list-styled-ul-box-border-radius: 0;
--cnvs-list-styled-ul-positive-box-color: #28a745;
--cnvs-list-styled-ul-negative-box-color: #dc3545;
--cnvs-list-styled-ol-box-color: #495057;
--cnvs-list-styled-ol-box-font-size: 0.875rem;
--cnvs-list-styled-ol-box-font-weight: 600;
--cnvs-list-styled-ol-box-background-color: #e9ecef;
--cnvs-list-styled-ol-box-border-radius: 50%;
--cnvs-list-styled-ol-positive-box-background-color: #28a745;
--cnvs-list-styled-ol-negative-box-background-color: #dc3545;
--cnvs-list-styled-ol-positive-box-color: #fff;
--cnvs-list-styled-ol-negative-box-color: #fff;
} .is-style-cnvs-list-styled,
.is-style-cnvs-list-styled-positive,
.is-style-cnvs-list-styled-negative {
line-height: var(--cnvs-list-styled-line-height);
list-style: none;
font-size: var(--cnvs-list-styled-font-size);
}
.is-style-cnvs-list-styled:not(:first-child),
.is-style-cnvs-list-styled-positive:not(:first-child),
.is-style-cnvs-list-styled-negative:not(:first-child) {
margin-top: 1.5rem;
}
.is-style-cnvs-list-styled:not(:last-child),
.is-style-cnvs-list-styled-positive:not(:last-child),
.is-style-cnvs-list-styled-negative:not(:last-child) {
margin-bottom: 1.5rem;
}
.is-style-cnvs-list-styled li:not(:first-child),
.is-style-cnvs-list-styled-positive li:not(:first-child),
.is-style-cnvs-list-styled-negative li:not(:first-child) {
margin-top: 0.5rem;
}
.is-style-cnvs-list-styled > li,
.is-style-cnvs-list-styled-positive > li,
.is-style-cnvs-list-styled-negative > li {
position: relative;
padding-left: 2.5rem;
}
.is-style-cnvs-list-styled > li:before,
.is-style-cnvs-list-styled-positive > li:before,
.is-style-cnvs-list-styled-negative > li:before {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
}
ol.is-style-cnvs-list-styled,
ol.is-style-cnvs-list-styled-positive,
ol.is-style-cnvs-list-styled-negative {
counter-reset: ol;
}
ol.is-style-cnvs-list-styled > li:before,
ol.is-style-cnvs-list-styled-positive > li:before,
ol.is-style-cnvs-list-styled-negative > li:before {
width: 1.5rem;
height: 1.5rem;
content: counter(ol);
counter-increment: ol;
color: var(--cnvs-list-styled-ol-box-color);
font-size: var(--cnvs-list-styled-ol-box-font-size);
font-weight: var(--cnvs-list-styled-ol-box-font-weight);
background-color: var(--cnvs-list-styled-ol-box-background-color);
border-radius: var(--cnvs-list-styled-ol-box-border-radius);
line-height: 1;
}
ul.is-style-cnvs-list-styled > li:before {
content: '';
width: 0.25rem;
height: 0.25rem;
margin-top: 0.75rem;
left: 1rem;
background: var(--cnvs-list-styled-ul-box-background);
border-radius: var(--cnvs-list-styled-ul-box-border-radius);
}
ol.is-style-cnvs-list-styled ul,
ol.is-style-cnvs-list-styled ol,
ul.is-style-cnvs-list-styled ol,
ul.is-style-cnvs-list-styled ul {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
padding-left: 0;
font-size: var(--cnvs-list-styled-children-font-size);
}
ol.is-style-cnvs-list-styled ul > li:not(:first-child),
ol.is-style-cnvs-list-styled ol > li:not(:first-child),
ul.is-style-cnvs-list-styled ol > li:not(:first-child),
ul.is-style-cnvs-list-styled ul > li:not(:first-child) {
margin-top: 0.25rem;
}
ol.is-style-cnvs-list-styled-positive > li:before {
background-color: var(--cnvs-list-styled-ol-positive-box-background-color);
color: var(--cnvs-list-styled-ol-positive-box-color);
}
ol.is-style-cnvs-list-styled-negative > li:before {
background-color: var(--cnvs-list-styled-ol-negative-box-background-color);
color: var(--cnvs-list-styled-ol-negative-box-color);
}
ul.is-style-cnvs-list-styled-positive > li:before,
ul.is-style-cnvs-list-styled-negative > li:before {
width: 1.5rem;
font-family: 'canvas-icons';
}
ul.is-style-cnvs-list-styled-positive > li:before {
content: "\e912";
color: var(--cnvs-list-styled-ul-positive-box-color);
}
ul.is-style-cnvs-list-styled-negative > li:before {
content: "\e913";
color: var(--cnvs-list-styled-ul-negative-box-color);
}.has-drop-cap {
--cnvs-drop-cap-color: black;
--cnvs-drop-cap-font-size: 2.5rem;
--cnvs-drop-cap-dark-background: black;
--cnvs-drop-cap-dark-color: #fff;
--cnvs-drop-cap-light-background: #f8f9fa;
--cnvs-drop-cap-light-color: inherit;
--cnvs-drop-cap-bordered-width: 1px;
--cnvs-drop-cap-bordered-color: #dee2e6;
}
.is-style-cnvs-paragraph-callout {
--cnvs-callout-font-size: 1.25rem;
--cnvs-callout-font-weight: 600;
} .content .has-drop-cap.is-cnvs-dropcap-simple:after,
.content .has-drop-cap.is-cnvs-dropcap-bordered:after,
.content .has-drop-cap.is-cnvs-dropcap-border-right:after,
.content .has-drop-cap.is-cnvs-dropcap-bg-light:after,
.content .has-drop-cap.is-cnvs-dropcap-bg-dark:after,
.entry-content .has-drop-cap.is-cnvs-dropcap-simple:after,
.entry-content .has-drop-cap.is-cnvs-dropcap-bordered:after,
.entry-content .has-drop-cap.is-cnvs-dropcap-border-right:after,
.entry-content .has-drop-cap.is-cnvs-dropcap-bg-light:after,
.entry-content .has-drop-cap.is-cnvs-dropcap-bg-dark:after {
content: "";
display: table;
clear: both;
padding-top: 14px;
}
.content .has-drop-cap.is-cnvs-dropcap-simple:first-letter,
.content .has-drop-cap.is-cnvs-dropcap-bordered:first-letter,
.content .has-drop-cap.is-cnvs-dropcap-border-right:first-letter,
.content .has-drop-cap.is-cnvs-dropcap-bg-light:first-letter,
.content .has-drop-cap.is-cnvs-dropcap-bg-dark:first-letter,
.entry-content .has-drop-cap.is-cnvs-dropcap-simple:first-letter,
.entry-content .has-drop-cap.is-cnvs-dropcap-bordered:first-letter,
.entry-content .has-drop-cap.is-cnvs-dropcap-border-right:first-letter,
.entry-content .has-drop-cap.is-cnvs-dropcap-bg-light:first-letter,
.entry-content .has-drop-cap.is-cnvs-dropcap-bg-dark:first-letter {
display: block;
float: left;
margin-top: 0.5rem;
margin-right: 2rem;
margin-bottom: 1rem;
color: var(--cnvs-drop-cap-color);
font-size: var(--cnvs-drop-cap-font-size);
line-height: 1;
text-align: center;
}
.content .has-drop-cap.is-cnvs-dropcap-bg-dark:first-letter,
.entry-content .has-drop-cap.is-cnvs-dropcap-bg-dark:first-letter {
padding: 0.5rem 1rem;
background: var(--cnvs-drop-cap-dark-background);
color: var(--cnvs-drop-cap-dark-color);
}
.content .has-drop-cap.is-cnvs-dropcap-bg-light:first-letter,
.entry-content .has-drop-cap.is-cnvs-dropcap-bg-light:first-letter {
padding: 0.5rem 1rem;
background: var(--cnvs-drop-cap-light-background);
color: var(--cnvs-drop-cap-light-color);
}
.content .has-drop-cap.is-cnvs-dropcap-bordered:first-letter,
.entry-content .has-drop-cap.is-cnvs-dropcap-bordered:first-letter {
margin-top: 0.25rem;
padding: 0.5rem 1rem;
border: var(--cnvs-drop-cap-bordered-width) solid var(--cnvs-drop-cap-bordered-color);
}
.content .has-drop-cap.is-cnvs-dropcap-border-right:first-letter,
.entry-content .has-drop-cap.is-cnvs-dropcap-border-right:first-letter {
padding-right: 2rem;
border-right: var(--cnvs-drop-cap-bordered-width) solid var(--cnvs-drop-cap-bordered-color);
border-radius: 0;
}
.content .is-style-cnvs-paragraph-callout,
.entry-content .is-style-cnvs-paragraph-callout {
font-size: var(--cnvs-callout-font-size);
font-weight: var(--cnvs-callout-font-weight);
}.wp-block-separator {
--cnvs-wp-block-separator-color: #dee2e6;
} .content .wp-block-separator:not(.has-text-color),
.entry-content .wp-block-separator:not(.has-text-color) {
color: var(--cnvs-wp-block-separator-color);
}
.content .wp-block-separator.is-style-cnvs-separator-double, .content .wp-block-separator.is-style-cnvs-separator-dotted, .content .wp-block-separator.is-style-cnvs-separator-dashed,
.entry-content .wp-block-separator.is-style-cnvs-separator-double,
.entry-content .wp-block-separator.is-style-cnvs-separator-dotted,
.entry-content .wp-block-separator.is-style-cnvs-separator-dashed {
position: relative;
display: block;
height: 10px;
background-color: transparent !important;
border-bottom: none !important;
}
.content .wp-block-separator.is-style-cnvs-separator-double:after, .content .wp-block-separator.is-style-cnvs-separator-dotted:after, .content .wp-block-separator.is-style-cnvs-separator-dashed:after,
.entry-content .wp-block-separator.is-style-cnvs-separator-double:after,
.entry-content .wp-block-separator.is-style-cnvs-separator-dotted:after,
.entry-content .wp-block-separator.is-style-cnvs-separator-dashed:after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -1px;
border-bottom: 2px solid;
}
.content .wp-block-separator.is-style-cnvs-separator-double:after,
.entry-content .wp-block-separator.is-style-cnvs-separator-double:after {
border-bottom-width: 4px !important;
border-bottom-style: double !important;
margin-top: -2px;
}
.content .wp-block-separator.is-style-cnvs-separator-dotted:after,
.entry-content .wp-block-separator.is-style-cnvs-separator-dotted:after {
border-bottom-style: dotted !important;
}
.content .wp-block-separator.is-style-cnvs-separator-dashed:after,
.entry-content .wp-block-separator.is-style-cnvs-separator-dashed:after {
border-bottom-style: dashed !important;
}.wp-block-group {
position: relative;
}
.wp-block-group .wp-block-group__inner-container {
position: relative;
width: 100%;
}
.wp-block-group .wp-block-group__inner-container > *:last-child {
margin-bottom: 0;
}
@media (min-width: 760px) and (min-width: 760px) {
.wp-block-group > .is-block-content {
max-width: 50%;
width: 100%;
}
}
.is-style-cnvs-block-bordered {
--cnvs-style-single-border-color: #dee2e6;
border: 1px solid var(--cnvs-style-single-border-color);
padding: 40px;
}
.is-style-cnvs-block-single-border {
--cnvs-style-single-border-width: 1px;
--cnvs-style-single-border-color: #dee2e6;
--cnvs-style-single-margin: 2rem;
}
.is-style-cnvs-block-single-border:before {
position: relative !important;
content: "";
background-color: var(--cnvs-style-single-border-color);
display: block;
width: 4rem;
height: var(--cnvs-style-single-border-width);
margin: var(--cnvs-style-single-margin) auto;
}
.is-style-cnvs-block-single-border:after {
position: relative !important;
content: "";
background-color: var(--cnvs-style-single-border-color);
display: block;
width: 4rem;
height: var(--cnvs-style-single-border-width);
margin: var(--cnvs-style-single-margin) auto;
}
.is-style-cnvs-block-single-border.alignright {
border: none;
padding-left: var(--cnvs-style-single-margin);
border-left: var(--cnvs-style-single-border-width) solid var(--cnvs-style-single-border-color);
}
.is-style-cnvs-block-single-border.alignright:before, .is-style-cnvs-block-single-border.alignright:after {
content: none;
}
.is-style-cnvs-block-single-border.alignleft {
border: none;
padding-right: var(--cnvs-style-single-margin);
border-right: var(--cnvs-style-single-border-width) solid var(--cnvs-style-single-border-color);
}
.is-style-cnvs-block-single-border.alignleft:before, .is-style-cnvs-block-single-border.alignleft:after {
content: none;
}
.is-style-cnvs-block-bg-light {
--cnvs-style-bg-light-background: #f8f9fa;
--cnvs-style-bg-light-padding: 40px;
background: var(--cnvs-style-bg-light-background);
padding: var(--cnvs-style-bg-light-padding);
}
.is-style-cnvs-block-bg-inverse {
--cnvs-style-bg-inverse-background: black;
--cnvs-style-bg-inverse-color: #fff;
--cnvs-style-bg-inverse-padding: 40px;
background: var(--cnvs-style-bg-inverse-background);
padding: var(--cnvs-style-bg-inverse-padding);
color: var(--cnvs-style-bg-inverse-color);
}
.is-style-cnvs-block-shadow {
--cnvs-style-shadow-box-shadow: 0 16px 36px 0 rgba(0,0,0,0.08);
--cnvs-style-shadow-padding: 40px;
-webkit-box-shadow: var(--cnvs-style-shadow-box-shadow);
box-shadow: var(--cnvs-style-shadow-box-shadow);
padding: var(--cnvs-style-shadow-padding);
}
@media (max-width: 1019.98px) {
.is-style-cnvs-block-single-border.alignleft,
.is-style-cnvs-block-single-border.alignright {
float: none;
width: 100%;
max-width: 100%;
border-left: none;
border-right: none;
margin-left: 0;
margin-right: 0;
}
}.wp-block-cover {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.wp-block-cover.is-cnvs-vert-align-middle {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.wp-block-cover.is-cnvs-vert-align-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}#toc_container ul,#toc_container li{margin:0;padding:0;list-style-position:inside}#toc_container.no_bullets ul,#toc_container.no_bullets li,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{list-style-type:none;list-style:none;background:0 0}#toc_container.have_bullets li{padding-left:12px}#toc_container.toc_numbered ul{list-style:none}#toc_container ul ul{margin-left:1.5em}#toc_container{display:table;background:#f9f9f9;border:1px solid #aaa;width:auto;margin-bottom:1em;padding:10px;font-size:95%}#toc_container.toc_light_blue{background:#edf6ff}#toc_container.toc_white{background:#fff}#toc_container.toc_black{background:#000}#toc_container.toc_transparent{background:0 0}#toc_container .toc_title{text-align:center;margin:0;padding:0;font-weight:700}#toc_container.toc_black .toc_title{color:#aaa}#toc_container.toc_black a,#toc_container.toc_black a:visited{color:#e6e6e6}#toc_container.toc_black a:hover{color:#fff}#toc_container span.toc_toggle{font-size:90%;font-weight:400}#toc_container .toc_title+ul.toc_list{margin-top:1em}.toc_wrap_left{float:left;margin-right:10px}.toc_wrap_right{float:right;margin-left:10px}#toc_container a{text-decoration:none;text-shadow:none}#toc_container a:hover{text-decoration:underline}.toc_sitemap_posts_letter{font-size:1.5em;font-style:italic}@media only screen and (max-width: 799px){.ub-hide-on-mobile{display:none}}@media only screen and (min-width: 800px)and (max-width: 1023px){.ub-hide-on-tablet{display:none}}@media only screen and (min-width: 1024px){.ub-hide-on-desktop{display:none}}.tfk {
--tfk-accent: #1d4ed8;
--tfk-accent-d: #1e3a8a;
--tfk-bg: #ffffff;
--tfk-border: #d7dbe0;
--tfk-text: #1f2733;
--tfk-muted: #5a6472;
--tfk-ok: #047857;
--tfk-err: #b91c1c;
--tfk-radius: 10px;
font-size: 16px;
color: var(--tfk-text);
} .tfk-hp { position: absolute !important; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.tfk__title { margin: 0 0 .75rem; font-size: 1.25rem; line-height: 1.3; }
.tfk__form { display: grid; gap: .85rem; max-width: 560px; }
.tfk--flyout .tfk__form,
.tfk--modal .tfk__dialog .tfk__form { max-width: none; } .tfk-align-center .tfk__form { margin-left: auto; margin-right: auto; }
.tfk-align-right  .tfk__form { margin-left: auto; margin-right: 0; }
.tfk-align-left   .tfk__form { margin-left: 0; margin-right: auto; }
.tfk__field { margin: 0; display: grid; gap: .3rem; }
.tfk__field label { font-weight: 600; font-size: .92rem; }
.tfk__req { color: var(--tfk-err); }
.tfk__form input[type="text"],
.tfk__form input[type="email"],
.tfk__form input[type="tel"],
.tfk__form select,
.tfk__form textarea {
width: 100%;
padding: .6rem .7rem;
border: 1px solid var(--tfk-border);
border-radius: var(--tfk-radius);
font: inherit;
background: var(--tfk-bg);
color: var(--tfk-text);
box-sizing: border-box;
}
.tfk__form input:focus,
.tfk__form select:focus,
.tfk__form textarea:focus {
outline: 2px solid var(--tfk-accent);
outline-offset: 1px;
border-color: var(--tfk-accent);
}
.tfk__form [aria-invalid="true"] { border-color: var(--tfk-err); }
.tfk__credit { display: grid; gap: .85rem; padding: .75rem; border: 1px dashed var(--tfk-border); border-radius: var(--tfk-radius); }
.tfk__sprawa-info { margin: 0; font-weight: 600; color: var(--tfk-accent-d); }
.tfk__consent label { display: flex; gap: .5rem; align-items: flex-start; font-weight: 400; font-size: .9rem; line-height: 1.45; }
.tfk__consent input { margin-top: .2rem; flex: 0 0 auto; }
.tfk__clause { font-size: .85rem; color: var(--tfk-muted); }
.tfk__clause summary { cursor: pointer; font-weight: 600; }
.tfk__clause-body { margin-top: .5rem; }
.tfk__clause-body a { color: var(--tfk-accent); }
.tfk__actions { margin: 0; }
.tfk__submit,
.tfk__open {
appearance: none; border: 0; cursor: pointer;
background: var(--tfk-accent); color: #fff;
padding: .7rem 1.4rem; border-radius: var(--tfk-radius);
font: inherit; font-weight: 700;
}
.tfk__submit:hover, .tfk__open:hover { background: var(--tfk-accent-d); }
.tfk__submit[disabled] { opacity: .65; cursor: progress; }
.tfk__msg { margin: 0; font-size: .92rem; min-height: 1.2em; }
.tfk__msg--ok { color: var(--tfk-ok); font-weight: 600; }
.tfk__msg--err { color: var(--tfk-err); font-weight: 600; } .tfk--flyout { position: fixed; right: 18px; bottom: 18px; z-index: 9990; }
.tfk--flyout-left { right: auto; left: 18px; }
.tfk__fab {
display: inline-flex; align-items: center; gap: .5rem;
background: var(--tfk-accent); color: #fff; border: 0; cursor: pointer;
padding: .7rem 1.1rem; border-radius: 999px; font: inherit; font-weight: 700;
box-shadow: 0 6px 20px rgba(0,0,0,.18);
}
.tfk__fab:hover { background: var(--tfk-accent-d); }
.tfk__panel {
position: absolute; right: 0; bottom: calc(100% + 10px);
width: min(360px, 90vw); max-height: min(80vh, 540px); overflow: auto;
background: var(--tfk-bg);
border: 1px solid var(--tfk-border); border-radius: 14px;
box-shadow: 0 12px 40px rgba(0,0,0,.22); padding: 1.1rem; box-sizing: border-box;
}
.tfk--flyout-left .tfk__panel { right: auto; left: 0; } .tfk__overlay {
position: fixed; inset: 0; z-index: 9995;
background: rgba(15,23,42,.55);
display: flex; align-items: center; justify-content: center; padding: 1rem;
}
.tfk__dialog {
position: relative; background: var(--tfk-bg);
width: min(560px, 100%); max-height: 90vh; overflow: auto;
border-radius: 14px; padding: 1.5rem;
}
.tfk__close {
position: absolute; top: .6rem; right: .7rem;
background: transparent; border: 0; cursor: pointer;
font-size: 1.6rem; line-height: 1; color: var(--tfk-muted);
}
.tfk__panel .tfk__close { font-size: 1.4rem; } @media (max-width: 767px) { .tfk-hide-mobile { display: none !important; } }
@media (min-width: 768px) and (max-width: 1024px) { .tfk-hide-tablet { display: none !important; } }
@media (min-width: 1025px) { .tfk-hide-desktop { display: none !important; } }
[hidden] { display: none !important; }
@media (prefers-reduced-motion: no-preference) {
.tfk__panel, .tfk__dialog { animation: tfk-in .16s ease-out; }
@keyframes tfk-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
}.ipm-tldr {
background: var(--ipm-c-info-bg);
border-left: 5px solid var(--ipm-c-info);
padding: var(--ipm-space-6) var(--ipm-space-8);
margin: var(--ipm-space-6) 0;
border-radius: var(--ipm-radius);
font-size: var(--ipm-font-size-lg);
font-weight: 400;
color: var(--ipm-c-text);
line-height: 1.55;
position: relative;
}
.ipm-tldr::before {
content: "W skrócie";
display: block;
font-size: var(--ipm-font-size-sm);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--ipm-c-info);
margin-bottom: var(--ipm-space-3);
}
.ipm-tldr p { margin-bottom: var(--ipm-space-2); }
.ipm-tldr p:last-child { margin-bottom: 0; }
.ipm-tldr ul, .ipm-tldr ol {
margin-top: var(--ipm-space-2);
margin-bottom: 0;
}.ipm-flyout {
padding: var(--ipm-space-4) var(--ipm-space-6);
margin: var(--ipm-space-6) 0;
border-radius: var(--ipm-radius);
border-left-width: 4px;
border-left-style: solid;
}
.ipm-flyout__title {
font-weight: 700;
margin-bottom: var(--ipm-space-2);
font-size: var(--ipm-font-size-base);
}
.ipm-flyout__body p:last-child { margin-bottom: 0; }
.ipm-flyout--info {
background: var(--ipm-c-info-bg);
border-left-color: var(--ipm-c-info);
}
.ipm-flyout--info .ipm-flyout__title { color: var(--ipm-c-info); }
.ipm-flyout--warn {
background: var(--ipm-c-accent-bg);
border-left-color: var(--ipm-c-accent);
}
.ipm-flyout--warn .ipm-flyout__title { color: var(--ipm-c-accent); }
.ipm-flyout--success {
background: var(--ipm-c-success-bg);
border-left-color: var(--ipm-c-success);
}
.ipm-flyout--success .ipm-flyout__title { color: var(--ipm-c-success); }.ipm-example {
background: var(--ipm-c-bg-subtle);
padding: var(--ipm-space-4) var(--ipm-space-6);
margin: var(--ipm-space-6) 0;
border-radius: var(--ipm-radius);
border: 1px solid var(--ipm-c-border);
}
.ipm-example__label {
display: inline-block;
font-weight: 700;
font-size: var(--ipm-font-size-sm);
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--ipm-c-link);
margin-bottom: var(--ipm-space-2);
}
.ipm-example__body p:last-child { margin-bottom: 0; }.ipm-data-table {
margin: var(--ipm-space-6) 0;
}
.ipm-data-table > figcaption {
font-style: italic;
font-size: var(--ipm-font-size-sm);
color: var(--ipm-c-text-muted);
margin-bottom: var(--ipm-space-2);
text-align: center;
}
.ipm-data-table__wrap {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border-radius: var(--ipm-radius);
border: 1px solid var(--ipm-c-border);
}
.ipm-data {
width: 100%;
border-collapse: collapse;
font-size: var(--ipm-font-size-sm);
}
.ipm-data th {
background: var(--ipm-c-bg-subtle);
padding: var(--ipm-space-3) var(--ipm-space-4);
text-align: left;
font-weight: 700;
border-bottom: 2px solid var(--ipm-c-border);
color: var(--ipm-c-text);
}
.ipm-data td {
padding: var(--ipm-space-3) var(--ipm-space-4);
border-bottom: 1px solid var(--ipm-c-border);
}
.ipm-data tr:last-child td { border-bottom: none; }
.ipm-data__row--top {
background: var(--ipm-c-success-bg);
}
.ipm-data__row--top td { font-weight: 500; }
.ipm-data__row--warning {
background: var(--ipm-c-accent-bg);
}.ipm-faq {
margin: var(--ipm-space-8) 0;
}
.ipm-faq__title {
margin-bottom: var(--ipm-space-4);
}
.ipm-faq__items {
border-top: 1px solid var(--ipm-c-border);
}
.ipm-faq__item {
border-bottom: 1px solid var(--ipm-c-border);
}
.ipm-faq__question {
cursor: pointer;
padding: var(--ipm-space-4) var(--ipm-space-8) var(--ipm-space-4) 0;
font-weight: 600;
list-style: none;
position: relative;
color: var(--ipm-c-text);
}
.ipm-faq__question::-webkit-details-marker { display: none; }
.ipm-faq__question::after {
content: "+";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
font-size: 1.5rem;
line-height: 1;
color: var(--ipm-c-link);
font-weight: 400;
}
details[open] > .ipm-faq__question::after { content: "−"; }
.ipm-faq__answer {
padding: 0 0 var(--ipm-space-4);
color: var(--ipm-c-text);
}
.ipm-faq__answer p:last-child { margin-bottom: 0; }
.ipm-faq__question:focus-visible {
outline: 2px solid var(--ipm-c-link);
outline-offset: 2px;
}.ipm-sources {
background: var(--ipm-c-bg-subtle);
padding: var(--ipm-space-4) var(--ipm-space-6);
margin: var(--ipm-space-6) 0;
border-radius: var(--ipm-radius);
border-left: 3px solid var(--ipm-c-text-muted);
}
.ipm-sources__title {
display: block;
font-size: var(--ipm-font-size-sm);
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--ipm-c-text-muted);
margin-bottom: var(--ipm-space-2);
}
.ipm-sources__list ul {
margin: 0;
padding-left: var(--ipm-space-6);
}
.ipm-sources__list li {
margin-bottom: var(--ipm-space-2);
font-size: var(--ipm-font-size-sm);
}.ipm-methodology {
background: var(--ipm-c-bg-subtle);
padding: var(--ipm-space-4) var(--ipm-space-6);
margin: var(--ipm-space-6) 0;
border-radius: var(--ipm-radius);
border-left: 3px solid var(--ipm-c-success);
font-size: var(--ipm-font-size-sm);
}
.ipm-methodology__label {
display: block;
font-size: var(--ipm-font-size-sm);
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--ipm-c-success);
margin-bottom: var(--ipm-space-2);
font-weight: 700;
}
.ipm-methodology__body p:last-child { margin-bottom: 0; }