.tk {
  --blue:#0069AF; --blue-d:#0a4d82; --blue-s:#edf4fa; --line:#d7e2ec;
  --ink:#1a2833; --mute:#667887; --soft:#f7fafc;
  margin:2.25rem 0 0.5rem; color:var(--ink);
  font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;
}
.tk,.tk * { box-sizing:border-box; }
.tk-head { margin:0 0 1.2rem; padding:0 0 0.75rem; border-bottom:1px solid var(--line); }
.tk-head h2 { margin:0; font-size:1.28rem; font-weight:700; color:var(--blue-d); letter-spacing:-0.01em; line-height:1.2; }
.tk-sec { margin:0 0 1.6rem; }
.tk-sec h3 { margin:0 0 0.55rem; font-size:1.05rem; font-weight:650; color:var(--ink); }
.tk-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; border:1px solid var(--line); border-radius:8px; background:#fff; }
.tk table { width:100%; border-collapse:collapse; margin:0; font-size:0.875rem; line-height:1.35; }
.tk-wrap > table { min-width:720px; }
.tk-sec > h3 { margin:0 0 0.55rem; }
.tk thead th {
  background:linear-gradient(180deg,#f4f8fc 0%,var(--blue-s) 100%);
  color:var(--blue-d); font-size:0.7rem; font-weight:700; letter-spacing:0.02em;
  text-transform:uppercase; text-align:left; padding:0.5rem 0.55rem;
  border-bottom:1px solid var(--line); vertical-align:middle; line-height:1.2;
}
.tk thead th.tk-group { text-align:center; padding:0.35rem 0.35rem 0.15rem; border-bottom:0; }
.tk thead th.tk-sub {
  font-size:0.66rem; font-weight:650; text-transform:none; letter-spacing:0;
  color:var(--mute); background:#f3f7fb; border-top:1px solid #e3ebf2;
  padding:0.28rem 0.35rem 0.45rem;
}
.tk thead th.tk-c, .tk td.tk-c { text-align:center; }
.tk thead th.tk-r, .tk td.tk-r { text-align:right; font-variant-numeric:tabular-nums; }
.tk th.tk-dim, .tk td.tk-dim {
  width:1%; white-space:nowrap; text-align:center !important;
  padding-left:0.35rem !important; padding-right:0.35rem !important;
}
.tk tbody td { padding:0.58rem 0.55rem; border-bottom:1px solid #e8eef4; vertical-align:middle; }
.tk tbody tr:last-child td { border-bottom:0; }
.tk tbody tr:nth-child(even) td { background:var(--soft); }
.tk tbody tr:hover td { background:#eef5fb; }
.tk-sku {
  display:inline-block; font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;
  font-variant-numeric:tabular-nums; font-size:0.84rem; font-weight:700; color:var(--ink);
}
.tk-strong { font-weight:600; line-height:1.3; }
.tk-hint { color:var(--mute); font-size:0.84rem; line-height:1.35; }
.tk-empty { color:#b0bcc7; }
@media (max-width:782px) {
  .tk-head h2 { font-size:1.15rem; }
  .tk table { font-size:0.82rem; }
  .tk thead th, .tk tbody td { padding:0.45rem 0.4rem; }
}

.tk-dims { font-variant-numeric:tabular-nums; }
.tk-foot { margin:0.15rem 0 0; color:var(--mute); font-size:0.8rem; }
.tk thead th.tk-sub {
  background:linear-gradient(180deg,#f4f8fc 0%,var(--blue-s) 100%);
  color:var(--blue-d);
  font-size:0.7rem;
  font-weight:700;
  letter-spacing:0.02em;
  text-transform:uppercase;
  border-top:0;
  padding:0.5rem 0.55rem;
}

/* Media + warning (info pages) */
.tk-media {
  display: grid;
  grid-template-columns: minmax(140px, 220px) minmax(0, 1fr);
  gap: 1.15rem 1.5rem;
  align-items: start;
}
.tk-fig { margin: 0; }
.tk-fig br { display: none; }
.tk-fig img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}
.tk-media-body p { margin: 0 0 0.75rem; line-height: 1.55; }
.tk-media-body p:last-child { margin-bottom: 0; }
.tk-warn {
  display: flex;
  gap: 0.9rem;
  align-items: flex-start;
  margin: 0.35rem 0 0;
  padding: 1rem 1.15rem;
  border: 1px solid rgba(180, 83, 9, 0.22);
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.55) 0%, transparent 42%),
    linear-gradient(180deg, #fff8f1 0%, #fff3e8 100%);
  box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset, 0 8px 24px rgba(146, 64, 14, 0.06);
  color: var(--ink);
}
.tk-warn-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 999px;
  color: #b45309;
  background: rgba(245, 158, 11, 0.14);
  border: 1px solid rgba(180, 83, 9, 0.18);
}
.tk-warn-icon svg { display: block; }
.tk-warn-body { min-width: 0; flex: 1; }
.tk-warn-label {
  display: block;
  margin: 0.1rem 0 0.3rem;
  color: #9a3412;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.tk-warn-body p {
  margin: 0;
  line-height: 1.55;
  color: #3f2a1d;
  font-size: 0.95rem;
}

.tk ol { margin: 0.35rem 0 0; padding-left: 1.25rem; }
.tk ol li { margin: 0 0 0.45rem; line-height: 1.5; padding-left: 0.15rem; }
.tk ol li:last-child { margin-bottom: 0; }
@media (max-width: 640px) {
  .tk-media { grid-template-columns: 1fr; }
  .tk-fig { max-width: 240px; }
}

/* Top-right image on info pages */
.tk-has-top-media { position: relative; }
.tk-fig--top {
  float: right;
  width: min(300px, 46%);
  margin: 0 0 1rem 1.5rem;
}
.tk-has-top-media .tk-head { overflow: hidden; }
.tk-has-top-media::after { content: ""; display: table; clear: both; }
@media (max-width: 640px) {
  .tk-fig--top {
    float: none;
    width: min(300px, 100%);
    margin: 0 0 1.1rem;
  }
}

.tk-fig--pictogram {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}
.tk-fig--pictogram svg {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 14px;
}
.tk-fig--pictogram img { border: 0; }

/* Unified with Bereifung: SKU column */
.tk td:has(> .tk-sku) { width:1%; white-space:nowrap; vertical-align:middle; }
.tk thead th:first-child { width:1%; white-space:nowrap; }