/* Final authority layer for T19 Search, T20 404 and T21 Brand. */

/* T19 — discoverable, contained type rail and authority-shaped result grid. */
[data-hq-template="search"] .hq-search-tabs {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 1.25rem;
}
[data-hq-template="search"] .hq-search-tabs__track {
  scrollbar-color: #10b981 rgba(113, 113, 122, .18);
  scrollbar-width: auto;
}
[data-hq-template="search"] .hq-search-tabs__track::-webkit-scrollbar { height: .55rem; }
[data-hq-template="search"] .hq-search-tabs__track::-webkit-scrollbar-track { border-radius: 999px; background: rgba(113, 113, 122, .18); }
[data-hq-template="search"] .hq-search-tabs__track::-webkit-scrollbar-thumb { border-radius: 999px; background: #10b981; }
[data-hq-template="search"] .hq-search-tabs__hint {
  display: none;
  margin-top: .25rem;
  color: var(--hq-parity-muted, #52525b);
  font: 700 .68rem/1.35 var(--hq-font-mono, monospace);
  letter-spacing: .06em;
  text-transform: uppercase;
}
[data-hq-template="search"] .hq-search-tabs__edge { display: none; }
[data-hq-template="search"] .hq-search-results-grid > * { min-width: 0; }
[data-hq-template="search"] .hq-search-product-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
[data-hq-template="search"] .hq-search-product-card > :first-child { flex: 1 1 auto; }
[data-hq-template="search"] .hq-search-product-identity {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: .45rem .75rem;
  margin: -.75rem 1rem 0;
  padding: .8rem 1rem;
  position: relative;
  z-index: 1;
  border: 1px solid var(--hq-parity-line, #e4e4e7);
  border-radius: .9rem;
  background: var(--hq-parity-surface, #fff);
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  font: 700 .68rem/1.4 var(--hq-font-mono, monospace);
}
[data-hq-template="search"] .hq-search-product-identity div { display: flex; min-width: 0; gap: .3rem; }
[data-hq-template="search"] .hq-search-product-identity dt { color: var(--hq-parity-muted, #52525b); text-transform: uppercase; }
[data-hq-template="search"] .hq-search-product-identity dd { min-width: 0; margin: 0; color: var(--hq-parity-text, #18181b); overflow-wrap: anywhere; }
[data-hq-template="search"] .hq-search-empty__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .75rem;
  margin-top: 1.5rem;
}
[data-hq-template="search"] .hq-search-empty__actions a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: .7rem 1rem;
  border: 1px solid var(--hq-parity-line, #d4d4d8);
  border-radius: .75rem;
  background: var(--hq-parity-surface, #fff);
  color: var(--hq-parity-text, #18181b);
  font-weight: 750;
  text-decoration: none;
}
[data-hq-template="search"] .hq-search-empty__actions a:last-child { border-color: #047857; background: #047857; color: #fff; }
[data-hq-template="search"] .hq-search-facets__apply:disabled {
  cursor: not-allowed;
  opacity: .5;
}

/* T20 — stable terminal-card proportions across narrow and wide screens. */
[data-hq-template="error-404"] {
  padding-top: clamp(3.5rem, 6vw, 5.5rem) !important;
}
[data-hq-template="error-404"] #template-404 { padding-top: 0; }
[data-hq-template="error-404"] .hq-error-shell { min-height: clamp(36rem, 75vh, 52rem); }
[data-hq-template="error-404"] .hq-error-card { isolation: isolate; }
[data-hq-template="error-404"] .hq-error-code {
  max-width: min(100%, 42rem);
  overflow-wrap: anywhere;
  line-height: 1.45;
}
[data-hq-template="error-404"] .hq-error-display {
  display: grid;
  min-height: clamp(8.5rem, 18vw, 11rem);
  place-items: center;
}
[data-hq-template="error-404"] .hq-error-display > * { grid-area: 1 / 1; }
[data-hq-template="error-404"] .hq-error-display > div { position: static; }
[data-hq-template="error-404"] #hq-error-title {
  max-width: 18ch;
  margin: 0 auto;
  font-size: clamp(1.875rem, 5vw, 3rem) !important;
  line-height: 1.08 !important;
}
[data-hq-template="error-404"] .hq-error-routes nav { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; }
[data-hq-template="error-404"] .hq-error-routes a { justify-content: center; }
[data-hq-template="error-404"] .hq-error-route--primary {
  background: #047857;
  color: #fff;
  box-shadow: 0 8px 20px -10px rgba(4, 120, 87, .65);
}
[data-hq-template="error-404"] .hq-error-route--primary:hover { background: #065f46; }
[data-hq-template="error-404"] .hq-error-diagnostic { max-width: 42rem; margin: 0 auto 2rem; text-align: left; }
[data-hq-template="error-404"] .hq-error-diagnostic summary { margin-bottom: .5rem; }
[data-hq-template="error-404"] .hq-error-diagnostic__collapsed { display: none; }
[data-hq-template="error-404"] .hq-error-diagnostic:not([open]) .hq-error-diagnostic__expanded { display: none; }
[data-hq-template="error-404"] .hq-error-diagnostic:not([open]) .hq-error-diagnostic__collapsed { display: inline; }
[data-hq-template="error-404"] .hq-error-terminal { max-width: 100%; overflow-wrap: anywhere; }
html.dark [data-hq-template="error-404"] .hq-error-route--primary { background: #10b981; color: #09090b; }
html.dark [data-hq-template="error-404"] .hq-error-route--primary:hover { background: #34d399; }

/* T21 — profile hierarchy and differentiated standard catalog cards. */
[data-hq-template="brand-wiki"] header { isolation: isolate; }
[data-hq-template="brand-wiki"] #hardware-cards-container.hq-bento-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
  align-items: stretch;
}
[data-hq-template="brand-wiki"] .hq-brand-product-card,
[data-hq-template="brand-wiki"] .hq-brand-product-card > * { min-width: 0; height: 100%; }
[data-hq-template="brand-wiki"] .hq-brand-product-card:nth-child(3n + 2) > * {
  border-color: rgba(20, 184, 166, .28);
}
[data-hq-template="brand-wiki"] .hq-brand-product-card:nth-child(3n) > * {
  border-color: rgba(16, 185, 129, .32);
}
[data-hq-template="brand-wiki"] select,
[data-hq-template="brand-wiki"] button,
[data-hq-template="brand-wiki"] a[class*="inline-flex"] { min-height: 44px; }

@media (max-width: 639px) {
  [data-hq-template="search"] .hq-search-tabs {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: .5rem;
  }
  [data-hq-template="search"] .hq-search-tabs__track { grid-column: 1; }
  [data-hq-template="search"] .hq-search-tabs__hint { display: block; }
  [data-hq-template="search"] .hq-search-tabs__edge {
    display: inline-flex;
    width: 2rem;
    height: 44px;
    grid-column: 2;
    grid-row: 1;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--hq-parity-line, #d4d4d8);
    border-radius: 999px;
    background: var(--hq-parity-surface, #fff);
    color: var(--hq-parity-green, #047857);
    font-weight: 900;
  }
  [data-hq-template="error-404"] .hq-error-card { padding: 1.5rem 1rem; border-radius: 1.5rem; }

  [data-hq-template="error-404"] .hq-error-code { padding-inline: .75rem; font-size: .65rem; letter-spacing: .08em; }
  [data-hq-template="error-404"] .hq-error-routes nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-hq-template="error-404"] .hq-error-routes a { width: 100%; padding-inline: .65rem; text-align: center; }
  [data-hq-template="brand-wiki"] .hq-h1 { font-size: 1.875rem !important; line-height: 1.15 !important; }
}

@media (min-width: 640px) {
  [data-hq-template="brand-wiki"] #hardware-cards-container.hq-bento-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
  [data-hq-template="brand-wiki"] #hardware-cards-container.hq-bento-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  [data-hq-template="search"] *,
  [data-hq-template="error-404"] *,
  [data-hq-template="brand-wiki"] * {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}
