.tfci{--tf-red:#b23434;--tf-blue:#2f4a68;--tf-deep:#162f50;--tf-slate:#2f3742;--tf-text:#5f6874;--tf-soft:#f7f8fa;--tf-line:#e3e6ea;--tf-white:#fff;font-family:Barlow,Arial,sans-serif;color:var(--tf-slate);background:#fff;line-height:1.62}
.tfci *{box-sizing:border-box}
.tfci img{max-width:100%;height:auto}
.tfci a{text-decoration:none}
.tfci-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}
.tfci-overline{margin:0 0 13px;color:var(--tf-red);font-family:"Barlow Condensed",Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.tfci h1,.tfci h2,.tfci h3,.tfci b,.tfci strong{color:inherit}
.tfci h1,.tfci h2,.tfci h3{font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;line-height:1.03;margin-top:0}
.tfci h1{font-size:clamp(48px,7vw,88px);letter-spacing:-.025em;margin-bottom:22px}
.tfci h2{font-size:clamp(36px,4.4vw,58px);letter-spacing:-.018em;margin-bottom:18px}
.tfci h3{font-size:25px;letter-spacing:-.01em;margin-bottom:10px}
.tfci p{font-size:17px;color:var(--tf-text)}
.tfci-hero{background:var(--tf-deep);color:#fff;border-top:5px solid var(--tf-red);padding:86px 0 70px}
.tfci-hero--planned{min-height:70vh}
.tfci-hero__grid{display:grid;grid-template-columns:1.4fr .8fr;gap:70px;align-items:center}
.tfci-hero__lead{font-size:22px!important;color:rgba(255,255,255,.82)!important;max-width:820px;margin:0}
.tfci-hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.tfci-btn{display:inline-flex;min-height:54px;align-items:center;justify-content:center;padding:0 28px;border:0;border-radius:0;font-family:"Barlow Condensed",Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff!important;transition:transform .18s ease,filter .18s ease}
.tfci-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
.tfci-btn--red{background:var(--tf-red)}
.tfci-btn--blue{background:var(--tf-blue)}
.tfci-hero__summary{border:1px solid rgba(255,255,255,.18);border-top:4px solid var(--tf-red);padding:34px;background:rgba(255,255,255,.05)}
.tfci-hero__number{display:block;font-family:"Barlow Condensed",Arial,sans-serif;font-size:76px;font-weight:700;color:rgba(255,255,255,.13);line-height:.9;margin-bottom:18px}
.tfci-hero__summary ul{padding-left:21px;margin:0 0 24px}
.tfci-hero__summary li{margin:8px 0;color:rgba(255,255,255,.88)}
.tfci-note{font-size:14px!important;color:rgba(255,255,255,.62)!important;margin:0!important;border-top:1px solid rgba(255,255,255,.15);padding-top:18px}
.tfci-state-card{margin-top:38px;max-width:850px;background:#fff;color:var(--tf-slate);border-left:5px solid var(--tf-red);padding:32px}
.tfci-state-card span{font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--tf-red)}
.tfci-state-card h2{font-size:36px;margin:10px 0 12px}
.tfci-tool-nav{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--tf-line);border-top:0;background:#fff;box-shadow:0 14px 32px rgba(47,55,66,.08);position:relative;z-index:4;margin-top:-1px}
.tfci-tool-nav__item{display:flex;gap:10px;align-items:center;min-height:74px;padding:15px 14px;border-right:1px solid var(--tf-line);color:var(--tf-slate)}
.tfci-tool-nav__item:last-child{border-right:0}
.tfci-tool-nav__item span{font-family:"Barlow Condensed",Arial,sans-serif;font-weight:700;color:var(--tf-red);font-size:18px}
.tfci-tool-nav__item b{font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;font-size:14px;line-height:1.15}
.tfci-tool-nav__item.is-current{background:var(--tf-blue);color:#fff}
.tfci-tool-nav__item.is-current span{color:#fff}
.tfci-tool-nav__item.is-disabled{opacity:.42;pointer-events:none}
.tfci-chapter-nav{position:sticky;top:32px;z-index:20;background:#fff;border-bottom:1px solid var(--tf-line);box-shadow:0 7px 18px rgba(47,55,66,.07)}
.admin-bar .tfci-chapter-nav{top:64px}
.tfci-chapter-nav .tfci-wrap{display:flex;gap:0;overflow-x:auto}
.tfci-chapter-nav a{flex:0 0 auto;padding:18px 15px;color:var(--tf-slate);font-family:"Barlow Condensed",Arial,sans-serif;font-size:13px;font-weight:700;border-right:1px solid var(--tf-line)}
.tfci-chapter-nav a:hover{background:var(--tf-soft);color:var(--tf-red)}
.tfci-section{padding:92px 0;scroll-margin-top:110px}
.tfci-section--white{background:#fff}
.tfci-section--soft{background:var(--tf-soft)}
.tfci-section--dark{background:var(--tf-deep);color:#fff}
.tfci-section--dark p{color:rgba(255,255,255,.73)}
.tfci-heading{max-width:900px;margin-bottom:42px}
.tfci-heading>p:last-child{font-size:19px;margin-bottom:0}
.tfci-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tfci-steps li{display:grid;grid-template-columns:58px 1fr;gap:14px;background:var(--tf-soft);border:1px solid var(--tf-line);padding:24px;min-height:170px}
.tfci-steps span,.tfci-field-grid span,.tfci-split-cards span,.tfci-option-list>article>span{font-family:"Barlow Condensed",Arial,sans-serif;font-size:27px;font-weight:700;color:var(--tf-red)}
.tfci-steps b{font-family:"Barlow Condensed",Arial,sans-serif;font-size:22px;text-transform:uppercase}
.tfci-steps p{font-size:15px;margin:7px 0 0}
.tfci-callout{margin-top:28px;padding:24px 26px;border-left:5px solid var(--tf-blue);background:#edf2f7}
.tfci-callout b{display:block;font-family:"Barlow Condensed",Arial,sans-serif;font-size:21px;text-transform:uppercase;margin-bottom:5px}
.tfci-callout p{margin:0;font-size:16px}
.tfci-callout--tip{border-color:#3b7b58;background:#edf7f1}
.tfci-callout--warning{border-color:var(--tf-red);background:#f8eded}
.tfci-callout--info{border-color:var(--tf-blue);background:#edf2f7}
.tfci-callout--dark{background:rgba(255,255,255,.06);border-color:var(--tf-red)}
.tfci-callout--dark p{color:rgba(255,255,255,.72)}
.tfci-two-col{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:start}
.tfci-checklist{background:#fff;border:1px solid var(--tf-line);border-top:4px solid var(--tf-blue);padding:30px}
.tfci-checklist ul{padding-left:20px;margin-bottom:0}
.tfci-checklist li{margin:10px 0;color:var(--tf-text)}
.tfci-field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tfci-field-grid article,.tfci-split-cards article{border:1px solid var(--tf-line);padding:26px;background:#fff}
.tfci-field-grid h3,.tfci-split-cards h3{margin:8px 0 9px}
.tfci-field-grid p,.tfci-split-cards p{font-size:15px;margin:0}
.tfci-split-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}
.tfci-section--dark .tfci-split-cards article{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16)}
.tfci-section--dark .tfci-split-cards p{color:rgba(255,255,255,.7)}
.tfci-table-wrap{overflow-x:auto;background:#fff}
.tfci-table{width:100%;border-collapse:collapse;color:var(--tf-slate)}
.tfci-table th,.tfci-table td{border:1px solid var(--tf-line);padding:16px 18px;text-align:left;vertical-align:top}
.tfci-table th{background:var(--tf-blue);color:#fff;font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;font-size:15px}
.tfci-table td:first-child{font-size:19px;color:var(--tf-red);width:90px}
.tfci-option-list{display:grid;gap:12px}
.tfci-option-list article{display:grid;grid-template-columns:72px 1fr;gap:22px;padding:25px;border:1px solid var(--tf-line);background:var(--tf-soft)}
.tfci-option-list h3{margin-bottom:5px}
.tfci-option-list p{margin:0}
.tfci-status-guide{background:#fff;border:1px solid var(--tf-line);padding:28px}
.tfci-status-guide>div{display:grid;grid-template-columns:20px 100px 1fr;gap:12px;align-items:start;padding:14px 0;border-top:1px solid var(--tf-line)}
.tfci-status-guide>div:first-of-type{border-top:0}
.tfci-status-guide span{width:14px;height:14px;margin-top:5px;border-radius:50%}
.tfci-status-guide span.is-good{background:#2e8b57}.tfci-status-guide span.is-medium{background:#d39222}.tfci-status-guide span.is-bad{background:var(--tf-red)}
.tfci-status-guide p{font-size:14px;margin:0}
.tfci-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.tfci-preview-grid article{border:1px solid var(--tf-line);border-top:4px solid var(--tf-blue);padding:30px}
.tfci-preview-grid article>span{font-family:"Barlow Condensed",Arial,sans-serif;font-size:54px;font-weight:700;color:var(--tf-red)}
.tfci-preview-grid ul{padding-left:20px;margin-bottom:0}
.tfci-preview-grid li{margin:9px 0;color:var(--tf-text)}
.tfci-stage-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tfci-stage-cards article{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.16);border-top:4px solid var(--tf-red);padding:28px}
.tfci-stage-cards span{display:block;color:#fff;font-family:"Barlow Condensed",Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;margin-bottom:12px}
.tfci-stage-cards p{font-size:15px}
.tfci-faq{border-top:1px solid var(--tf-line)}
.tfci-faq details{border-bottom:1px solid var(--tf-line);background:#fff}
.tfci-faq summary{cursor:pointer;padding:22px 52px 22px 0;font-family:"Barlow Condensed",Arial,sans-serif;font-size:22px;font-weight:700;text-transform:uppercase;list-style:none;position:relative}
.tfci-faq summary::-webkit-details-marker{display:none}
.tfci-faq summary:after{content:"+";position:absolute;right:8px;top:16px;color:var(--tf-red);font-size:29px}
.tfci-faq details[open] summary:after{content:"−"}
.tfci-faq details p{max-width:900px;margin:0;padding:0 0 22px;font-size:16px}
.tfci-final{background:var(--tf-deep);color:#fff;border-top:5px solid var(--tf-red);padding:72px 0;text-align:center}
.tfci-final h2{max-width:850px;margin:0 auto 24px}
.tfci-final .tfci-hero__actions{justify-content:center}
.tfci-error{padding:25px;border-left:4px solid var(--tf-red);background:#f8eded}
@media(max-width:1050px){.tfci-tool-nav{grid-template-columns:repeat(3,1fr)}.tfci-tool-nav__item:nth-child(3){border-right:0}.tfci-tool-nav__item:nth-child(-n+3){border-bottom:1px solid var(--tf-line)}.tfci-steps{grid-template-columns:repeat(2,1fr)}.tfci-stage-cards{grid-template-columns:1fr}.tfci-hero__grid{grid-template-columns:1fr;gap:40px}.tfci-two-col{grid-template-columns:1fr}.tfci-field-grid,.tfci-split-cards{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.tfci-wrap{width:min(100% - 30px,1180px)}.tfci-hero{padding:62px 0 48px}.tfci h1{font-size:48px}.tfci h2{font-size:37px}.tfci-section{padding:65px 0}.tfci-tool-nav{grid-template-columns:1fr 1fr}.tfci-tool-nav__item:nth-child(n){border-right:1px solid var(--tf-line);border-bottom:1px solid var(--tf-line)}.tfci-tool-nav__item:nth-child(2n){border-right:0}.tfci-steps,.tfci-field-grid,.tfci-split-cards,.tfci-preview-grid{grid-template-columns:1fr}.tfci-option-list article{grid-template-columns:52px 1fr;padding:21px 18px}.tfci-status-guide>div{grid-template-columns:18px 78px 1fr}.tfci-btn{width:100%}.tfci-hero__actions{flex-direction:column}.tfci-chapter-nav{top:0}.admin-bar .tfci-chapter-nav{top:46px}}

/* =========================================================
   TF Centrum Instrukcji v0.1.1 — stabilny szablon ToolsForge
   Pełna szerokość sekcji, równe belki i przyciski 1:1 ze stylem TF.
   ========================================================= */

/* Styk shortcode'u z motywem WordPress. */
html body.tfci-page .tfci-host-shell,
html body.tfci-active .tfci-host-shell {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
}

html body.tfci-page .tfci-host-empty,
html body.tfci-active .tfci-host-empty {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
}

html body.tfci-page article.page > .entry-header,
html body.tfci-active article.page > .entry-header,
html body.tfci-page article.type-page > .entry-header,
html body.tfci-active article.type-page > .entry-header {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
}

html body.tfci-page :where(#content, .site-content, .content-area, .site-main, main, article.page, article.type-page, .entry-content, .page-content, .wp-block-post-content),
html body.tfci-active :where(#content, .site-content, .content-area, .site-main, main, article.page, article.type-page, .entry-content, .page-content, .wp-block-post-content) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Cała aplikacja wychodzi z ograniczonego kontenera motywu.
   Tła sekcji mają 100% szerokości monitora, treść pozostaje w .tfci-wrap. */
html body .tfci[data-tfci-root] {
  box-sizing: border-box !important;
  clear: both !important;
  display: block !important;
  float: none !important;
  left: 50% !important;
  margin: 0 0 0 -50vw !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow-x: clip !important;
  padding: 0 !important;
  position: relative !important;
  right: auto !important;
  transform: none !important;
  width: 100vw !important;
}

@supports not (overflow: clip) {
  html body .tfci[data-tfci-root] { overflow-x: hidden !important; }
}

html body .tfci[data-tfci-root],
html body .tfci[data-tfci-root] *,
html body .tfci[data-tfci-root] *::before,
html body .tfci[data-tfci-root] *::after {
  box-sizing: border-box !important;
}

html body .tfci[data-tfci-root] :where(section, article, header, nav, main, div, aside, ol, ul, li) {
  min-width: 0 !important;
}

html body .tfci[data-tfci-root] .tfci-wrap {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1480px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: relative !important;
  width: 86% !important;
}

html body .tfci[data-tfci-root] > section,
html body .tfci[data-tfci-root] > nav,
html body .tfci[data-tfci-root] > main,
html body .tfci[data-tfci-root] > main > section {
  clear: both !important;
  display: block !important;
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

/* Kolory i czytelność zabezpieczone przed stylami motywu. */
html body .tfci[data-tfci-root] h1,
html body .tfci[data-tfci-root] h2,
html body .tfci[data-tfci-root] h3 {
  font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  visibility: visible !important;
}

html body .tfci[data-tfci-root] .tfci-section--dark h2,
html body .tfci[data-tfci-root] .tfci-section--dark h3,
html body .tfci[data-tfci-root] .tfci-final h2 {
  color: #fff !important;
}

html body .tfci[data-tfci-root] .tfci-section--dark .tfci-callout:not(.tfci-callout--dark),
html body .tfci[data-tfci-root] .tfci-section--dark .tfci-callout:not(.tfci-callout--dark) b,
html body .tfci[data-tfci-root] .tfci-section--dark .tfci-callout:not(.tfci-callout--dark) strong {
  color: var(--tf-slate) !important;
}

html body .tfci[data-tfci-root] .tfci-section--dark .tfci-callout:not(.tfci-callout--dark) p,
html body .tfci[data-tfci-root] .tfci-section--dark :where(.tfci-checklist, .tfci-status-guide, .tfci-table-wrap) p {
  color: var(--tf-text) !important;
}

/* Przyciski — ten sam rytm, wysokość i zachowanie co na stronie głównej/Poznaj System. */
html body .tfci[data-tfci-root] .tfci-hero__actions {
  display: grid !important;
  gap: 15px !important;
  margin-top: 30px !important;
  max-width: 600px !important;
  width: min(100%, 600px) !important;
}

html body .tfci[data-tfci-root] .tfci-actions--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body .tfci[data-tfci-root] .tfci-actions--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  max-width: 915px !important;
  width: min(100%, 915px) !important;
}

html body .tfci[data-tfci-root] .tfci-final .tfci-hero__actions {
  margin-left: auto !important;
  margin-right: auto !important;
}

html body .tfci[data-tfci-root] .tfci-btn,
html body .tfci[data-tfci-root] a.tfci-btn,
html body .tfci[data-tfci-root] button.tfci-btn {
  align-items: center !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 0 !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-family: "Barlow", "Segoe UI", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  justify-content: center !important;
  letter-spacing: .5px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  min-height: 52px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 14px 25px !important;
  position: relative !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transform: none !important;
  transition: background-color .3s ease !important;
  z-index: 1 !important;
}

html body .tfci[data-tfci-root] .tfci-hero__actions .tfci-btn {
  width: 100% !important;
}

html body .tfci[data-tfci-root] .tfci-state-card .tfci-btn {
  max-width: 300px !important;
  width: min(100%, 300px) !important;
}

html body .tfci[data-tfci-root] .tfci-btn--red,
html body .tfci[data-tfci-root] .tfci-btn--red:visited {
  background: var(--tf-red) !important;
  color: #fff !important;
}

html body .tfci[data-tfci-root] .tfci-btn--blue,
html body .tfci[data-tfci-root] .tfci-btn--blue:visited {
  background: var(--tf-blue) !important;
  color: #fff !important;
}

html body .tfci[data-tfci-root] .tfci-btn--red:hover,
html body .tfci[data-tfci-root] .tfci-btn--red:focus-visible {
  background: #9e2c2c !important;
  color: #fff !important;
  filter: none !important;
  transform: none !important;
}

html body .tfci[data-tfci-root] .tfci-btn--blue:hover,
html body .tfci[data-tfci-root] .tfci-btn--blue:focus-visible {
  background: #243447 !important;
  color: #fff !important;
  filter: none !important;
  transform: none !important;
}

html body .tfci[data-tfci-root] .tfci-btn::after {
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent) !important;
  content: "" !important;
  height: 100% !important;
  left: -100% !important;
  pointer-events: none !important;
  position: absolute !important;
  top: 0 !important;
  transform: skewX(-25deg) !important;
  transition: .6s !important;
  width: 50% !important;
  z-index: -1 !important;
}

html body .tfci[data-tfci-root] .tfci-btn:hover::after { left: 150% !important; }

/* Nawigacja pomiędzy instrukcjami — sześć równych segmentów. */
html body .tfci[data-tfci-root] .tfci-tool-nav {
  align-items: stretch !important;
  background: #fff !important;
  border: 1px solid var(--tf-line) !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  margin: 0 !important;
  width: 100% !important;
}

html body .tfci[data-tfci-root] .tfci-tool-nav__item {
  align-items: center !important;
  border-bottom: 0 !important;
  border-right: 1px solid var(--tf-line) !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  height: 100% !important;
  justify-content: start !important;
  margin: 0 !important;
  min-height: 74px !important;
  padding: 14px 15px !important;
}

html body .tfci[data-tfci-root] .tfci-tool-nav__item:last-child { border-right: 0 !important; }
html body .tfci[data-tfci-root] .tfci-tool-nav__item.is-disabled { opacity: .58 !important; }
html body .tfci[data-tfci-root] .tfci-tool-nav__item.is-current { background: var(--tf-blue) !important; color: #fff !important; }

/* Spis rozdziałów — osobna granatowa belka, dziewięć równych pól. */
html body .tfci[data-tfci-root] .tfci-chapter-nav {
  background: var(--tf-deep) !important;
  border: 0 !important;
  box-shadow: none !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 40 !important;
}

body.admin-bar .tfci[data-tfci-root] .tfci-chapter-nav { top: 32px !important; }

html body .tfci[data-tfci-root] .tfci-chapter-nav .tfci-wrap {
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  overflow-x: visible !important;
}

html body .tfci[data-tfci-root] .tfci-chapter-nav a,
html body .tfci[data-tfci-root] .tfci-chapter-nav a:visited {
  align-items: center !important;
  border-left: 1px solid rgba(255,255,255,.12) !important;
  border-right: 0 !important;
  color: #fff !important;
  display: flex !important;
  font-family: "Barlow", "Segoe UI", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  justify-content: center !important;
  letter-spacing: .04em !important;
  line-height: 1.2 !important;
  min-height: 58px !important;
  padding: 10px 8px !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

html body .tfci[data-tfci-root] .tfci-chapter-nav a:last-child { border-right: 1px solid rgba(255,255,255,.12) !important; }
html body .tfci[data-tfci-root] .tfci-chapter-nav a:hover,
html body .tfci[data-tfci-root] .tfci-chapter-nav a:focus-visible { background: var(--tf-red) !important; color: #fff !important; }

/* Sekcje i karty. */
html body .tfci[data-tfci-root] .tfci-section {
  padding: 104px 0 !important;
  scroll-margin-top: 72px !important;
}

html body .tfci[data-tfci-root] :where(.tfci-steps, .tfci-field-grid, .tfci-split-cards, .tfci-stage-cards) {
  align-items: stretch !important;
}

html body .tfci[data-tfci-root] :where(.tfci-steps li, .tfci-field-grid article, .tfci-split-cards article, .tfci-stage-cards article) {
  height: 100% !important;
}

@media (max-width: 1280px) {
  html body .tfci[data-tfci-root] .tfci-wrap { width: calc(100% - 48px) !important; }
  html body .tfci[data-tfci-root] .tfci-tool-nav { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  html body .tfci[data-tfci-root] .tfci-tool-nav__item:nth-child(3n) { border-right: 0 !important; }
  html body .tfci[data-tfci-root] .tfci-tool-nav__item:nth-child(-n+3) { border-bottom: 1px solid var(--tf-line) !important; }
}

@media (max-width: 1000px) {
  html body .tfci[data-tfci-root] .tfci-chapter-nav .tfci-wrap {
    display: flex !important;
    max-width: none !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    width: 100% !important;
  }
  html body .tfci[data-tfci-root] .tfci-chapter-nav .tfci-wrap::-webkit-scrollbar { display: none !important; }
  html body .tfci[data-tfci-root] .tfci-chapter-nav a { flex: 0 0 160px !important; }
}

@media (max-width: 720px) {
  html body .tfci[data-tfci-root] .tfci-wrap { width: calc(100% - 28px) !important; }
  html body .tfci[data-tfci-root] .tfci-section { padding: 64px 0 !important; }
  html body .tfci[data-tfci-root] .tfci-actions--2,
  html body .tfci[data-tfci-root] .tfci-actions--3 { grid-template-columns: minmax(0, 1fr) !important; max-width: none !important; width: 100% !important; }
  html body .tfci[data-tfci-root] .tfci-tool-nav { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body .tfci[data-tfci-root] .tfci-tool-nav__item:nth-child(n) { border-bottom: 1px solid var(--tf-line) !important; border-right: 1px solid var(--tf-line) !important; }
  html body .tfci[data-tfci-root] .tfci-tool-nav__item:nth-child(2n) { border-right: 0 !important; }
  html body .tfci[data-tfci-root] .tfci-tool-nav__item:nth-last-child(-n+2) { border-bottom: 0 !important; }
}

@media (max-width: 782px) {
  body.admin-bar .tfci[data-tfci-root] .tfci-chapter-nav { top: 46px !important; }
}

@media (prefers-reduced-motion: reduce) {
  html body .tfci[data-tfci-root] *,
  html body .tfci[data-tfci-root] *::before,
  html body .tfci[data-tfci-root] *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}


/* =========================================================
   TF Centrum Instrukcji v0.1.2 — typografia i końcowe CTA
   Nadtytuły 1:1 z TF Poznaj System, nagłówki TF Deep Blue.
   ========================================================= */

/* Górna sekcja ma stykać się wyłącznie z linią należącą do menu motywu. */
html body .tfci[data-tfci-root] .tfci-hero {
  border-top: 0 !important;
}

/* Nadtytuł skopiowany ze stabilnego wzorca TF Poznaj System. */
html body .tfci[data-tfci-root] .tfci-overline {
  color: var(--tf-red) !important;
  font-family: "Barlow", "Segoe UI", Arial, sans-serif !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: .18em !important;
  line-height: 1.35 !important;
  margin: 0 0 16px !important;
  opacity: 1 !important;
  text-shadow: none !important;
  text-transform: uppercase !important;
}

/* Wszystkie nagłówki na jasnym tle korzystają z TF Deep Blue. */
html body .tfci[data-tfci-root] h1,
html body .tfci[data-tfci-root] h2,
html body .tfci[data-tfci-root] h3,
html body .tfci[data-tfci-root] .tfci-steps b,
html body .tfci[data-tfci-root] .tfci-callout b,
html body .tfci[data-tfci-root] .tfci-status-guide b,
html body .tfci[data-tfci-root] .tfci-faq summary,
html body .tfci[data-tfci-root] .tfci-tool-nav__item b {
  color: var(--tf-blue) !important;
}

/* Nagłówki na granatowym tle pozostają białe. */
html body .tfci[data-tfci-root] .tfci-hero h1,
html body .tfci[data-tfci-root] .tfci-hero h2,
html body .tfci[data-tfci-root] .tfci-hero h3,
html body .tfci[data-tfci-root] .tfci-section--dark > .tfci-wrap > .tfci-heading h2,
html body .tfci[data-tfci-root] .tfci-section--dark .tfci-split-cards h3,
html body .tfci[data-tfci-root] .tfci-section--dark .tfci-stage-cards h3,
html body .tfci[data-tfci-root] .tfci-section--dark .tfci-callout--dark b,
html body .tfci[data-tfci-root] .tfci-final h2,
html body .tfci[data-tfci-root] .tfci-tool-nav__item.is-current b {
  color: #fff !important;
}

/* Jasne komunikaty umieszczone wewnątrz ciemnej sekcji zachowują granatowe tytuły. */
html body .tfci[data-tfci-root] .tfci-section--dark .tfci-callout:not(.tfci-callout--dark) b {
  color: var(--tf-blue) !important;
}

/* Nowoczesna, asymetryczna sekcja końcowa. */
html body .tfci[data-tfci-root] .tfci-final {
  background: var(--tf-deep) !important;
  border-top: 0 !important;
  color: #fff !important;
  padding: 96px 0 !important;
  text-align: left !important;
}

html body .tfci[data-tfci-root] .tfci-final__grid {
  align-items: stretch !important;
  display: grid !important;
  gap: clamp(40px, 6vw, 88px) !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr) !important;
}

html body .tfci[data-tfci-root] .tfci-final__copy {
  align-self: center !important;
  max-width: 900px !important;
}

html body .tfci[data-tfci-root] .tfci-final h2 {
  font-size: clamp(48px, 5.2vw, 82px) !important;
  line-height: 1.01 !important;
  margin: 0 0 24px !important;
  max-width: 940px !important;
  text-transform: none !important;
}

html body .tfci[data-tfci-root] .tfci-final__lead {
  color: rgba(255,255,255,.78) !important;
  font-size: 19px !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  max-width: 780px !important;
}

html body .tfci[data-tfci-root] .tfci-final .tfci-hero__actions {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 650px !important;
  width: min(100%, 650px) !important;
}

html body .tfci[data-tfci-root] .tfci-final__top-link,
html body .tfci[data-tfci-root] .tfci-final__top-link:visited {
  color: rgba(255,255,255,.62) !important;
  display: inline-flex !important;
  font-family: "Barlow", "Segoe UI", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  margin-top: 22px !important;
  text-transform: uppercase !important;
}

html body .tfci[data-tfci-root] .tfci-final__top-link:hover,
html body .tfci[data-tfci-root] .tfci-final__top-link:focus-visible {
  color: #fff !important;
}

html body .tfci[data-tfci-root] .tfci-final__panel {
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-top: 4px solid var(--tf-red) !important;
  min-height: 100% !important;
  padding: 38px 40px !important;
  position: relative !important;
}

html body .tfci[data-tfci-root] .tfci-final__number {
  color: rgba(255,255,255,.13) !important;
  display: block !important;
  font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif !important;
  font-size: 82px !important;
  font-weight: 700 !important;
  line-height: .85 !important;
  margin-bottom: 24px !important;
}

html body .tfci[data-tfci-root] .tfci-final__panel ul {
  margin: 0 0 26px !important;
  padding-left: 21px !important;
}

html body .tfci[data-tfci-root] .tfci-final__panel li {
  color: rgba(255,255,255,.9) !important;
  font-size: 17px !important;
  margin: 10px 0 !important;
}

html body .tfci[data-tfci-root] .tfci-final__note {
  border-top: 1px solid rgba(255,255,255,.15) !important;
  color: rgba(255,255,255,.62) !important;
  font-size: 14px !important;
  margin: 0 !important;
  padding-top: 20px !important;
}

@media (max-width: 980px) {
  html body .tfci[data-tfci-root] .tfci-final__grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body .tfci[data-tfci-root] .tfci-final__panel {
    min-height: 0 !important;
  }
}

@media (max-width: 720px) {
  html body .tfci[data-tfci-root] .tfci-final { padding: 68px 0 !important; }
  html body .tfci[data-tfci-root] .tfci-final h2 { font-size: clamp(40px, 12vw, 58px) !important; }
  html body .tfci[data-tfci-root] .tfci-final__panel { padding: 30px 24px !important; }
}

/* =========================================================
   TF Centrum Instrukcji v0.1.3 — statusy i plansza końcowa
   ========================================================= */

/* Trzy statusy: równe kafelki z nazwą koloru, bez osobnych kropek. */
html body .tfci[data-tfci-root] .tfci-status-guide {
  padding: 30px !important;
}

html body .tfci[data-tfci-root] .tfci-status-guide > h3 {
  margin-bottom: 16px !important;
}

html body .tfci[data-tfci-root] .tfci-status-guide > .tfci-status-row {
  align-items: center !important;
  border-top: 1px solid var(--tf-line) !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: 142px minmax(0, 1fr) !important;
  padding: 14px 0 !important;
}

html body .tfci[data-tfci-root] .tfci-status-guide > .tfci-status-row:first-of-type {
  border-top: 0 !important;
}

html body .tfci[data-tfci-root] .tfci-status-guide .tfci-status-tile {
  align-items: center !important;
  border-radius: 0 !important;
  color: #fff !important;
  display: flex !important;
  font-family: "Barlow", "Segoe UI", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  height: 42px !important;
  justify-content: center !important;
  letter-spacing: .055em !important;
  line-height: 1 !important;
  margin: 0 !important;
  min-width: 0 !important;
  padding: 0 10px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  width: 142px !important;
}

html body .tfci[data-tfci-root] .tfci-status-guide .tfci-status-tile.is-good {
  background: #2e8b57 !important;
}

html body .tfci[data-tfci-root] .tfci-status-guide .tfci-status-tile.is-medium {
  background: #d39222 !important;
}

html body .tfci[data-tfci-root] .tfci-status-guide .tfci-status-tile.is-bad {
  background: var(--tf-red) !important;
}

html body .tfci[data-tfci-root] .tfci-status-guide .tfci-status-row p {
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

/* Końcowa plansza inspirowana manifestem ze strony głównej: duży znak TF w tle. */
html body .tfci[data-tfci-root] .tfci-final {
  background: var(--tf-deep) !important;
  color: #fff !important;
  min-height: 720px !important;
  overflow: hidden !important;
  padding: 112px 0 104px !important;
  position: relative !important;
  text-align: left !important;
}

html body .tfci[data-tfci-root] .tfci-final::after {
  background: linear-gradient(90deg, var(--tf-deep) 0%, rgba(22,47,80,.97) 44%, rgba(22,47,80,.72) 70%, rgba(22,47,80,.18) 100%) !important;
  content: "" !important;
  inset: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 1 !important;
}

html body .tfci[data-tfci-root] .tfci-final__mark {
  height: auto !important;
  max-width: none !important;
  opacity: .24 !important;
  pointer-events: none !important;
  position: absolute !important;
  right: max(0px, calc((100vw - 1480px) / 2 - 60px)) !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: clamp(610px, 53vw, 900px) !important;
  z-index: 0 !important;
}

html body .tfci[data-tfci-root] .tfci-final__content {
  align-items: center !important;
  display: flex !important;
  min-height: 504px !important;
  position: relative !important;
  z-index: 2 !important;
}

html body .tfci[data-tfci-root] .tfci-final__copy {
  max-width: 920px !important;
  width: min(70%, 920px) !important;
}

html body .tfci[data-tfci-root] .tfci-final h2 {
  font-size: clamp(52px, 5.45vw, 88px) !important;
  line-height: 1.01 !important;
  margin: 0 0 26px !important;
  max-width: 920px !important;
  text-transform: none !important;
}

html body .tfci[data-tfci-root] .tfci-final__lead {
  color: rgba(255,255,255,.78) !important;
  font-size: 19px !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  max-width: 780px !important;
}

html body .tfci[data-tfci-root] .tfci-final .tfci-final__actions {
  margin: 34px 0 0 !important;
  max-width: 760px !important;
  width: min(100%, 760px) !important;
}

html body .tfci[data-tfci-root] .tfci-final__footer {
  align-items: center !important;
  border-top: 1px solid rgba(255,255,255,.16) !important;
  display: flex !important;
  gap: 28px !important;
  justify-content: space-between !important;
  margin-top: 30px !important;
  max-width: 760px !important;
  padding-top: 20px !important;
}

html body .tfci[data-tfci-root] .tfci-final__note {
  border-top: 0 !important;
  color: rgba(255,255,255,.64) !important;
  flex: 1 1 auto !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  padding-top: 0 !important;
}

html body .tfci[data-tfci-root] .tfci-final__top-link,
html body .tfci[data-tfci-root] .tfci-final__top-link:visited {
  flex: 0 0 auto !important;
  margin-top: 0 !important;
  white-space: nowrap !important;
}

/* Stare elementy prawego panelu z 0.1.2 nie są już używane. */
html body .tfci[data-tfci-root] .tfci-final__grid,
html body .tfci[data-tfci-root] .tfci-final__panel,
html body .tfci[data-tfci-root] .tfci-final__number {
  display: none !important;
}

@media (max-width: 1100px) {
  html body .tfci[data-tfci-root] .tfci-final {
    min-height: 660px !important;
  }
  html body .tfci[data-tfci-root] .tfci-final__copy {
    width: min(76%, 820px) !important;
  }
  html body .tfci[data-tfci-root] .tfci-final__mark {
    right: -140px !important;
    width: 720px !important;
  }
}

@media (max-width: 760px) {
  html body .tfci[data-tfci-root] .tfci-status-guide > .tfci-status-row {
    gap: 12px !important;
    grid-template-columns: 128px minmax(0, 1fr) !important;
  }
  html body .tfci[data-tfci-root] .tfci-status-guide .tfci-status-tile {
    font-size: 10px !important;
    width: 128px !important;
  }
  html body .tfci[data-tfci-root] .tfci-final {
    min-height: 0 !important;
    padding: 76px 0 72px !important;
  }
  html body .tfci[data-tfci-root] .tfci-final::after {
    background: linear-gradient(90deg, rgba(22,47,80,.99) 0%, rgba(22,47,80,.92) 68%, rgba(22,47,80,.66) 100%) !important;
  }
  html body .tfci[data-tfci-root] .tfci-final__mark {
    opacity: .13 !important;
    right: -55vw !important;
    top: 43% !important;
    width: 112vw !important;
  }
  html body .tfci[data-tfci-root] .tfci-final__content {
    min-height: 0 !important;
  }
  html body .tfci[data-tfci-root] .tfci-final__copy {
    width: 100% !important;
  }
  html body .tfci[data-tfci-root] .tfci-final__footer {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 14px !important;
  }
}

@media (max-width: 480px) {
  html body .tfci[data-tfci-root] .tfci-status-guide > .tfci-status-row {
    align-items: stretch !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body .tfci[data-tfci-root] .tfci-status-guide .tfci-status-tile {
    width: 100% !important;
  }
}

/* =========================================================
   TF Centrum Instrukcji v0.1.4 — limity, materiały i CTA
   ========================================================= */

/* Zasady konta: trzy równe, czytelne karty. */
html body .tfci[data-tfci-root] .tfci-account-rules {
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin-top: 38px !important;
}

html body .tfci[data-tfci-root] .tfci-account-rules article {
  background: #fff !important;
  border: 1px solid var(--tf-line) !important;
  border-top: 4px solid var(--tf-blue) !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 240px !important;
  padding: 28px !important;
}

html body .tfci[data-tfci-root] .tfci-account-rules article:nth-child(2) {
  border-top-color: var(--tf-red) !important;
}

html body .tfci[data-tfci-root] .tfci-account-rules article > span {
  color: var(--tf-red) !important;
  font-family: "Barlow", "Segoe UI", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
  margin-bottom: 13px !important;
  text-transform: uppercase !important;
}

html body .tfci[data-tfci-root] .tfci-account-rules h3 {
  font-size: 26px !important;
  margin: 0 0 12px !important;
}

html body .tfci[data-tfci-root] .tfci-account-rules p {
  font-size: 15px !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* Marketingowe podsumowanie rezultatu generatora. */
html body .tfci[data-tfci-root] .tfci-delivery-grid {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin: 0 0 22px !important;
}

html body .tfci[data-tfci-root] .tfci-delivery-grid article {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-top: 4px solid var(--tf-red) !important;
  min-height: 250px !important;
  padding: 26px !important;
}

html body .tfci[data-tfci-root] .tfci-delivery-grid article > span {
  color: rgba(255,255,255,.22) !important;
  display: block !important;
  font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif !important;
  font-size: 48px !important;
  font-weight: 700 !important;
  line-height: .9 !important;
  margin-bottom: 20px !important;
}

html body .tfci[data-tfci-root] .tfci-delivery-grid h3 {
  color: #fff !important;
  font-size: 25px !important;
  margin: 0 0 11px !important;
}

html body .tfci[data-tfci-root] .tfci-delivery-grid p {
  color: rgba(255,255,255,.72) !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
  margin: 0 !important;
}

/* Jasne rozdzielenie zakupów ToolsForge i kantówek. */
html body .tfci[data-tfci-root] .tfci-supply-grid {
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin: 0 0 28px !important;
}

html body .tfci[data-tfci-root] .tfci-supply-grid article {
  background: #fff !important;
  border: 1px solid var(--tf-line) !important;
  border-left: 5px solid var(--tf-blue) !important;
  min-height: 240px !important;
  padding: 30px 32px !important;
}

html body .tfci[data-tfci-root] .tfci-supply-grid article:last-child {
  border-left-color: var(--tf-red) !important;
}

html body .tfci[data-tfci-root] .tfci-supply-grid .tfci-overline {
  margin-bottom: 12px !important;
}

html body .tfci[data-tfci-root] .tfci-supply-grid h3 {
  color: var(--tf-blue) !important;
  font-size: 29px !important;
  margin: 0 0 12px !important;
}

html body .tfci[data-tfci-root] .tfci-supply-grid p:not(.tfci-overline) {
  color: var(--tf-text) !important;
  font-size: 15px !important;
  line-height: 1.68 !important;
  margin: 0 !important;
}

html body .tfci[data-tfci-root] .tfci-callout--deadline {
  background: #fff !important;
  border-left-color: var(--tf-red) !important;
}

html body .tfci[data-tfci-root] .tfci-section--dark .tfci-callout--deadline b {
  color: var(--tf-blue) !important;
}

html body .tfci[data-tfci-root] .tfci-section--dark .tfci-callout--deadline p {
  color: var(--tf-text) !important;
}

/* Trzy krótkie fakty w końcowej planszy. */
html body .tfci[data-tfci-root] .tfci-final__facts {
  border-bottom: 1px solid rgba(255,255,255,.16) !important;
  border-top: 1px solid rgba(255,255,255,.16) !important;
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin-top: 30px !important;
  max-width: 760px !important;
}

html body .tfci[data-tfci-root] .tfci-final__facts span {
  align-items: center !important;
  color: rgba(255,255,255,.86) !important;
  display: flex !important;
  font-family: "Barlow", "Segoe UI", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  justify-content: center !important;
  letter-spacing: .09em !important;
  min-height: 52px !important;
  padding: 0 14px !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

html body .tfci[data-tfci-root] .tfci-final__facts span + span {
  border-left: 1px solid rgba(255,255,255,.16) !important;
}

/* Odwrócona kompozycja planszy: znak TF po lewej, treść po prawej. */
html body .tfci[data-tfci-root] .tfci-final::after {
  background: linear-gradient(90deg, rgba(22,47,80,.08) 0%, rgba(22,47,80,.42) 28%, rgba(22,47,80,.92) 55%, var(--tf-deep) 76%, var(--tf-deep) 100%) !important;
}

html body .tfci[data-tfci-root] .tfci-final__mark {
  left: max(0px, calc((100vw - 1480px) / 2 - 70px)) !important;
  right: auto !important;
  width: clamp(610px, 53vw, 900px) !important;
}

html body .tfci[data-tfci-root] .tfci-final__content {
  justify-content: flex-end !important;
}

html body .tfci[data-tfci-root] .tfci-final__copy {
  margin-left: auto !important;
  max-width: 860px !important;
  width: min(61%, 860px) !important;
}

html body .tfci[data-tfci-root] .tfci-final h2,
html body .tfci[data-tfci-root] .tfci-final__lead,
html body .tfci[data-tfci-root] .tfci-final .tfci-final__actions,
html body .tfci[data-tfci-root] .tfci-final__footer,
html body .tfci[data-tfci-root] .tfci-final__facts {
  margin-left: auto !important;
  margin-right: 0 !important;
}

@media (max-width: 1120px) {
  html body .tfci[data-tfci-root] .tfci-account-rules {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body .tfci[data-tfci-root] .tfci-account-rules article {
    min-height: 0 !important;
  }
  html body .tfci[data-tfci-root] .tfci-delivery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body .tfci[data-tfci-root] .tfci-delivery-grid article {
    min-height: 220px !important;
  }
  html body .tfci[data-tfci-root] .tfci-final__mark {
    left: -155px !important;
    right: auto !important;
    width: 720px !important;
  }
  html body .tfci[data-tfci-root] .tfci-final__copy {
    width: min(68%, 780px) !important;
  }
}

@media (max-width: 820px) {
  html body .tfci[data-tfci-root] .tfci-supply-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 760px) {
  html body .tfci[data-tfci-root] .tfci-delivery-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body .tfci[data-tfci-root] .tfci-delivery-grid article {
    min-height: 0 !important;
  }
  html body .tfci[data-tfci-root] .tfci-final::after {
    background: linear-gradient(90deg, rgba(22,47,80,.68) 0%, rgba(22,47,80,.92) 42%, rgba(22,47,80,.99) 100%) !important;
  }
  html body .tfci[data-tfci-root] .tfci-final__mark {
    left: -52vw !important;
    right: auto !important;
    top: 43% !important;
    width: 112vw !important;
  }
  html body .tfci[data-tfci-root] .tfci-final__copy {
    width: 100% !important;
  }
  html body .tfci[data-tfci-root] .tfci-final__facts {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body .tfci[data-tfci-root] .tfci-final__facts span + span {
    border-left: 0 !important;
    border-top: 1px solid rgba(255,255,255,.16) !important;
  }
}


/* =========================================================
   TF Centrum Instrukcji v0.1.5 — CTA: wektor TF i prawa kompozycja
   ========================================================= */

/* Znak TF jest teraz plikiem SVG, dlatego zachowuje ostrość przy każdym powiększeniu. */
html body .tfci[data-tfci-root] .tfci-final__mark {
  image-rendering: auto !important;
  left: max(0px, calc((100vw - 1480px) / 2 - 80px)) !important;
  right: auto !important;
  width: clamp(650px, 55vw, 960px) !important;
}

/* Cały blok treści jest zakotwiczony i wyrównany do prawej strony. */
html body .tfci[data-tfci-root] .tfci-final__content {
  justify-content: flex-end !important;
}

html body .tfci[data-tfci-root] .tfci-final__copy {
  margin-left: auto !important;
  margin-right: 0 !important;
  max-width: 1040px !important;
  text-align: right !important;
  width: min(70%, 1040px) !important;
}

html body .tfci[data-tfci-root] .tfci-final .tfci-overline,
html body .tfci[data-tfci-root] .tfci-final h2,
html body .tfci[data-tfci-root] .tfci-final__lead {
  margin-left: auto !important;
  margin-right: 0 !important;
  text-align: right !important;
}

html body .tfci[data-tfci-root] .tfci-final h2 {
  max-width: 100% !important;
  width: 100% !important;
}

html body .tfci[data-tfci-root] .tfci-final__lead {
  max-width: 860px !important;
  width: 100% !important;
}

/* Opis, tabela zasad i przyciski korzystają z tej samej szerokości bazowej. */
html body .tfci[data-tfci-root] .tfci-final__facts,
html body .tfci[data-tfci-root] .tfci-final .tfci-final__actions,
html body .tfci[data-tfci-root] .tfci-final__footer {
  margin-left: auto !important;
  margin-right: 0 !important;
  max-width: 860px !important;
  width: 100% !important;
}

html body .tfci[data-tfci-root] .tfci-final .tfci-final__actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body .tfci[data-tfci-root] .tfci-final .tfci-final__actions .tfci-btn {
  min-width: 0 !important;
  width: 100% !important;
}

/* Dolny wiersz bez linii: informacja po lewej, powrót na górę po prawej. */
html body .tfci[data-tfci-root] .tfci-final__footer {
  align-items: flex-end !important;
  border-top: 0 !important;
  margin-top: 24px !important;
  padding-top: 0 !important;
}

html body .tfci[data-tfci-root] .tfci-final__note {
  text-align: left !important;
}

html body .tfci[data-tfci-root] .tfci-final__top-link,
html body .tfci[data-tfci-root] .tfci-final__top-link:visited {
  margin-left: auto !important;
  text-align: right !important;
}

@media (max-width: 1120px) {
  html body .tfci[data-tfci-root] .tfci-final__mark {
    left: -170px !important;
    width: 760px !important;
  }
  html body .tfci[data-tfci-root] .tfci-final__copy {
    width: min(72%, 860px) !important;
  }
}

@media (max-width: 760px) {
  html body .tfci[data-tfci-root] .tfci-final__copy,
  html body .tfci[data-tfci-root] .tfci-final .tfci-overline,
  html body .tfci[data-tfci-root] .tfci-final h2,
  html body .tfci[data-tfci-root] .tfci-final__lead {
    text-align: left !important;
    width: 100% !important;
  }
  html body .tfci[data-tfci-root] .tfci-final__mark {
    left: -55vw !important;
    width: 118vw !important;
  }
  html body .tfci[data-tfci-root] .tfci-final .tfci-final__actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body .tfci[data-tfci-root] .tfci-final__footer {
    align-items: stretch !important;
  }
  html body .tfci[data-tfci-root] .tfci-final__top-link,
  html body .tfci[data-tfci-root] .tfci-final__top-link:visited {
    margin-left: 0 !important;
    text-align: left !important;
  }
}

/* 0.1.6 — mocny komunikat o pełnej bezpłatności na początku instrukcji. */
html body .tfci[data-tfci-root] .tfci-free-highlight {
  align-items: center !important;
  background: rgba(255,255,255,.075) !important;
  border-left: 5px solid var(--tf-red) !important;
  display: grid !important;
  gap: 7px !important;
  margin: 28px 0 0 !important;
  max-width: 820px !important;
  padding: 18px 22px !important;
}

html body .tfci[data-tfci-root] .tfci-free-highlight span {
  color: #fff !important;
  font-family: "Barlow Condensed",Arial,sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  line-height: 1 !important;
}

html body .tfci[data-tfci-root] .tfci-free-highlight p {
  color: rgba(255,255,255,.78) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

/* Po usunięciu dolnej adnotacji CTA link pozostaje sam, przyklejony do prawej. */
html body .tfci[data-tfci-root] .tfci-final__footer {
  justify-content: flex-end !important;
}


/* =========================================================
   TF Centrum Instrukcji v0.1.7 — pełna instrukcja Korpusów
   ========================================================= */
html body .tfci[data-tfci-root] .tfci-source-grid {
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body .tfci[data-tfci-root] .tfci-source-grid > article {
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-top: 4px solid var(--tf-red) !important;
  min-height: 430px !important;
  padding: 32px !important;
}
html body .tfci[data-tfci-root] .tfci-source-grid > article > span {
  color: rgba(255,255,255,.18) !important;
  display: block !important;
  font-family: "Barlow Condensed",Arial,sans-serif !important;
  font-size: 58px !important;
  font-weight: 700 !important;
  line-height: .9 !important;
  margin-bottom: 22px !important;
}
html body .tfci[data-tfci-root] .tfci-source-grid h3 { color: #fff !important; font-size: 31px !important; }
html body .tfci[data-tfci-root] .tfci-source-grid p:not(.tfci-overline),
html body .tfci[data-tfci-root] .tfci-source-grid li { color: rgba(255,255,255,.74) !important; }
html body .tfci[data-tfci-root] .tfci-source-grid ul { margin: 20px 0 0 !important; padding-left: 20px !important; }
html body .tfci[data-tfci-root] .tfci-source-grid li { margin: 8px 0 !important; }

html body .tfci[data-tfci-root] .tfci-korpus-clearance { margin-top: 46px !important; }
html body .tfci[data-tfci-root] .tfci-formula {
  align-items: center !important;
  background: var(--tf-deep) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin: 24px 0 !important;
  padding: 20px !important;
}
html body .tfci[data-tfci-root] .tfci-formula span,
html body .tfci[data-tfci-root] .tfci-formula strong {
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  font-family: "Barlow",Arial,sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .055em !important;
  padding: 11px 12px !important;
  text-transform: uppercase !important;
}
html body .tfci[data-tfci-root] .tfci-formula strong { background: var(--tf-red) !important; }
html body .tfci[data-tfci-root] .tfci-formula b { color: rgba(255,255,255,.65) !important; font-size: 19px !important; }
html body .tfci[data-tfci-root] .tfci-formula--wide { margin-top: 0 !important; }
html body .tfci[data-tfci-root] .tfci-mini-note { border-top: 1px solid var(--tf-line) !important; font-size: 14px !important; margin: 20px 0 0 !important; padding-top: 18px !important; }
html body .tfci[data-tfci-root] .tfci-heading--table { margin-top: 64px !important; }
html body .tfci[data-tfci-root] .tfci-korpus-table td:first-child { color: var(--tf-red) !important; font-family: "Barlow Condensed",Arial,sans-serif !important; font-size: 19px !important; font-weight: 700 !important; white-space: nowrap !important; width: auto !important; }

html body .tfci[data-tfci-root] .tfci-feature-grid {
  display: grid !important;
  gap: 13px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
html body .tfci[data-tfci-root] .tfci-feature-grid article {
  border: 1px solid var(--tf-line) !important;
  min-height: 205px !important;
  padding: 23px !important;
}
html body .tfci[data-tfci-root] .tfci-feature-grid article > span {
  color: var(--tf-red) !important;
  font-family: "Barlow Condensed",Arial,sans-serif !important;
  font-size: 29px !important;
  font-weight: 700 !important;
}
html body .tfci[data-tfci-root] .tfci-feature-grid h3 { font-size: 23px !important; margin: 8px 0 !important; }
html body .tfci[data-tfci-root] .tfci-feature-grid p { font-size: 14px !important; margin: 0 !important; }

html body .tfci[data-tfci-root] .tfci-control-grid {
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin-top: 20px !important;
}
html body .tfci[data-tfci-root] .tfci-control-grid article {
  background: #fff !important;
  border: 1px solid var(--tf-line) !important;
  border-left: 5px solid var(--tf-red) !important;
  padding: 28px !important;
}
html body .tfci[data-tfci-root] .tfci-control-grid article:last-child { border-left-color: #d39222 !important; }
html body .tfci[data-tfci-root] .tfci-control-grid article > span {
  color: var(--tf-red) !important;
  font-family: "Barlow",Arial,sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}
html body .tfci[data-tfci-root] .tfci-control-grid article:last-child > span { color: #b87514 !important; }
html body .tfci[data-tfci-root] .tfci-control-grid h3 { font-size: 27px !important; margin: 9px 0 !important; }
html body .tfci[data-tfci-root] .tfci-control-grid p { font-size: 15px !important; margin: 0 !important; }
html body .tfci[data-tfci-root] .tfci-checklist--wide { margin-top: 22px !important; }
html body .tfci[data-tfci-root] .tfci-checklist--wide ul { columns: 2 !important; column-gap: 46px !important; }

html body .tfci[data-tfci-root] .tfci-stage-cards--four { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
html body .tfci[data-tfci-root] .tfci-access-grid {
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 26px 0 0 !important;
}
html body .tfci[data-tfci-root] .tfci-access-grid article {
  background: #fff !important;
  border: 1px solid var(--tf-line) !important;
  border-top: 4px solid var(--tf-blue) !important;
  min-height: 275px !important;
  padding: 28px !important;
}
html body .tfci[data-tfci-root] .tfci-access-grid article:nth-child(2) { border-top-color: var(--tf-red) !important; }
html body .tfci[data-tfci-root] .tfci-access-grid article > span {
  color: var(--tf-red) !important;
  font-family: "Barlow",Arial,sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .11em !important;
}
html body .tfci[data-tfci-root] .tfci-access-grid h3 { color: var(--tf-blue) !important; font-size: 27px !important; margin: 10px 0 !important; }
html body .tfci[data-tfci-root] .tfci-access-grid p { color: var(--tf-text) !important; font-size: 15px !important; margin: 0 !important; }

html body .tfci[data-tfci-root] .tfci-supply-grid--dark-info article { min-height: 220px !important; }
html body .tfci[data-tfci-root] .tfci-delivery-grid--korpus article { min-height: 290px !important; }

@media (max-width: 1180px) {
  html body .tfci[data-tfci-root] .tfci-stage-cards--four { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body .tfci[data-tfci-root] .tfci-access-grid { grid-template-columns: minmax(0, 1fr) !important; }
  html body .tfci[data-tfci-root] .tfci-access-grid article { min-height: 0 !important; }
}
@media (max-width: 900px) {
  html body .tfci[data-tfci-root] .tfci-source-grid,
  html body .tfci[data-tfci-root] .tfci-feature-grid,
  html body .tfci[data-tfci-root] .tfci-control-grid { grid-template-columns: minmax(0, 1fr) !important; }
  html body .tfci[data-tfci-root] .tfci-source-grid > article,
  html body .tfci[data-tfci-root] .tfci-feature-grid article { min-height: 0 !important; }
  html body .tfci[data-tfci-root] .tfci-checklist--wide ul { columns: 1 !important; }
}
@media (max-width: 680px) {
  html body .tfci[data-tfci-root] .tfci-stage-cards--four { grid-template-columns: minmax(0, 1fr) !important; }
  html body .tfci[data-tfci-root] .tfci-formula { align-items: stretch !important; flex-direction: column !important; }
  html body .tfci[data-tfci-root] .tfci-formula b { text-align: center !important; }
}

/* v0.1.9 — aktywna nawigacja między instrukcjami */
html body .tfci[data-tfci-root] span.tfci-tool-nav__item {
  cursor: default !important;
  text-decoration: none !important;
}
html body .tfci[data-tfci-root] a.tfci-tool-nav__item {
  cursor: pointer !important;
  text-decoration: none !important;
}
html body .tfci[data-tfci-root] a.tfci-tool-nav__item:hover,
html body .tfci[data-tfci-root] a.tfci-tool-nav__item:focus-visible {
  background: var(--tf-soft) !important;
  color: var(--tf-blue) !important;
  outline: none !important;
}

html body .tfci[data-tfci-root] .tfci-heading--spaced { margin-top: 58px !important; }


/* =========================================================
   TF Centrum Instrukcji v0.2.3 — korekta układu Wizualizatora
   Czytelność jasnych kart, równe kolumny i poprawne kotwice.
   ========================================================= */

html body .tfci[data-tfci-root] .tfci-section[id] {
  scroll-margin-top: 88px !important;
}
html body.admin-bar .tfci[data-tfci-root] .tfci-section[id] {
  scroll-margin-top: 120px !important;
}

html body .tfci[data-tfci-root] .tfci-callout:not(.tfci-callout--dark) > strong,
html body .tfci[data-tfci-root] .tfci-callout:not(.tfci-callout--dark) > b {
  color: var(--tf-blue) !important;
  display: block !important;
  font-family: "Barlow Condensed","Arial Narrow",Arial,sans-serif !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  margin: 0 0 7px !important;
  text-transform: uppercase !important;
}
html body .tfci[data-tfci-root] .tfci-callout:not(.tfci-callout--dark) > p {
  color: var(--tf-text) !important;
}
html body .tfci[data-tfci-root] .tfci-callout--dark > strong,
html body .tfci[data-tfci-root] .tfci-callout--dark > b {
  color: #fff !important;
}
html body .tfci[data-tfci-root] .tfci-callout--dark > p {
  color: rgba(255,255,255,.72) !important;
}
html body .tfci[data-tfci-root] .tfci-callout--hero-light {
  background: #edf2f7 !important;
  border-left-color: var(--tf-red) !important;
}

html body .tfci[data-tfci-root] #tfci-wiz-cabinets .tfci-two-col--wiz-cabinets {
  align-items: stretch !important;
  gap: 28px !important;
  grid-template-columns: minmax(0,1.08fr) minmax(320px,.92fr) !important;
}
html body .tfci[data-tfci-root] #tfci-wiz-cabinets .tfci-two-col--wiz-cabinets > div,
html body .tfci[data-tfci-root] #tfci-wiz-cabinets .tfci-two-col--wiz-cabinets > aside {
  height: 100% !important;
  margin-top: 0 !important;
}
html body .tfci[data-tfci-root] #tfci-wiz-cabinets .tfci-checklist--wide {
  height: 100% !important;
  margin-top: 0 !important;
}
html body .tfci[data-tfci-root] #tfci-wiz-cabinets .tfci-two-col--wiz-cabinets > aside {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
html body .tfci[data-tfci-root] .tfci-split-cards--two {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  margin-top: 18px !important;
}
html body .tfci[data-tfci-root] .tfci-split-cards--two article {
  min-height: 220px !important;
}

html body .tfci[data-tfci-root] #tfci-wiz-fit .tfci-two-col--wiz-fit {
  align-items: stretch !important;
  gap: 42px !important;
}
html body .tfci[data-tfci-root] #tfci-wiz-fit .tfci-two-col--wiz-fit > div:first-child {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}
html body .tfci[data-tfci-root] #tfci-wiz-fit .tfci-formula {
  align-content: flex-start !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
}
html body .tfci[data-tfci-root] .tfci-formula > p {
  color: rgba(255,255,255,.76) !important;
  flex-basis: 100% !important;
  line-height: 1.65 !important;
  margin: 4px 0 0 !important;
}
html body .tfci[data-tfci-root] #tfci-wiz-fit .tfci-two-col--wiz-fit > div:first-child > p {
  margin: 0 !important;
}
html body .tfci[data-tfci-root] #tfci-wiz-fit .tfci-status-guide {
  height: 100% !important;
}

html body .tfci[data-tfci-root] .tfci-delivery-grid--light {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  margin-bottom: 28px !important;
}
html body .tfci[data-tfci-root] .tfci-delivery-grid--light article {
  background: #fff !important;
  border: 1px solid var(--tf-line) !important;
  border-top: 4px solid var(--tf-red) !important;
  min-height: 250px !important;
}
html body .tfci[data-tfci-root] .tfci-delivery-grid--light article > span {
  color: rgba(178,52,52,.20) !important;
}
html body .tfci[data-tfci-root] .tfci-delivery-grid--light h3 {
  color: var(--tf-blue) !important;
}
html body .tfci[data-tfci-root] .tfci-delivery-grid--light p {
  color: var(--tf-text) !important;
}
html body .tfci[data-tfci-root] .tfci-delivery-grid--light p strong {
  color: inherit !important;
}

@media (max-width: 980px) {
  html body .tfci[data-tfci-root] #tfci-wiz-cabinets .tfci-two-col--wiz-cabinets,
  html body .tfci[data-tfci-root] #tfci-wiz-fit .tfci-two-col--wiz-fit {
    grid-template-columns: minmax(0,1fr) !important;
  }
  html body .tfci[data-tfci-root] #tfci-wiz-cabinets .tfci-two-col--wiz-cabinets > aside {
    justify-content: flex-start !important;
  }
  html body .tfci[data-tfci-root] .tfci-delivery-grid--light {
    grid-template-columns: minmax(0,1fr) !important;
  }
  html body .tfci[data-tfci-root] .tfci-delivery-grid--light article,
  html body .tfci[data-tfci-root] .tfci-split-cards--two article {
    min-height: 0 !important;
  }
}
@media (max-width: 720px) {
  html body .tfci[data-tfci-root] .tfci-split-cards--two {
    grid-template-columns: minmax(0,1fr) !important;
  }
}

/* =========================================================
   TF Centrum Instrukcji v0.2.4 — TF Wizualizator polish
   Hero callout w stylu TF + spokojniejszy układ sekcji kafelkowych.
   ========================================================= */

/* Hero Wizualizatora: box ma wrócić do firmowego, ciemniejszego tonu. */
html body .tfci[data-tfci-root] .tfci-hero .tfci-callout--hero-light {
  background: rgba(47,74,104,.92) !important;
  border-left: 5px solid var(--tf-red) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important;
  color: #fff !important;
}
html body .tfci[data-tfci-root] .tfci-hero .tfci-callout--hero-light > strong,
html body .tfci[data-tfci-root] .tfci-hero .tfci-callout--hero-light > b {
  color: #fff !important;
}
html body .tfci[data-tfci-root] .tfci-hero .tfci-callout--hero-light > p {
  color: rgba(255,255,255,.78) !important;
}

/* Sekcja Korpusy: mniej przypadkowy rytm, równiejsze karty i czytelniejsza lista. */
html body .tfci[data-tfci-root] #tfci-wiz-cabinets .tfci-two-col--wiz-cabinets {
  gap: 24px !important;
  grid-template-columns: minmax(0,1.08fr) minmax(320px,.92fr) !important;
}
html body .tfci[data-tfci-root] #tfci-wiz-cabinets .tfci-checklist--wide {
  border-top: 4px solid var(--tf-blue) !important;
  padding: 32px !important;
}
html body .tfci[data-tfci-root] #tfci-wiz-cabinets .tfci-checklist--wide h3 {
  margin-bottom: 18px !important;
}
html body .tfci[data-tfci-root] #tfci-wiz-cabinets .tfci-checklist--wide ul {
  columns: unset !important;
  column-gap: 0 !important;
  display: grid !important;
  gap: 16px 26px !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  margin: 0 !important;
  padding-left: 22px !important;
}
html body .tfci[data-tfci-root] #tfci-wiz-cabinets .tfci-checklist--wide li {
  break-inside: avoid !important;
  margin: 0 !important;
}
html body .tfci[data-tfci-root] #tfci-wiz-cabinets .tfci-two-col--wiz-cabinets > aside {
  background: #edf2f7 !important;
  border-left: 5px solid var(--tf-blue) !important;
  justify-content: flex-start !important;
  min-height: 100% !important;
  padding: 32px !important;
}
html body .tfci[data-tfci-root] #tfci-wiz-cabinets .tfci-two-col--wiz-cabinets > aside > p {
  font-size: 16px !important;
  line-height: 1.65 !important;
}
html body .tfci[data-tfci-root] #tfci-wiz-cabinets .tfci-split-cards--two {
  gap: 18px !important;
  margin-top: 18px !important;
}
html body .tfci[data-tfci-root] #tfci-wiz-cabinets .tfci-split-cards--two article {
  border-top: 4px solid var(--tf-red) !important;
  min-height: 0 !important;
  padding: 30px !important;
}

/* Sekcja Dopasowanie: spokojniejszy balans lewego i prawego bloku. */
html body .tfci[data-tfci-root] #tfci-wiz-fit .tfci-two-col--wiz-fit {
  gap: 28px !important;
  grid-template-columns: minmax(0,1.02fr) minmax(320px,.98fr) !important;
}
html body .tfci[data-tfci-root] #tfci-wiz-fit .tfci-formula {
  align-items: flex-start !important;
  gap: 10px !important;
  min-height: 0 !important;
  padding: 22px 20px 24px !important;
}
html body .tfci[data-tfci-root] #tfci-wiz-fit .tfci-formula span,
html body .tfci[data-tfci-root] #tfci-wiz-fit .tfci-formula strong {
  align-items: center !important;
  display: inline-flex !important;
  min-height: 40px !important;
}
html body .tfci[data-tfci-root] #tfci-wiz-fit .tfci-formula > p {
  color: rgba(255,255,255,.78) !important;
  flex-basis: 100% !important;
  font-size: 16px !important;
  margin: 2px 0 0 !important;
}
html body .tfci[data-tfci-root] #tfci-wiz-fit .tfci-status-guide {
  border-top: 4px solid var(--tf-blue) !important;
  padding: 26px 30px !important;
}
html body .tfci[data-tfci-root] #tfci-wiz-fit .tfci-status-guide > .tfci-status-row {
  align-items: start !important;
  gap: 16px !important;
  grid-template-columns: 142px minmax(0,1fr) !important;
  padding: 18px 0 !important;
}
html body .tfci[data-tfci-root] #tfci-wiz-fit .tfci-status-guide .tfci-status-row p {
  font-size: 15px !important;
  line-height: 1.55 !important;
}

/* Mobilnie zachowujemy prostotę i pełną czytelność. */
@media (max-width: 980px) {
  html body .tfci[data-tfci-root] #tfci-wiz-cabinets .tfci-checklist--wide ul {
    grid-template-columns: minmax(0,1fr) !important;
  }
  html body .tfci[data-tfci-root] #tfci-wiz-fit .tfci-two-col--wiz-fit {
    grid-template-columns: minmax(0,1fr) !important;
  }
}

/* =========================================================
   TF Centrum Instrukcji v0.2.5 — Pakiety i Dostępy
   ========================================================= */
html body .tfci[data-tfci-root] .tfci-access-scope-grid,
html body .tfci[data-tfci-root] .tfci-access-time-grid,
html body .tfci[data-tfci-root] .tfci-access-bundle-grid,
html body .tfci[data-tfci-root] .tfci-access-project-grid,
html body .tfci[data-tfci-root] .tfci-access-example-grid {
  display:grid!important;
  gap:16px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
html body .tfci[data-tfci-root] :is(.tfci-access-scope-grid,.tfci-access-time-grid,.tfci-access-bundle-grid,.tfci-access-project-grid,.tfci-access-example-grid) article {
  background:#fff!important;
  border:1px solid var(--tf-line)!important;
  border-top:0!important;
  padding:28px!important;
}
html body .tfci[data-tfci-root] .tfci-access-scope-grid article.is-free {border-top-color:#2e8b57!important}
html body .tfci[data-tfci-root] .tfci-access-scope-grid article.is-included {border-top-color:#d39222!important}
html body .tfci[data-tfci-root] .tfci-access-scope-grid article.is-paid {border-top-color:var(--tf-red)!important}
html body .tfci[data-tfci-root] :is(.tfci-access-scope-grid,.tfci-access-time-grid,.tfci-access-bundle-grid,.tfci-access-project-grid,.tfci-access-example-grid) article>span {
  color:var(--tf-red)!important;
  display:block!important;
  font-family:"Barlow",Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  margin-bottom:10px!important;
  text-transform:uppercase!important;
}
html body .tfci[data-tfci-root] :is(.tfci-access-scope-grid,.tfci-access-time-grid,.tfci-access-bundle-grid,.tfci-access-project-grid,.tfci-access-example-grid) h3 {
  color:var(--tf-blue)!important;
  font-size:25px!important;
  margin:0 0 10px!important;
}
html body .tfci[data-tfci-root] :is(.tfci-access-scope-grid,.tfci-access-time-grid,.tfci-access-bundle-grid,.tfci-access-project-grid,.tfci-access-example-grid) p {
  font-size:15px!important;
  margin:0!important;
}
html body .tfci[data-tfci-root] .tfci-access-time-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body .tfci[data-tfci-root] .tfci-section--dark .tfci-access-time-grid article {
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.16)!important;
  border-top-color:var(--tf-red)!important;
}
html body .tfci[data-tfci-root] .tfci-section--dark .tfci-access-time-grid h3 {color:#fff!important}
html body .tfci[data-tfci-root] .tfci-section--dark .tfci-access-time-grid p {color:rgba(255,255,255,.74)!important}
html body .tfci[data-tfci-root] .tfci-access-offer-table td:nth-child(3) {
  color:var(--tf-red)!important;
  font-family:"Barlow Condensed",Arial,sans-serif!important;
  font-size:22px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
html body .tfci[data-tfci-root] .tfci-access-offer-table td:first-child {
  color:var(--tf-blue)!important;
  font-size:16px!important;
  font-weight:700!important;
  width:auto!important;
}
html body .tfci[data-tfci-root] .tfci-access-timeline {
  display:grid!important;
  gap:0!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  border:1px solid var(--tf-line)!important;
}
html body .tfci[data-tfci-root] .tfci-access-timeline article {
  display:grid!important;
  gap:14px!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  padding:28px!important;
  border-right:1px solid var(--tf-line)!important;
  border-bottom:1px solid var(--tf-line)!important;
}
html body .tfci[data-tfci-root] .tfci-access-timeline article:nth-child(3n){border-right:0!important}
html body .tfci[data-tfci-root] .tfci-access-timeline article:nth-last-child(-n+3){border-bottom:0!important}
html body .tfci[data-tfci-root] .tfci-access-timeline article>span {
  color:var(--tf-red)!important;
  font-family:"Barlow Condensed",Arial,sans-serif!important;
  font-size:30px!important;
  font-weight:700!important;
}
html body .tfci[data-tfci-root] .tfci-access-timeline h3 {color:var(--tf-blue)!important;font-size:23px!important;margin:0 0 8px!important}
html body .tfci[data-tfci-root] .tfci-access-timeline p {font-size:15px!important;margin:0!important}
html body .tfci[data-tfci-root] .tfci-access-activation-notes {gap:18px!important;margin-top:26px!important;grid-template-columns:1fr 1fr!important}
html body .tfci[data-tfci-root] .tfci-access-activation-notes .tfci-callout {margin-top:0!important;height:100%!important}
html body .tfci[data-tfci-root] .tfci-access-single-grid {
  display:grid!important;
  gap:20px!important;
  grid-template-columns:1fr 1fr!important;
}
html body .tfci[data-tfci-root] .tfci-access-single-grid>article {
  background:#fff!important;
  border:1px solid var(--tf-line)!important;
  border-top:5px solid var(--tf-red)!important;
  padding:32px!important;
}
html body .tfci[data-tfci-root] .tfci-access-single-grid>article>span {
  color:var(--tf-red)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
}
html body .tfci[data-tfci-root] .tfci-access-single-grid h3 {color:var(--tf-blue)!important;font-size:29px!important;margin:10px 0 18px!important}
html body .tfci[data-tfci-root] .tfci-access-single-grid ol {margin:0!important;padding-left:22px!important}
html body .tfci[data-tfci-root] .tfci-access-single-grid li {color:var(--tf-text)!important;margin:10px 0!important;padding-left:6px!important}
html body .tfci[data-tfci-root] .tfci-access-bundle-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important}
html body .tfci[data-tfci-root] .tfci-access-bundle-grid article>span,
html body .tfci[data-tfci-root] .tfci-access-example-grid article>span {
  font-family:"Barlow Condensed",Arial,sans-serif!important;
  font-size:34px!important;
  letter-spacing:0!important;
}
html body .tfci[data-tfci-root] .tfci-access-status-table td:first-child {
  color:var(--tf-blue)!important;
  font-family:"Barlow Condensed",Arial,sans-serif!important;
  font-size:20px!important;
  font-weight:700!important;
  width:210px!important;
}
html body .tfci[data-tfci-root] .tfci-access-status-table td:nth-child(2){width:43%!important}
html body .tfci[data-tfci-root] .tfci-access-project-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body .tfci[data-tfci-root] .tfci-section--dark .tfci-access-project-grid article {
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.16)!important;
  border-top-color:var(--tf-red)!important;
}
html body .tfci[data-tfci-root] .tfci-section--dark .tfci-access-project-grid h3 {color:#fff!important}
html body .tfci[data-tfci-root] .tfci-section--dark .tfci-access-project-grid p {color:rgba(255,255,255,.74)!important}
html body .tfci[data-tfci-root] .tfci-access-example-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important}
html body .tfci[data-tfci-root] #tfci-access-orders .tfci-two-col {grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:28px!important}
html body .tfci[data-tfci-root] #tfci-access-orders .tfci-two-col > .tfci-checklist {display:flex!important;flex-direction:column!important;height:100%!important}
@media(max-width:1100px){
  html body .tfci[data-tfci-root] :is(.tfci-access-scope-grid,.tfci-access-time-grid,.tfci-access-project-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body .tfci[data-tfci-root] .tfci-access-bundle-grid,
  html body .tfci[data-tfci-root] .tfci-access-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body .tfci[data-tfci-root] .tfci-access-timeline{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body .tfci[data-tfci-root] .tfci-access-timeline article:nth-child(n){border-right:1px solid var(--tf-line)!important;border-bottom:1px solid var(--tf-line)!important}
  html body .tfci[data-tfci-root] .tfci-access-timeline article:nth-child(2n){border-right:0!important}
  html body .tfci[data-tfci-root] .tfci-access-timeline article:nth-last-child(-n+2){border-bottom:0!important}
}
@media(max-width:760px){
  html body .tfci[data-tfci-root] :is(.tfci-access-scope-grid,.tfci-access-time-grid,.tfci-access-bundle-grid,.tfci-access-project-grid,.tfci-access-example-grid,.tfci-access-timeline,.tfci-access-single-grid,.tfci-access-activation-notes){grid-template-columns:minmax(0,1fr)!important}
  html body .tfci[data-tfci-root] .tfci-access-timeline article:nth-child(n){border-right:0!important;border-bottom:1px solid var(--tf-line)!important}
  html body .tfci[data-tfci-root] .tfci-access-timeline article:last-child{border-bottom:0!important}
  html body .tfci[data-tfci-root] .tfci-access-status-table td:first-child{width:auto!important}
}

/* =========================================================
   TF Centrum Instrukcji v0.2.7 — Pakiety i Dostępy layout
   Usunięte zdublowane kafle z oferty; układ opisów 2 kolumny
   z grafiką na górze i pełnoszeroką kartą oferty kontekstowej.
   ========================================================= */
html body .tfci[data-tfci-root] .tfci-package-detail-grid {
  display:grid!important;
  gap:28px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  margin-top:28px!important;
}
html body .tfci[data-tfci-root] .tfci-package-detail {
  align-items:start!important;
  background:#fff!important;
  border:1px solid var(--tf-line)!important;
  border-top:0!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
  overflow:hidden!important;
}
html body .tfci[data-tfci-root] .tfci-package-detail img {
  aspect-ratio:1/1!important;
  background:#f7f8fa!important;
  display:block!important;
  height:auto!important;
  object-fit:contain!important;
  padding:18px!important;
  width:100%!important;
}
html body .tfci[data-tfci-root] .tfci-package-detail__body {
  padding:24px 26px 28px!important;
}
html body .tfci[data-tfci-root] .tfci-package-detail__body > span {
  color:var(--tf-red)!important;
  display:inline-block!important;
  font-family:"Barlow",Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
  margin:0 0 8px!important;
  text-transform:uppercase!important;
}
html body .tfci[data-tfci-root] .tfci-package-detail__body h3 {
  color:var(--tf-blue)!important;
  font-size:30px!important;
  line-height:1.08!important;
  margin:0 0 14px!important;
}
html body .tfci[data-tfci-root] .tfci-package-detail__body ul {
  margin:0!important;
  padding-left:21px!important;
}
html body .tfci[data-tfci-root] .tfci-package-detail__body li {
  color:var(--tf-text)!important;
  font-size:15px!important;
  line-height:1.62!important;
  margin:8px 0!important;
}
html body .tfci[data-tfci-root] .tfci-package-detail__body li strong {
  color:var(--tf-blue)!important;
}
html body .tfci[data-tfci-root] .tfci-package-detail--context {
  background:#eef3f8!important;
  border-top:4px solid var(--tf-red)!important;
  display:grid!important;
  gap:0!important;
  grid-column:1 / -1!important;
  grid-template-columns:minmax(240px,1fr) minmax(0,2fr)!important;
}
html body .tfci[data-tfci-root] .tfci-package-detail--context .tfci-package-detail__body {
  padding:30px 30px 32px!important;
}
html body .tfci[data-tfci-root] .tfci-context-badge {
  align-items:center!important;
  align-self:stretch!important;
  background:linear-gradient(180deg,#18345a 0%,#123154 100%)!important;
  border-right:1px solid rgba(255,255,255,.1)!important;
  box-shadow:inset 0 0 0 4px rgba(178,52,52,.18)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:34px 28px!important;
  text-align:center!important;
}
html body .tfci[data-tfci-root] .tfci-context-badge__overline {
  color:#fff!important;
  display:block!important;
  font-family:"Barlow",Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  margin:0 0 16px!important;
  opacity:.92!important;
  text-transform:uppercase!important;
}
html body .tfci[data-tfci-root] .tfci-context-badge__price {
  color:#fff!important;
  display:block!important;
  font-family:"Barlow Condensed","Barlow",Arial,sans-serif!important;
  font-size:200px!important;
  font-weight:800!important;
  letter-spacing:-.03em!important;
  line-height:.95!important;
  margin:0 0 14px!important;
}
html body .tfci[data-tfci-root] .tfci-context-badge__price small {
  color:#fff!important;
  font-size:.42em!important;
  font-weight:800!important;
}
html body .tfci[data-tfci-root] .tfci-context-badge__title {
  background:rgba(178,52,52,.95)!important;
  color:#fff!important;
  display:inline-block!important;
  font-family:"Barlow",Arial,sans-serif!important;
  font-size:18px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  line-height:1.15!important;
  margin:0 0 12px!important;
  padding:10px 14px!important;
  text-transform:uppercase!important;
}
html body .tfci[data-tfci-root] .tfci-context-badge p {
  color:rgba(255,255,255,.88)!important;
  font-size:15px!important;
  line-height:1.5!important;
  margin:0!important;
  max-width:210px!important;
}
@media (max-width: 1360px) {
  html body .tfci[data-tfci-root] .tfci-package-detail-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width: 980px) {
  html body .tfci[data-tfci-root] .tfci-package-detail-grid {
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body .tfci[data-tfci-root] .tfci-package-detail--context {
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body .tfci[data-tfci-root] .tfci-context-badge {
    padding:28px 24px!important;
  }
}