/* ===========================================================================
   template6.css — ArticleSearch
   Product / documentation UI: cool tinted ground, crisp 1px borders, compact
   density, monospace labels, blue accent. The most "app-like" of the three.
   Loaded after astro-ui.css; only re-declares tokens plus a few signatures.
   =========================================================================== */

.au-theme.au-t6 {
  --au-bg: #ffffff;
  --au-surface: #f7f9fc;
  --au-surface-2: #eef2f8;
  --au-border: #e0e6ef;
  --au-border-strong: #c3ccda;
  --au-text: #111a2e;
  --au-text-soft: #414d63;
  --au-muted: #616c81;
  --au-accent: var(--theme-tag-color, #1f6feb);
  --au-accent-strong: #1a5fcc;
  --au-accent-strong: color-mix(in srgb, var(--au-accent) 72%, #000);
  --au-accent-ink: #ffffff;
  --au-footer-bg: var(--theme-footer-color, #111a2e);

  --au-radius: 12px;
  --au-radius-sm: 8px;
  --au-gap: 20px;
  --au-section-gap: 56px;

  --au-font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --au-display-weight: 650;
  --au-display-tracking: -0.02em;
  --au-kicker-tracking: 0.06em;

  background: var(--au-surface);
}

/* content sits on white panels over the tinted app background */
.au-theme.au-t6 .au-main > .au-wrap > .au-section,
.au-theme.au-t6 .au-panel-surface {
  background: transparent;
}

.au-theme.au-t6 .au-header {
  background: color-mix(in srgb, var(--au-bg) 90%, transparent);
}

.au-theme.au-t6 .au-navbar {
  background: var(--au-bg);
}

.au-theme.au-t6 .au-nav a {
  border-radius: var(--au-radius-sm);
  font-size: 0.8125rem;
}

.au-theme.au-t6 .au-kicker {
  font-family: var(--au-font-mono);
  font-size: 0.6875rem;
  font-weight: 500;
  text-transform: none;
  color: var(--au-muted);
}

.au-theme.au-t6 .au-card {
  background: var(--au-bg);
}

.au-theme.au-t6 .au-card:hover {
  transform: none;
  border-color: var(--au-accent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--au-accent) 35%, transparent);
}

.au-theme.au-t6 .au-card-body {
  padding: 16px;
  gap: 6px;
}

.au-theme.au-t6 .au-card-title {
  font-size: 1rem;
}

/* a compact stat / facet strip used on the home and category pages */
.au-theme.au-t6 .au-facets {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px 16px;
  background: var(--au-bg);
  border: var(--au-hairline);
  border-radius: var(--au-radius);
}

.au-theme.au-t6 .au-facet {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--au-font-mono);
  font-size: 0.75rem;
  color: var(--au-muted);
}

.au-theme.au-t6 .au-facet strong {
  color: var(--au-text);
  font-weight: 600;
}

.au-theme.au-t6 .au-facet + .au-facet {
  padding-left: 10px;
  border-left: var(--au-hairline);
}

.au-theme.au-t6 .au-rail-card {
  padding: 18px;
  background: var(--au-bg);
  border: var(--au-hairline);
  border-radius: var(--au-radius);
}

.au-theme.au-t6 .au-rail-card + .au-rail-card {
  margin-top: 16px;
}

.au-theme.au-t6 .au-list-item:hover {
  background: var(--au-surface-2);
}

.au-theme.au-t6 .au-article {
  padding: 36px;
  background: var(--au-bg);
  border: var(--au-hairline);
  border-radius: var(--au-radius);
  max-width: 820px;
}

.au-theme.au-t6 .au-panel {
  background: var(--au-bg);
}

.au-theme.au-t6 .au-page-head {
  padding: 32px;
  margin-bottom: 32px;
  background: var(--au-bg);
  border: var(--au-hairline);
  border-radius: var(--au-radius);
}

@media (max-width: 767.98px) {
  .au-theme.au-t6 .au-article,
  .au-theme.au-t6 .au-page-head {
    padding: 22px;
  }
}