/* ── TDR Main v1.1 — Design tokens, fluid type, global base ── */

/* ── Design tokens ─────────────────────────────────────────────────────── */
:root {
  /* Brand */
  --tdr-navy-darkest:  #0a1628;
  --tdr-navy-deeper:   #0d2240;
  --tdr-primary:       #0F172A;
  --tdr-primary-mid:   #1E3A5F;
  --tdr-accent:        #0050FF;
  --tdr-accent-hover:  #0040CC;
  --tdr-accent-light:  #4080FF;
  --tdr-accent-bg:     rgba(0, 80, 255, 0.08);
  --tdr-amber:         #D97706;
  --tdr-amber-light:   #F59E0B;
  --tdr-amber-bg:      rgba(217, 119, 6, 0.1);

  /* Neutral scale */
  --tdr-slate-950: #020617;
  --tdr-slate-900: #0F172A;
  --tdr-slate-800: #1E293B;
  --tdr-slate-700: #334155;
  --tdr-slate-600: #475569;
  --tdr-slate-500: #64748B;
  --tdr-slate-400: #94A3B8;
  --tdr-slate-300: #CBD5E1;
  --tdr-slate-200: #E2E8F0;
  --tdr-slate-100: #F1F5F9;
  --tdr-slate-50:  #F8FAFC;

  /* Pure white/black */
  --tdr-white:   #FFFFFF;
  --tdr-black:   #000000;

  /* Error */
  --tdr-error:   #DC2626;
  --tdr-error-bg: rgba(220, 38, 38, 0.05);

  /* Semantic surface */
  --tdr-bg:           #F8FAFC;
  --tdr-surface:      #FFFFFF;
  --tdr-surface-alt:  #F8FAFC;
  --tdr-border:       #E2E8F0;
  --tdr-border-focus: rgba(0, 80, 255, 0.4);
  --tdr-text:         #0F172A;
  --tdr-text-muted:   #64748B;
  --tdr-text-light:   #94A3B8;

  /* Typography */
  --tdr-font:         'Source Sans 3', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --tdr-font-product: 'Instrument Sans', 'Source Sans 3', system-ui, sans-serif;
  --tdr-font-mono:    'Source Code Pro', 'Courier New', monospace;
  --tdr-font-price:   'Space Grotesk', 'Instrument Sans', system-ui, sans-serif;

  /* Kadence global overrides — force our fonts into Kadence's own variables so
     its body/input/heading rules resolve to Source Sans 3 / Instrument Sans */
  --global-body-font-family:    'Source Sans 3', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --global-heading-font-family: 'Instrument Sans', 'Source Sans 3', system-ui, sans-serif;

  /* Fluid type scale — clamp(min, preferred, max) */
  --tdr-text-xs:   0.75rem;
  --tdr-text-sm:   0.875rem;
  --tdr-text-base: 1rem;
  --tdr-text-lg:   1.125rem;
  --tdr-text-xl:   1.25rem;
  --tdr-h6: clamp(1rem,    1.5vw, 1.125rem);
  --tdr-h5: clamp(1.125rem, 2vw,  1.25rem);
  --tdr-h4: clamp(1.25rem,  2.5vw, 1.5rem);
  --tdr-h3: clamp(1.375rem, 3vw,   1.875rem);
  --tdr-h2: clamp(1.5rem,   3.5vw, 2.5rem);
  --tdr-h1: clamp(2rem,     5vw,   3.5rem);
  --tdr-display: clamp(2.5rem, 6vw, 4.5rem);

  /* Line-heights */
  --tdr-lh-heading: 1.2;
  --tdr-lh-body:    1.6;
  --tdr-lh-relaxed: 1.75;

  /* Spacing (8px grid) */
  --tdr-sp-1:  0.25rem;   /* 4px  */
  --tdr-sp-2:  0.5rem;    /* 8px  */
  --tdr-sp-3:  0.75rem;   /* 12px */
  --tdr-sp-4:  1rem;      /* 16px */
  --tdr-sp-5:  1.25rem;   /* 20px */
  --tdr-sp-6:  1.5rem;    /* 24px */
  --tdr-sp-8:  2rem;      /* 32px */
  --tdr-sp-10: 2.5rem;    /* 40px */
  --tdr-sp-12: 3rem;      /* 48px */
  --tdr-sp-16: 4rem;      /* 64px */
  --tdr-sp-20: 5rem;      /* 80px */
  --tdr-sp-24: 6rem;      /* 96px */

  /* Layout */
  --tdr-max-w:    1280px;
  --tdr-max-w-sm: 960px;
  --tdr-max-w-xs: 640px;

  /* Radii */
  --tdr-r-sm:  2px;
  --tdr-r:     4px;
  --tdr-r-md:  6px;
  --tdr-r-lg:  8px;
  --tdr-r-xl:  12px;
  --tdr-r-2xl: 16px;
  --tdr-r-full: 9999px;

  /* Elevation */
  --tdr-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --tdr-shadow:    0 2px 8px rgba(15, 23, 42, 0.08), 0 1px 2px rgba(15, 23, 42, 0.04);
  --tdr-shadow-md: 0 4px 16px rgba(15, 23, 42, 0.10), 0 2px 4px rgba(15, 23, 42, 0.06);
  --tdr-shadow-lg: 0 8px 32px rgba(15, 23, 42, 0.12), 0 4px 8px rgba(15, 23, 42, 0.06);
  --tdr-shadow-xl: 0 16px 48px rgba(15, 23, 42, 0.15), 0 8px 16px rgba(15, 23, 42, 0.08);

  /* Kadence palette bridge */
  --global-palette1: #0369A1;
  --global-palette2: #1E3A5F;
  --global-palette3: #0F172A;
  --global-palette4: #334155;
  --global-palette5: #64748B;
  --global-palette6: #94A3B8;
  --global-palette7: #F1F5F9;
  --global-palette8: #F8FAFC;
  --global-palette9: #FFFFFF;
}

/* ── Base reset ────────────────────────────────────────────────────────── */
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: var(--tdr-font);
  font-size: var(--tdr-text-base);
  line-height: var(--tdr-lh-body);
  color: var(--tdr-text);
  background-color: var(--tdr-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

/* ── Fluid typography ──────────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--tdr-font);
  line-height: var(--tdr-lh-heading);
  color: var(--tdr-primary);
  letter-spacing: -0.02em;
  margin-block: 0 0.5em;
  font-weight: 600;
}

h1 { font-size: var(--tdr-h1);  font-weight: 700; letter-spacing: -0.03em; }
h2 { font-size: var(--tdr-h2);  font-weight: 700; letter-spacing: -0.025em; }
h3 { font-size: var(--tdr-h3);  font-weight: 600; }
h4 { font-size: var(--tdr-h4);  font-weight: 600; }
h5 { font-size: var(--tdr-h5);  font-weight: 500; }
h6 { font-size: var(--tdr-h6);  font-weight: 500; }

p {
  line-height: var(--tdr-lh-relaxed);
  color: var(--tdr-slate-700);
  max-width: 70ch;
  margin-block: 0 1em;
}

a {
  color: var(--tdr-accent);
  text-decoration: none;
  transition: color 150ms var(--tdr-ease-standard, cubic-bezier(0.25, 0.46, 0.45, 0.94));
}

a:hover { color: var(--tdr-primary-mid); }

a:focus-visible {
  outline: 2px solid var(--tdr-accent);
  outline-offset: 3px;
  border-radius: var(--tdr-r-sm);
}

strong, b { font-weight: 600; }

img { max-width: 100%; height: auto; display: block; }

/* Monospace for technical specs */
code, .tdr-mono {
  font-family: var(--tdr-font-mono);
  font-size: 0.875em;
  font-weight: 500;
  letter-spacing: 0;
}

/* ── Skip link ─────────────────────────────────────────────────────────── */
.skip-link {
  position: absolute;
  top: -100%;
  left: var(--tdr-sp-4);
  z-index: 9999;
  background: var(--tdr-accent);
  color: #fff;
  padding: var(--tdr-sp-3) var(--tdr-sp-5);
  border-radius: var(--tdr-r);
  font-weight: 600;
  font-size: var(--tdr-text-sm);
}

.skip-link:focus { top: var(--tdr-sp-4); }

/* ── Layout containers ─────────────────────────────────────────────────── */
.tdr-container {
  width: 100%;
  max-width: var(--tdr-max-w);
  margin-inline: auto;
  padding-inline: var(--tdr-sp-6);
}

.tdr-container-sm { max-width: var(--tdr-max-w-sm); }

.tdr-section       { padding-block: var(--tdr-sp-20); }
.tdr-section-sm    { padding-block: var(--tdr-sp-12); }

/* ── Section headings ──────────────────────────────────────────────────── */
.tdr-eyebrow {
  display: inline-block;
  font-size: var(--tdr-text-xs);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--tdr-accent);
  margin-bottom: var(--tdr-sp-3);
}

.tdr-section-title {
  font-size: var(--tdr-h2);
  font-weight: 700;
  color: var(--tdr-primary);
  letter-spacing: -0.025em;
  line-height: var(--tdr-lh-heading);
  margin-bottom: var(--tdr-sp-4);
}

.tdr-section-subtitle {
  font-size: var(--tdr-text-lg);
  color: var(--tdr-slate-600);
  max-width: 58ch;
  line-height: var(--tdr-lh-relaxed);
  margin-bottom: 0;
}

/* ── Buttons ───────────────────────────────────────────────────────────── */
.tdr-btn,
.button,
button[type="submit"],
input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--tdr-sp-2);
  padding: 0.75rem 1.5rem;
  font-family: var(--tdr-font);
  font-size: var(--tdr-text-sm);
  font-weight: 600;
  letter-spacing: 0.01em;
  border-radius: var(--tdr-r);
  border: 2px solid transparent;
  cursor: pointer;
  min-height: 44px;
  text-decoration: none;
  white-space: nowrap;
  transition:
    background-color 150ms var(--tdr-ease-standard, cubic-bezier(0.25, 0.46, 0.45, 0.94)),
    color            150ms var(--tdr-ease-standard, cubic-bezier(0.25, 0.46, 0.45, 0.94)),
    border-color     150ms var(--tdr-ease-standard, cubic-bezier(0.25, 0.46, 0.45, 0.94)),
    box-shadow       150ms var(--tdr-ease-standard, cubic-bezier(0.25, 0.46, 0.45, 0.94)),
    transform        150ms var(--tdr-ease-standard, cubic-bezier(0.25, 0.46, 0.45, 0.94));
}

.tdr-btn:focus-visible,
.button:focus-visible {
  outline: 2px solid var(--tdr-accent);
  outline-offset: 3px;
}

/* Primary */
.tdr-btn-primary,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.button.alt,
.woocommerce-cart .checkout-button {
  background-color: var(--tdr-accent);
  color: #fff;
  border-color: var(--tdr-accent);
}

.tdr-btn-primary:hover,
.tdr-btn-primary:focus,
.tdr-btn-primary:active,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus,
.woocommerce button.button.alt:active,
.woocommerce input.button.alt:hover,
.woocommerce input.button.alt:focus,
.woocommerce input.button.alt:active,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt:focus,
.woocommerce a.button.alt:active,
.woocommerce-cart .checkout-button:hover,
.woocommerce-cart .checkout-button:focus,
.woocommerce-cart .checkout-button:active {
  background-color: var(--tdr-accent-hover) !important;
  border-color: var(--tdr-accent-hover) !important;
  color: #fff !important;
  box-shadow: var(--tdr-shadow-md);
}

/* Secondary outline */
.tdr-btn-outline,
.woocommerce a.button,
.woocommerce button.button {
  background-color: transparent;
  color: var(--tdr-accent);
  border-color: var(--tdr-accent);
}

.tdr-btn-outline:hover,
.tdr-btn-outline:focus,
.tdr-btn-outline:active,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce a.button:active,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce button.button:active {
  background-color: var(--tdr-accent) !important;
  color: #fff !important;
  border-color: var(--tdr-accent) !important;
  box-shadow: none;
}

/* Quote */
a.tdr-btn-quote,
.tdr-btn-quote {
  background-color: #ffffff !important;
  color: var(--tdr-primary) !important;
  border: 2px solid var(--tdr-accent) !important;
}

a.tdr-btn-quote:hover,
.tdr-btn-quote:hover {
  background-color: var(--tdr-accent) !important;
  color: #ffffff !important;
  border-color: var(--tdr-accent) !important;
  transform: translateY(-1px);
}

/* Ghost (light on dark) */
.tdr-btn-ghost {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.85);
  border: 2px solid rgba(255, 255, 255, 0.3);
}

.tdr-btn-ghost:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.6);
  color: #fff;
  transform: translateY(-2px);
}

/* ── Badges ────────────────────────────────────────────────────────────── */
.tdr-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  font-size: var(--tdr-text-xs);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-radius: var(--tdr-r-sm);
}

.tdr-badge-blue   { background: var(--tdr-accent-bg); color: var(--tdr-accent); }
.tdr-badge-navy   { background: var(--tdr-primary);   color: #fff; }
.tdr-badge-amber  { background: var(--tdr-amber-bg);  color: var(--tdr-amber); }

/* ── Card ──────────────────────────────────────────────────────────────── */
.tdr-card {
  background: var(--tdr-surface);
  border: 1px solid var(--tdr-border);
  border-radius: var(--tdr-r-xl);
  overflow: hidden;
  transition:
    box-shadow 250ms var(--tdr-ease-standard, cubic-bezier(0.25, 0.46, 0.45, 0.94)),
    transform  250ms var(--tdr-ease-standard, cubic-bezier(0.25, 0.46, 0.45, 0.94)),
    border-color 250ms var(--tdr-ease-standard, cubic-bezier(0.25, 0.46, 0.45, 0.94));
}

.tdr-card:hover {
  box-shadow: var(--tdr-shadow-lg);
  transform: translateY(-4px);
  border-color: rgba(0, 80, 255, 0.25);
}

/* ── Spec table ────────────────────────────────────────────────────────── */
.tdr-spec-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--tdr-text-sm);
}

.tdr-spec-table th {
  font-size: var(--tdr-text-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tdr-slate-500);
  padding: var(--tdr-sp-3) var(--tdr-sp-4);
  text-align: left;
  border-bottom: 2px solid var(--tdr-border);
  background: var(--tdr-slate-50);
}

.tdr-spec-table td {
  padding: var(--tdr-sp-3) var(--tdr-sp-4);
  border-bottom: 1px solid var(--tdr-border);
  color: var(--tdr-slate-700);
  vertical-align: top;
  font-size: var(--tdr-text-sm);
}

.tdr-spec-table td:first-child {
  font-weight: 500;
  color: var(--tdr-primary);
  width: 40%;
}

.tdr-spec-table tr:hover td { background: rgba(0, 80, 255, 0.025); }

/* ── Divider ───────────────────────────────────────────────────────────── */
hr.tdr-divider {
  border: none;
  height: 1px;
  background: var(--tdr-border);
  margin-block: var(--tdr-sp-12);
}

/* ── Stats ─────────────────────────────────────────────────────────────── */
.tdr-stats {
  display: flex;
  gap: var(--tdr-sp-12);
  flex-wrap: wrap;
}

.tdr-stat__value {
  font-size: clamp(1.875rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--tdr-primary);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.tdr-stat__unit {
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 600;
  color: var(--tdr-accent);
}

.tdr-stat__label {
  font-size: var(--tdr-text-sm);
  color: var(--tdr-slate-500);
  margin-top: var(--tdr-sp-1);
  letter-spacing: 0.02em;
}

/* ── Trust strip — ascuns ──────────────────────────────────────────────── */
.tdr-trust-strip {
  display: none !important;
}

.tdr-trust-strip__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--tdr-sp-10);
  flex-wrap: wrap;
}

.tdr-trust-item {
  display: flex;
  align-items: center;
  gap: var(--tdr-sp-2);
  color: rgba(255, 255, 255, 0.7);
  font-size: var(--tdr-text-sm);
  font-weight: 500;
}

.tdr-trust-item svg { flex-shrink: 0; color: var(--tdr-amber); }

/* ── Override Kadence content-area vertical margins (5rem default → 0) ── */
.content-area {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
}

/* ── Responsive ────────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
  .tdr-section    { padding-block: var(--tdr-sp-16); }
  .tdr-stats      { gap: var(--tdr-sp-8); }
}

@media (max-width: 768px) {
  .tdr-container  { padding-inline: var(--tdr-sp-4); }
  .tdr-section    { padding-block: var(--tdr-sp-12); }
  .tdr-section-sm { padding-block: var(--tdr-sp-8); }
  .tdr-stats      { gap: var(--tdr-sp-6); }
  .tdr-trust-strip__inner { gap: var(--tdr-sp-5); }
  p { max-width: 100%; }
}

/* ── Knowledge base card hover ─────────────────────────────────────────── */
.tdr-kb-card:hover {
  box-shadow: 0 8px 32px rgba(0,0,0,0.10);
  transform: translateY(-3px);
}

/* ── Industries section ─────────────────────────────────────────────────── */
.tdr-industries {
  background: var(--tdr-surface);
  padding-top: 14px;
  padding-bottom: var(--tdr-sp-20);
}

.tdr-industries-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tdr-sp-6);
}

.tdr-industries-head__text {
  flex: 1;
  min-width: 0;
}

.tdr-industries-head .tdr-section-subtitle {
  margin-bottom: 0;
}

.tdr-industries .tdr-section-title {
  font-family: var(--tdr-font, system-ui, sans-serif);
  font-size: 1.222rem;
  font-weight: 700;
  letter-spacing: 0;
  color: var(--tdr-accent);
}

.tdr-industries .tdr-section-subtitle {
  font-family: var(--tdr-font, system-ui, sans-serif);
  font-size: 0.9375rem;
  font-weight: 500;
  color: #003064;
  line-height: 1.3;
}

.tdr-industries__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--tdr-sp-5);
  margin-top: var(--tdr-sp-10);
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.tdr-industry-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 72px;
  padding: var(--tdr-sp-4) var(--tdr-sp-5);
  background: var(--tdr-surface);
  border: 1.5px solid var(--tdr-border);
  border-top: 3px solid var(--tdr-accent);
  border-radius: 0;
  text-decoration: none;
  color: inherit;
  transition:
    box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform  200ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    border-top-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.tdr-industry-card:hover {
  transform: translateY(-4px);
}

/* Oversized background icon — tilted 30deg, clipped by overflow:hidden */
.tdr-industry-card__bg {
  position: absolute;
  bottom: -12px;
  right: -10px;
  width: 90px;
  height: 90px;
  color: var(--tdr-primary-mid);
  opacity: 0.09;
  transform: rotate(30deg);
  pointer-events: none;
  z-index: 0;
  transition:
    opacity   250ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    color     250ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.tdr-industry-card__bg svg {
  width: 100%;
  height: 100%;
}

.tdr-industry-card:hover .tdr-industry-card__bg {
  opacity: 0.18;
  color: var(--tdr-slate-600);
  transform: rotate(0deg);
}

.tdr-industry-card__icon {
  position: relative;
  z-index: 1;
  width: 56px;
  height: 56px;
  background: var(--tdr-accent-bg);
  border-radius: var(--tdr-r-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tdr-accent);
  flex-shrink: 0;
  transition:
    background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    color            200ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform        200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.tdr-industry-card:hover .tdr-industry-card__icon {
  background: var(--tdr-amber-bg);
  color: var(--tdr-amber);
  transform: translateX(-6px);
}

.tdr-industry-card__name {
  position: relative;
  z-index: 1;
  font-family: var(--tdr-font-product);
  font-size: var(--tdr-text-base);
  font-weight: 400;
  color: var(--tdr-primary);
  line-height: 1.3;
  letter-spacing: -0.01em;
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
              font-weight 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.tdr-industry-card:hover .tdr-industry-card__name {
  transform: translateX(-8px);
  font-weight: 700;
}

@media (max-width: 1024px) {
  .tdr-industries { padding-block: var(--tdr-sp-16); }
  .tdr-industries__grid { gap: var(--tdr-sp-4); }
}

@media (max-width: 640px) {
  .tdr-industries-head {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .tdr-industries { padding-block: var(--tdr-sp-12); }
  .tdr-industries__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--tdr-sp-3);
  }
  .tdr-industry-card {
    padding: var(--tdr-sp-5) var(--tdr-sp-4);
    gap: var(--tdr-sp-3);
  }
  .tdr-industry-card__icon {
    width: 48px;
    height: 48px;
  }
}

/* ── Search page ───────────────────────────────────────────────────────── */
.tdr-search-page { padding-block: 2.5rem 4rem; }

.tdr-search-page__heading {
  font-family: var(--tdr-font);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 400;
  color: var(--tdr-slate-500);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 0 2.5rem;
}

.tdr-search-page__heading em {
  font-style: normal;
  color: var(--tdr-primary);
  font-weight: 600;
}

.tdr-search-section { margin-bottom: 3rem; }

.tdr-search-section__title {
  font-family: var(--tdr-font);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--tdr-slate-400);
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin: 0 0 1.5rem;
  padding-bottom: 0.875rem;
  border-bottom: 1px solid var(--tdr-border);
}

.tdr-search-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  background: var(--tdr-accent-bg);
  color: var(--tdr-accent);
  border-radius: 100px;
  font-size: 0.7rem;
  font-weight: 700;
}

.tdr-search-empty {
  color: var(--tdr-slate-500);
  font-size: var(--tdr-text-sm);
  padding: 2rem 0;
}

.tdr-search-section--articles .tdr-kb-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1.5rem;
}