/* =============================================================
   DESTYLAB - strona narzędzia diagnostycznego
   Zakładki (ToolTabs) + typografia treści źródłowej (ToolContent).
   Paleta i skala typograficzna zgodne z styles.css.
   ============================================================= */

/* ---------------- Nagłówek strony narzędzia ---------------- */

.tool-page-head{
  padding:56px 0 0;
  border-bottom:1px solid var(--rule);
}
.tool-page-head .tool-page-back{
  font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);text-decoration:none;display:inline-block;
}
.tool-page-head .tool-page-back:hover{color:var(--ink);}
.tool-page-meta{
  display:flex;flex-wrap:wrap;gap:10px 20px;align-items:baseline;margin-top:20px;
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
}
.tool-page-title{
  font-family:var(--serif);font-weight:300;letter-spacing:-.02em;line-height:1.02;
  font-size:clamp(40px,5.4vw,76px);margin-top:12px;
}
.tool-page-subtitle{
  font-family:var(--serif);font-size:clamp(17px,1.5vw,22px);line-height:1.45;
  color:var(--muted);margin-top:14px;max-width:62ch;
}
.tool-page-facts{
  display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 28px;
}
.tool-page-facts span{
  font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  border:1px solid var(--rule);padding:6px 10px;color:var(--muted);
}

/* ---------------- Wprowadzenie: etapy 1-6 ---------------- */

.tool-page-intro{
  border-top:1px solid var(--rule);
  padding:28px 0 32px;
  max-width:82ch;
}
.tool-page-intro-lead{
  font-size:17px;line-height:1.7;color:var(--ink);margin:0;max-width:70ch;
}
.tool-page-steps{
  list-style:none;margin:20px 0 0;padding:0;
  display:flex;flex-wrap:wrap;gap:8px 10px;
}
.tool-page-steps li{
  display:inline-flex;align-items:baseline;gap:8px;
  border:1px solid var(--rule);padding:7px 12px;background:var(--cream);
}
.tool-page-steps .num{
  font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--sage-deep);
}
.tool-page-steps .lab{font-family:var(--sans);font-size:13px;font-weight:500;color:var(--ink);}

/* ---------------- Pasek zakładek ---------------- */

/* Znacznik wykrywający przyklejenie (useStuckHeader w ToolTabs.jsx). */
.tool-tabs-sentinel{height:1px;margin-bottom:-1px;}

/* Pasek przykleja się POD nawigacją, nie do góry okna - inaczej chowałby
   się pod nią (nav ma wyższy z-index). Offset liczony z tokenu --nav-h. */
.tool-tabs-bar{
  position:sticky;top:var(--nav-h);z-index:20;
  background:var(--paper);
  border-bottom:1px solid var(--rule);
  margin-bottom:0;
}
/* Po przyklejeniu pasek dostaje cień, żeby odciąć się od przewijanej treści. */
.tool-tabs-bar.is-stuck{box-shadow:0 6px 20px -12px rgba(11,30,69,.45);}

/* --- zwinięty nagłówek narzędzia --- */
/* Zwijanie przez grid-template-rows 0fr → 1fr: animuje się płynnie
   i nie wymaga znajomości docelowej wysokości. */
.tool-tabs-title{
  display:grid;grid-template-rows:0fr;
  overflow:hidden;
  border-bottom:1px solid transparent;
  transition:grid-template-rows .22s ease, border-color .22s ease;
}
.tool-tabs-bar.is-stuck .tool-tabs-title{
  grid-template-rows:1fr;border-bottom-color:var(--rule);
}
.tool-tabs-title > .container{
  min-height:0;
  display:flex;align-items:baseline;gap:8px 16px;
  padding-top:0;padding-bottom:0;
  opacity:0;transition:opacity .18s ease .04s, padding .22s ease;
}
.tool-tabs-bar.is-stuck .tool-tabs-title > .container{
  opacity:1;padding-top:10px;padding-bottom:10px;
}
.tool-tabs-title-name{
  font-family:var(--display,var(--serif));font-weight:600;font-size:16px;
  letter-spacing:-.02em;color:var(--ink);white-space:nowrap;
}
/* Opis podstawowej nazwy narzędzia w pasku (uwaga Zamawiającego
   03.09.2026). Skraca się wielokropkiem, żeby nie rozpychał paska. */
.tool-tabs-title-desc{
  font-family:var(--sans);font-size:13px;color:var(--muted);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto;
}
.tool-tabs-title-desc::before{content:"· ";}
.tool-tabs-title-meta{
  font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--muted);white-space:nowrap;
}
.tool-tabs-title-step{
  font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--sage-deep);white-space:nowrap;margin-left:auto;
}

/* Pasek: lista etapow rosnie, a odnosnik wychodzacy (Baza wiedzy) stoi
   przy prawej krawedzi. Odnosnik jest rodzenstwem listy, a nie jej
   elementem - nie nalezy do tablist. */
.tool-tabs-bar > .container{display:flex;align-items:stretch;gap:0;}
.tool-tabs-list{
  flex:1 1 auto;min-width:0;
  display:flex;gap:0;overflow-x:auto;scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
  overscroll-behavior-x:contain;
}
.tool-tab{
  appearance:none;background:none;border:0;
  border-bottom:2px solid transparent;
  padding:16px 18px;margin:0;
  display:inline-flex;align-items:baseline;gap:8px;white-space:nowrap;
  cursor:pointer;color:var(--muted);
  font-family:var(--sans);font-size:14px;font-weight:500;letter-spacing:.01em;
  scroll-snap-align:start;
  transition:color .15s ease,border-color .15s ease,background .15s ease,padding .2s ease;
}
.tool-tab:hover{color:var(--ink);background:rgba(11,30,69,.05);}
.tool-tab:focus-visible{outline:2px solid var(--sage-deep);outline-offset:-2px;}
.tool-tab.is-active{color:var(--ink);border-bottom-color:var(--ink);}
.tool-tab-index{
  font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--rule-field,var(--rule));
}
.tool-tab.is-active .tool-tab-index{color:var(--sage-deep);}
/* Zakładka spoza procesu diagnostycznego (Baza wiedzy) - odsunięta
   i bez numeru etapu, żeby nie wyglądała na kolejny krok. */
.tool-tab.is-aside{margin-left:auto;border-left:1px solid var(--rule);}
.tool-tab-index--aside{color:var(--sage-deep);font-size:12px;}
.tool-tab-link{text-decoration:none;flex:0 0 auto;align-items:center;}
.tool-tab-link:hover{color:var(--ink);}
.tool-tab-badge{
  font-family:var(--mono);font-size:10px;letter-spacing:.06em;
  border:1px solid var(--rule-field,var(--rule));padding:2px 6px;color:var(--muted);
}
.tool-tabpanel{padding:48px 0 72px;}
.tool-tabpanel:focus-visible{outline:2px solid var(--sage-deep);outline-offset:4px;}

/* Po przyklejeniu pasek zakładek jest niższy - na ekranie zostaje
   więcej miejsca na samą treść. */
.tool-tabs-bar.is-stuck .tool-tab{padding-top:11px;padding-bottom:11px;}

/* --- mobile: pasek ma się mieścić i zachowywać jak w aplikacji --- */
@media (max-width: 900px){
  .tool-tabs-title > .container{gap:4px 12px;flex-wrap:nowrap;}
  .tool-tabs-title-meta{display:none;}
  .tool-tabs-title-desc{display:none;}
  .tool-tabs-bar.is-stuck .tool-tabs-title > .container{padding-top:8px;padding-bottom:8px;}
  .tool-tab{padding:13px 14px;font-size:13.5px;}
  .tool-tabs-bar.is-stuck .tool-tab{padding-top:10px;padding-bottom:10px;}
  /* „Baza wiedzy" nie jest już odsuwana na prawo - przy przewijaniu
     w poziomie margin-left:auto wypychałby ją poza zasięg. */
  .tool-tabs-bar > .container{flex-wrap:wrap;}
  .tool-tab.is-aside{margin-left:0;border-left:0;}
  .tool-tabpanel{padding:32px 0 56px;}
}
@media (max-width: 640px){
  .tool-tabs-title-name{font-size:15px;}
  .tool-tabs-title-step{font-size:10px;}
  .tool-tab{padding:12px 12px;font-size:13px;gap:6px;}
  .tool-tab-label{max-width:none;}
}

/* Bez animacji, gdy użytkownik prosi o ograniczenie ruchu (WCAG 2.3.3). */
@media (prefers-reduced-motion: reduce){
  .tool-tabs-title,
  .tool-tabs-title > .container,
  .tool-tab{transition:none;}
}

/* ---------------- Zakładka treściowa: układ dokumentu ---------------- */

/* Etykieta etapu. Semantycznie nagłówek sekcji (fokus po zmianie zakładki),
   wizualnie drobny nadtytuł - dzięki temu nie dubluje tytułu pochodzącego
   z arkusza, który otwiera właściwą treść. */
.tc-doc-eyebrow{
  font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted);
  margin:0 0 28px;padding-bottom:14px;border-bottom:1px solid var(--rule);
}
.tc-doc-eyebrow:focus-visible{outline:2px solid var(--sage-deep);outline-offset:4px;}

.tc-doc-grid{display:grid;grid-template-columns:minmax(200px,240px) minmax(0,1fr);gap:0 64px;}
/* Dokument bez podsekcji nie ma spisu - treść zajmuje wtedy całą szerokość. */
.tc-doc-grid.is-solo{grid-template-columns:minmax(0,1fr);}
@media (max-width: 1080px){.tc-doc-grid{grid-template-columns:1fr;gap:0;}}

/* Nawigacja po sekcjach dokumentu - przyklejona przy długiej treści. */
.tc-doc-nav{position:sticky;top:calc(var(--nav-h) + 104px);align-self:start;max-height:calc(100vh - var(--nav-h) - 130px);overflow:auto;}
@media (max-width: 1080px){
  .tc-doc-nav{
    position:static;max-height:none;margin-bottom:40px;
    padding:20px 24px;border:1px solid var(--rule);background:var(--cream);
  }
}
.tc-doc-nav-label{
  font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);margin:0 0 14px;
}
.tc-doc-nav ol{list-style:none;margin:0;padding:0;counter-reset:tcnav;}
.tc-doc-nav li{counter-increment:tcnav;border-top:1px solid var(--rule);}
.tc-doc-nav li:last-child{border-bottom:1px solid var(--rule);}
.tc-doc-nav a{
  display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:baseline;
  padding:10px 0;font-size:13.5px;line-height:1.4;color:var(--muted);text-decoration:none;
  transition:color .15s ease;
}
.tc-doc-nav a::before{
  content:counter(tcnav,decimal-leading-zero);
  font-family:var(--mono);font-size:10px;color:var(--rule);
}
.tc-doc-nav a:hover{color:var(--ink);}
.tc-doc-nav a:hover::before{color:var(--sage-deep);}
.tc-doc-nav a:focus-visible{outline:2px solid var(--sage-deep);outline-offset:2px;}

.tc-doc-body{min-width:0;}

/* ---------------- Treść źródłowa ---------------- */

.tool-content{
  max-width:72ch;
  font-size:16.5px;line-height:1.75;color:var(--ink);
}
/* W zakładce treściowej kolumna jest już zwężona przez boczną nawigację,
   więc treść zajmuje pełną szerokość tej kolumny. Domyślne ograniczenia
   długości wiersza (72ch) zostawiałyby po prawej pusty pas i sprawiały
   wrażenie ucięcia. */
.tc-doc-body .tool-content{max-width:none;}
.tc-doc-body .tc-p,
.tc-doc-body .tc-list,
.tc-doc-body .tc-callout,
.tc-doc-body .tc-note,
.tc-doc-body .tc-h2,
.tc-doc-body .tc-references{max-width:none;}
.tool-content > *:first-child{margin-top:0;}

.tc-h2{
  font-family:var(--serif);font-weight:400;font-size:clamp(28px,2.8vw,38px);
  line-height:1.14;letter-spacing:-.015em;margin:64px 0 0;
  scroll-margin-top:calc(var(--nav-h) + 104px);max-width:24ch;
}
.tool-content > .tc-h2:first-child{margin-top:0;}
.tc-h3{
  font-family:var(--serif);font-weight:500;font-size:clamp(19px,1.6vw,23px);
  line-height:1.3;margin:52px 0 0;padding-top:22px;border-top:1px solid var(--rule);
  scroll-margin-top:calc(var(--nav-h) + 104px);
}

/* Nagłówki numerowane w arkuszu („1. Arkusz VUCA_DMO”) - numer wychodzi
   na margines i czyta się jak kolejny krok procedury. */
.tc-h3.is-numbered,.tc-h2.is-numbered{
  display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:baseline;
}
.tc-h-num{
  font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.08em;
  color:var(--sage-deep);border:1px solid var(--rule);
  padding:4px 8px;align-self:center;
}
.tc-h-text{min-width:0;}

.tc-p{margin:18px 0 0;max-width:72ch;}
.tc-p + .tc-p{margin-top:14px;}

/* Punktory i numeracja ustawiane jawnie: reset Tailwinda (preflight)
   zeruje list-style dla wszystkich <ul>/<ol> na stronie. */
.tc-list{margin:18px 0 0;padding-left:22px;list-style:disc outside;max-width:72ch;}
.tc-list li{margin-top:8px;}
.tc-list li::marker{color:var(--sage-deep);}
.tc-list ul{margin:8px 0 0;padding-left:20px;list-style:circle outside;}

/* Wyróżnienie z arkusza. */
.tc-callout{
  margin:24px 0 0;padding:20px 24px;max-width:72ch;
  background:var(--cream);border-left:2px solid var(--sage-deep);
  font-size:15.5px;line-height:1.65;
}
.tc-callout p{margin:0;}
.tc-callout p + p{margin-top:10px;}

/* Krótka lista wartości (np. cztery poziomy oceny) - składana jako
   zestaw pozycji, żeby nie wyglądała jak akapit wklejony w szarą płachtę. */
.tc-callout--values{
  padding:0;background:none;border-left:0;
  border-top:1px solid var(--rule);
}
.tc-callout--values p{
  padding:12px 0 12px 20px;border-bottom:1px solid var(--rule);
  font-family:var(--mono);font-size:13.5px;line-height:1.5;color:var(--ink);
  position:relative;
}
.tc-callout--values p + p{margin-top:0;}
.tc-callout--values p::before{
  content:"";position:absolute;left:0;top:19px;
  width:8px;height:1px;background:var(--sage-deep);
}

/* Lista definicji - dwie kolumny z linią oddzielającą wiersze. */
.tc-deflist{
  margin:24px 0 0;display:grid;grid-template-columns:minmax(190px,.36fr) 1fr;gap:0;
  border-top:1px solid var(--rule);
}
@media (max-width: 720px){
  .tc-deflist{grid-template-columns:1fr;}
  .tc-deflist dt{padding-bottom:2px;border-bottom:0;}
  .tc-deflist dd{padding-top:0;border-top:0;}
}
.tc-deflist dt{
  font-family:var(--sans);font-size:14.5px;font-weight:600;line-height:1.45;
  padding:14px 28px 14px 0;border-bottom:1px solid var(--rule);
}
.tc-deflist dd{
  margin:0;padding:14px 0;border-bottom:1px solid var(--rule);
  color:var(--muted);font-size:15px;line-height:1.6;
}
.tc-deflist--vuca dt{
  padding-left:18px;border-left:4px solid var(--rule);
}
.tc-deflist--vuca .tc-vuca-v{border-left-color:var(--dim-v);}
.tc-deflist--vuca .tc-vuca-u{border-left-color:var(--dim-u);}
.tc-deflist--vuca .tc-vuca-c{border-left-color:var(--dim-c);}
.tc-deflist--vuca .tc-vuca-a{border-left-color:var(--dim-a);}
@media (max-width: 720px){
  .tc-deflist dd{padding:0 0 14px;border-bottom:1px solid var(--rule);}
}

/* Tabele - jedna konwencja graficzna dla całej warstwy narzędzi. */
.tc-table-wrap{margin:24px 0 0;overflow-x:auto;}
.tc-table{
  border-collapse:collapse;width:100%;min-width:520px;
  font-size:14.5px;line-height:1.5;
}
.tc-table th,.tc-table td{
  border:1px solid var(--rule);padding:12px 14px;text-align:left;vertical-align:top;
}
.tc-table thead th{
  background:var(--ink);color:var(--paper);font-family:var(--sans);
  font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;
  line-height:1.35;
}
.tc-table tbody th{background:var(--cream);font-weight:600;}
.tc-table tbody tr:nth-child(even) td{background:rgba(232,230,225,.32);}
.tc-table caption{
  caption-side:top;text-align:left;
  font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);padding-bottom:10px;
}

.tc-figure{margin:32px 0 0;}
.tc-figure img{max-width:100%;height:auto;border:1px solid var(--rule);background:#fff;}
.tc-caption{
  margin:14px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);
}
.tc-note{margin:8px 0 0;font-size:13px;color:var(--muted);font-style:italic;max-width:72ch;}

/* Źródła - bez numeracji, z czytelnym rozdzieleniem pozycji. */
.tc-references{
  margin:24px 0 0;padding:0;list-style:none;
  font-size:13.5px;line-height:1.6;
}
.tc-references li{
  padding:12px 0;border-top:1px solid var(--rule);color:var(--muted);
}
.tc-references li:last-child{border-bottom:1px solid var(--rule);}

/* Spis treści wewnątrz kolumny treści (ToolContent toc). */
.tc-toc{
  margin:0 0 44px;padding:22px 26px;border:1px solid var(--rule);background:var(--cream);
}
.tc-toc-label{
  font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);margin:0 0 12px;
}
.tc-toc ol{margin:0;padding-left:24px;font-size:15px;line-height:1.5;list-style:decimal outside;}
.tc-toc li::marker{color:var(--sage-deep);font-family:var(--mono);font-size:12px;}
.tc-toc li{margin-top:8px;}
.tc-toc a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule);}
.tc-toc a:hover{border-bottom-color:var(--ink);}

/* ---------------- Zakładka "Teoria" - karta opracowania ---------------- */

.tc-theory{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:0 64px;}
@media (max-width: 1080px){.tc-theory{grid-template-columns:1fr;gap:40px;}}

/* Nazwa narzędzia nad tytułem opracowania (uwaga Zamawiającego 03.09.2026:
   „dodatkowe opisy podstawowej nazwy narzędzia"). */
.tc-theory-tool{
  font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--sage-deep);margin:0 0 10px;
}
.tc-theory-title{
  font-family:var(--serif);font-weight:400;font-size:clamp(28px,3vw,42px);
  line-height:1.1;letter-spacing:-.015em;margin:0 0 32px;max-width:20ch;
}
.tc-theory-toc{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule);}
.tc-theory-toc li{
  /* Kolumna numeru mieści też numer podpunktu („03.1"), nie tylko „03". */
  display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:baseline;
  padding:14px 0;border-bottom:1px solid var(--rule);
}
.tc-theory-toc .num{font-family:var(--mono);font-size:11px;color:var(--sage-deep);letter-spacing:.06em;}
.tc-theory-toc .lab{font-size:15px;line-height:1.45;color:var(--ink);}
/* Podpunkty opracowania (np. komponenty KSDO, punkty 1.x Vademecum) -
   wcięcie i mniejszy stopień pisma pokazują poziom, bez łamania ciągu. */
/* Spis, w którym numeruje sam dokument - bez pustej kolumny na numer. */
.tc-theory-toc.no-numbers li{grid-template-columns:1fr;}
.tc-theory-toc li.is-sub{padding-left:24px;}
.tc-theory-toc li.is-sub .lab{font-size:14px;color:var(--ink-2, var(--ink));}

.tc-theory-side{align-self:start;position:sticky;top:calc(var(--nav-h) + 104px);}
@media (max-width: 1080px){.tc-theory-side{position:static;}}
.tc-theory-meta{margin:0 0 24px;border-top:1px solid var(--ink);}
.tc-theory-meta > div{
  display:flex;justify-content:space-between;gap:16px;align-items:baseline;
  padding:12px 0;border-bottom:1px solid var(--rule);
}
.tc-theory-meta dt{
  font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);margin:0;
}
.tc-theory-meta dd{
  margin:0;font-family:var(--mono);font-size:12px;color:var(--ink);
  text-align:right;overflow-wrap:anywhere;
}
.tc-theory-cta{width:100%;justify-content:center;text-align:center;}

/* ---------------- Zakładka "Baza wiedzy" ---------------- */

.tool-kb-list{display:grid;gap:0;margin-top:24px;}
.tool-kb-item{
  display:flex;flex-wrap:wrap;gap:16px 32px;align-items:flex-start;justify-content:space-between;
  padding:24px 0;border-top:1px solid var(--rule);
}
.tool-kb-item:last-child{border-bottom:1px solid var(--rule);}
.tool-kb-body{flex:1 1 340px;}
.tool-kb-item h3{font-family:var(--serif);font-size:21px;font-weight:500;line-height:1.25;}
.tool-kb-item p{margin:8px 0 0;color:var(--muted);font-size:15px;max-width:60ch;}
.tool-kb-side{flex:0 0 auto;display:flex;flex-direction:column;gap:12px;align-items:flex-end;}
.tool-kb-meta{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.tool-kb-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}

.tool-kb-toc{margin-top:14px;}
.tool-kb-toc summary{
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--sage-deep);cursor:pointer;
}
.tool-kb-toc summary:focus-visible{outline:2px solid var(--sage-deep);outline-offset:3px;}
.tool-kb-toc ol{margin:12px 0 0;padding-left:24px;font-size:14px;line-height:1.6;color:var(--muted);
  list-style:decimal-leading-zero outside;}
.tool-kb-toc ol li.is-sub{margin-left:20px;list-style-type:decimal-leading-zero;}
/* KSDO ma numery komponentów 01–09, a Vademecum numery 1.x wpisane
   w nagłówkach. Nie dokładamy do nich automatycznych markerów a., b., c. */
.tool-kb-toc ol.uses-content-numbering{padding-left:0;list-style:none;}
.tool-kb-toc ol.uses-content-numbering li{list-style:none;}

/* ---------------- Stany ---------------- */

.tool-empty{
  padding:32px;border:1px dashed var(--rule);color:var(--muted);
  font-family:var(--mono);font-size:13px;
}

@media (max-width: 760px){
  .tool-tab{padding:14px 12px;font-size:13px;}
  .tool-tab-index{display:none;}
  .tool-tabpanel{padding:32px 0 56px;}
  .tc-deflist{grid-template-columns:1fr;}
  .tc-deflist dt{padding-bottom:0;border-top:1px solid var(--rule);}
  .tc-deflist dd{padding-top:6px;border-top:0;}
  .tc-h2{margin-top:40px;}
}

@media print{
  .tool-tabs-bar{display:none;}
  .tool-tabpanel[hidden]{display:none;}
}