
.tpk-breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; color: var(--tpk-color-muted); font-size: 14px; list-style: none; }
.tpk-accordion { border-top: 1px solid var(--tpk-color-border); }
.tpk-accordion__item { border-bottom: 1px solid var(--tpk-color-border); }
.tpk-accordion__trigger { display: flex; width: 100%; min-height: 52px; align-items: center; justify-content: space-between; padding: 14px 0; border: 0; background: transparent; color: var(--tpk-color-text); font-weight: 680; text-align: left; }
.tpk-accordion__panel { padding: 0 0 20px; }
.tpk-spec-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--tpk-space-4); }
.tpk-spec { padding: var(--tpk-space-5); border-radius: var(--tpk-radius-card); background: var(--tpk-color-surface); }
.tpk-empty-state { display: grid; max-width: 48rem; gap: var(--tpk-space-4); }
.tpk-skip-link {
  position: fixed;
  top: var(--tpk-space-3);
  left: var(--tpk-space-3);
  z-index: 100;
  padding: 12px 16px;
  border-radius: var(--tpk-radius-control);
  background: var(--tpk-color-action);
  color: #ffffff;
  transform: translateY(-180%);
}

.tpk-skip-link:focus {
  transform: translateY(0);
}
