/*
 * T10/T11/T15–T18 visual-parity layer.
 * Every rule is rooted in a template marker so community/tool screens can match
 * the final_design references without changing global theme behavior.
 */

[data-hq-template="single-topic"],
[data-hq-template="single-deal"],
[data-hq-template="community"],
[data-hq-template="deals-archive"],
[data-hq-template="build"],
[data-hq-template="wishlist"],
[data-hq-template="search"] {
  --hq-parity-surface: rgba(255, 255, 255, .8);
  --hq-parity-surface-soft: rgba(250, 250, 250, .88);
  --hq-parity-text: #18181b;
  --hq-parity-muted: #52525b;
  --hq-parity-line: rgba(212, 212, 216, .8);
  --hq-parity-green: #047857;
  --hq-parity-green-bright: #10b981;
  --hq-parity-shadow: 0 24px 60px -28px rgba(9, 30, 23, .28);
  color: var(--hq-parity-text);
}

html.dark [data-hq-template="single-topic"],
html.dark [data-hq-template="single-deal"],
html.dark [data-hq-template="community"],
html.dark [data-hq-template="deals-archive"],
html.dark [data-hq-template="build"],
html.dark [data-hq-template="wishlist"],
html.dark [data-hq-template="search"] {
  --hq-parity-surface: rgba(6, 12, 10, .88);
  --hq-parity-surface-soft: rgba(255, 255, 255, .05);
  --hq-parity-text: #fafafa;
  --hq-parity-muted: #a1a1aa;
  --hq-parity-line: rgba(255, 255, 255, .1);
  --hq-parity-green: #34d399;
  --hq-parity-shadow: 0 24px 60px -28px rgba(0, 0, 0, .8);
}

[data-hq-template] .hq-parity-breadcrumb {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  margin: 0 0 1.5rem;
  color: var(--hq-parity-muted);
  font-family: var(--hq-font-mono, "Space Grotesk", monospace);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
[data-hq-template] .hq-parity-breadcrumb a { color: inherit; text-decoration: none; }
[data-hq-template] .hq-parity-breadcrumb a:hover { color: var(--hq-parity-green); }
[data-hq-template] .hq-parity-breadcrumb [aria-current="page"] { min-width: 0; overflow: hidden; color: var(--hq-parity-text); text-overflow: ellipsis; white-space: nowrap; }

/* T15 — community hero, five-column board rhythm, 8/4 discussion split. */
[data-hq-template="community"] .hq-community-hero {
  padding: clamp(1.5rem, 4vw, 3.5rem);
  border: 1px solid var(--hq-parity-line);
  border-radius: 2rem;
  background:
    radial-gradient(circle at 0 0, rgba(16, 185, 129, .18), transparent 35%),
    radial-gradient(circle at 100% 100%, rgba(20, 184, 166, .11), transparent 34%),
    var(--hq-parity-surface);
  box-shadow: var(--hq-parity-shadow);
  backdrop-filter: blur(24px) saturate(160%);
}
[data-hq-template="community"] .hq-community-hero__badge {
  display: inline-flex;
  width: fit-content;
  padding: .42rem .78rem;
  border: 1px solid rgba(16, 185, 129, .25);
  border-radius: 999px;
  background: rgba(16, 185, 129, .1);
}
[data-hq-template="community"] .hq-community-hero__stats { border-color: var(--hq-parity-line); }
[data-hq-template="community"] .hq-community-board-grid { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 1rem; }
[data-hq-template="community"] .hq-community-board,
[data-hq-template="community"] .hq-topic-row,
[data-hq-template="community"] .hq-community-sidebar > section,
[data-hq-template="community"] .hq-community-sidebar section {
  border: 1px solid var(--hq-parity-line);
  background: var(--hq-parity-surface);
  box-shadow: 0 14px 34px -28px rgba(9, 30, 23, .42);
  backdrop-filter: blur(22px) saturate(150%);
}
[data-hq-template="community"] .hq-community-board { min-height: 0; max-height: 13rem; padding: 1.25rem; }
[data-hq-template="community"] .hq-community-board h3 { min-height: 2.6em; }
[data-hq-template="community"] .hq-community-board p,
[data-hq-template="community"] .hq-community-board__description { display: -webkit-box; min-height: 0; max-height: 3.9em; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
[data-hq-template="community"] .hq-community-board-overflow { margin-top: 1rem; color: var(--hq-parity-muted); font: 700 .75rem/1.4 var(--hq-font-mono, monospace); }
[data-hq-template="community"] .hq-community-board-overflow summary { display: inline-flex; min-height: 44px; align-items: center; gap: .5rem; cursor: pointer; }
[data-hq-template="community"] .hq-community-board-overflow summary span { display: inline-flex; min-width: 1.65rem; min-height: 1.65rem; align-items: center; justify-content: center; border-radius: 999px; background: var(--hq-parity-surface-soft); color: var(--hq-parity-text); }
[data-hq-template="community"] .hq-community-board-overflow ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: .5rem 1rem; margin: .5rem 0 0; padding: 1rem; border: 1px solid var(--hq-parity-line); border-radius: 1rem; background: var(--hq-parity-surface); list-style: none; }
[data-hq-template="community"] .hq-community-board-overflow a { color: var(--hq-parity-text); text-decoration: none; }
[data-hq-template="community"] .hq-community-board-overflow a:hover { color: var(--hq-parity-green); }
[data-hq-template="community"] .hq-community-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; }
[data-hq-template="community"] .hq-community-stream { min-width: 0; }
[data-hq-template="community"] .hq-community-sidebar { min-width: 0; }
[data-hq-template="community"] .hq-community-contributors { padding: 1.5rem; }
[data-hq-template="community"] .hq-community-gateway { padding: 1.5rem; }
[data-hq-template="community"] .hq-community-sidebar__head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-bottom: .85rem; border-bottom: 1px solid var(--hq-parity-line); }
[data-hq-template="community"] .hq-community-sidebar__head > span { color: var(--hq-parity-green); font: 700 .65rem/1.2 var(--hq-font-mono, monospace); }
[data-hq-template="community"] .hq-community-contributor-list { display: grid; gap: .85rem; margin: 1rem 0 0; padding: 0; list-style: none; }
[data-hq-template="community"] .hq-community-contributor-list li { display: grid; grid-template-columns: 1.5rem 2.5rem minmax(0, 1fr); gap: .65rem; align-items: center; }
[data-hq-template="community"] .hq-community-contributor-list img { width: 2.5rem; height: 2.5rem; border-radius: .65rem; object-fit: cover; }
[data-hq-template="community"] .hq-community-contributor-list strong,
[data-hq-template="community"] .hq-community-contributor-list small { display: block; min-width: 0; }
[data-hq-template="community"] .hq-community-contributor-list strong { overflow: hidden; color: var(--hq-parity-text); font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }
[data-hq-template="community"] .hq-community-contributor-list small,
[data-hq-template="community"] .hq-community-contributor-list__rank { color: var(--hq-parity-muted); font: 650 .65rem/1.35 var(--hq-font-mono, monospace); }
[data-hq-template="community"] .hq-community-gateway { color: #fff; background: #18181b; }
[data-hq-template="community"] .hq-community-gateway h2 { color: #fff; }
[data-hq-template="community"] .hq-community-gateway p:not(.hq-v42-kicker) { color: #a1a1aa; }
[data-hq-template="community"] .hq-community-search form,
[data-hq-template="community"] .hq-community-search #bbp-search-form > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .5rem; width: 100%; }
[data-hq-template="community"] .hq-community-search input[type="text"],
[data-hq-template="community"] .hq-community-search input[type="search"] { width: 100%; min-width: 0; min-height: 44px; padding: .7rem .8rem; border: 1px solid var(--hq-parity-line); border-radius: .75rem; background: #fff; color: #18181b; }
[data-hq-template="community"] .hq-community-search input[type="submit"] { min-height: 44px; padding-inline: .9rem; border: 0; border-radius: .75rem; background: #047857; color: #fff; font-weight: 750; }
html.dark [data-hq-template="community"] .hq-community-search input[type="text"],
html.dark [data-hq-template="community"] .hq-community-search input[type="search"] { background: #060c0a; color: #fafafa; border-color: rgba(255,255,255,.14); }

/* T10 — separate authority header, lead post and reply cards. */
[data-hq-template="single-topic"] .hq-single-topic-shell { width: min(100%, 100rem); margin-inline: auto; }
[data-hq-template="single-topic"] #bbpress-forums .hq-h1 { font-size: clamp(1.75rem, 4vw, 2.25rem); font-weight: 900; line-height: 1.2; letter-spacing: -.025em; }
[data-hq-template="single-topic"] .hq-topic-header-card {
  margin-bottom: 1.5rem;
  padding: clamp(1.5rem, 4vw, 2rem);
  border: 1px solid var(--hq-parity-line);
  border-radius: 1rem;
  background: var(--hq-parity-surface);
  box-shadow: var(--hq-parity-shadow);
  backdrop-filter: blur(24px) saturate(160%);
}
[data-hq-template="single-topic"] .hq-topic-header-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .65rem; margin-bottom: .75rem; color: var(--hq-parity-muted); font: 650 .72rem/1.4 var(--hq-font-mono, monospace); }
[data-hq-template="single-topic"] .hq-topic-status { display: inline-flex; min-height: 28px; align-items: center; padding: .3rem .65rem; border: 1px solid rgba(16,185,129,.35); border-radius: 999px; background: rgba(16,185,129,.1); color: var(--hq-parity-green); font-weight: 800; text-transform: uppercase; }
[data-hq-template="single-topic"] .hq-topic-header-card__footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; margin-top: 1rem; }
[data-hq-template="single-topic"] .hq-topic-header-card__actions { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
[data-hq-template="single-topic"] .hq-topic-tags a {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  margin: .2rem;
  padding: .35rem .65rem;
  border-radius: .4rem;
  background: var(--hq-parity-surface-soft);
  color: var(--hq-parity-muted);
  font: 700 .72rem/1 var(--hq-font-mono, monospace);
}
[data-hq-template="single-topic"] .hq-topic-thread-stream { padding: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
[data-hq-template="single-topic"] .hq-topic-lead-post,
[data-hq-template="single-topic"] .hq-topic-post-card { display: block; width: 100%; margin-bottom: 1.5rem; overflow: hidden; border: 1px solid var(--hq-parity-line); border-radius: 1.25rem; background: var(--hq-parity-surface); box-shadow: 0 4px 25px -12px rgba(0, 0, 0, 0.08); }
[data-hq-template="single-topic"] .hq-topic-lead-post { display: block; width: 100%; max-width: 100%; padding: clamp(1.5rem, 3vw, 2.25rem); text-align: left; }
[data-hq-template="single-topic"] .hq-topic-lead-post__body { display: block; width: 100%; max-width: 100%; padding: 0; text-align: left; }
[data-hq-template="single-topic"] .hq-topic-content { display: block; width: 100%; max-width: 100%; margin-top: 1rem; color: var(--hq-parity-text); line-height: 1.75; text-align: left; }
[data-hq-template="single-topic"] .hq-topic-replies { margin: 0; padding: 0; }
[data-hq-template="single-topic"] .hq-topic-post-card__grid { display: grid; grid-template-columns: minmax(0, 1fr); }
[data-hq-template="single-topic"] .hq-topic-post-card__author { display: block; min-width: 0; padding: 1.25rem !important; }
[data-hq-template="single-topic"] .hq-topic-post-card__content { min-width: 0; padding: 1.25rem !important; color: var(--hq-parity-text); }
[data-hq-template="single-topic"] .hq-topic-post-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; margin-bottom: 1rem; color: var(--hq-parity-muted); font: 650 .7rem/1.4 var(--hq-font-mono, monospace); }
[data-hq-template="single-topic"] .hq-topic-post-card__meta .bbp-reply-permalink { margin-left: auto; }
[data-hq-template="single-topic"] .hq-topic-post-card__copy { color: var(--hq-parity-text); line-height: 1.72; }
[data-hq-template="single-topic"] .hq-topic-post-card__actions { display: flex; justify-content: flex-end; margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid var(--hq-parity-line); }
[data-hq-template="single-topic"] .hq-topic-op-badge { grid-column: 2; justify-self: start; margin-top: .35rem; padding: .25rem .5rem; border: 1px solid rgba(16,185,129,.3); border-radius: .4rem; background: rgba(16,185,129,.1); color: var(--hq-parity-green); font: 750 .65rem/1.2 var(--hq-font-mono, monospace); text-transform: uppercase; }
[data-hq-template="single-topic"] .hq-topic-pagination { justify-content: flex-end; }
[data-hq-template="single-topic"] .hq-topic-pagination:has(.bbp-pagination-links:empty) { display: none; }
[data-hq-template="single-topic"] .hq-topic-reply-form { margin-top: 1.5rem; }
[data-hq-template="single-topic"] .hq-topic-reply-form fieldset { padding: clamp(1rem, 3vw, 2rem) !important; border-radius: 1rem !important; background: var(--hq-parity-surface) !important; }
[data-hq-template="single-topic"] .hq-topic-reply-form .bbp-login-form label { display: block; }
[data-hq-template="single-topic"] .hq-topic-reply-form .bbp-login-form input[type="text"],
[data-hq-template="single-topic"] .hq-topic-reply-form .bbp-login-form input[type="password"] { height: auto !important; min-height: 44px !important; padding: .7rem .8rem !important; font-size: 1rem !important; }
[data-hq-template="single-topic"] .hq-topic-reply-form .bbp-login-form .bbp-remember-me { display: flex; min-height: 44px; align-items: center; gap: .65rem; }
[data-hq-template="single-topic"] .hq-topic-reply-form .bbp-login-form input[type="checkbox"] { width: 1.25rem; height: 1.25rem; margin: 0; }
html.dark [data-hq-template="single-topic"] {
  --hq-topic-card-dark: #060c0a;
  --hq-topic-card-dark-text: #d4d4d8;
}
html.dark [data-hq-template="single-topic"] .hq-topic-lead-post,
html.dark [data-hq-template="single-topic"] .hq-topic-post-card,
html.dark [data-hq-template="single-topic"] .hq-topic-post-card__grid { background: var(--hq-topic-card-dark) !important; color: var(--hq-topic-card-dark-text) !important; }
html.dark [data-hq-template="single-topic"] .hq-topic-post-card__content,
html.dark [data-hq-template="single-topic"] .hq-topic-post-card__copy,
html.dark [data-hq-template="single-topic"] .hq-topic-lead-post__body,
html.dark [data-hq-template="single-topic"] .hq-topic-content { background: transparent !important; color: var(--hq-topic-card-dark-text) !important; }
html.dark [data-hq-template="single-topic"] .hq-topic-post-card__copy p,
html.dark [data-hq-template="single-topic"] .hq-topic-content p { color: var(--hq-topic-card-dark-text) !important; }

/* T16 — algorithmic hero, compact filter telemetry and standardized cards. */
[data-hq-template="deals-archive"] .hq-deals-catalog-hero {
  position: relative;
  display: flex;
  min-height: 19rem;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 2.5rem;
  padding: clamp(1.5rem, 4vw, 3.5rem);
  overflow: hidden;
  border: 1px solid var(--hq-parity-line);
  border-radius: 2rem;
  background:
    radial-gradient(circle at 0 0, rgba(16,185,129,.17), transparent 35%),
    radial-gradient(circle at 100% 100%, rgba(20,184,166,.1), transparent 35%),
    var(--hq-parity-surface);
  box-shadow: var(--hq-parity-shadow);
  backdrop-filter: blur(24px) saturate(160%);
}
[data-hq-template="deals-archive"] .hq-deals-catalog-hero__copy { max-width: 51rem; }
[data-hq-template="deals-archive"] .hq-deals-catalog-hero__eyebrow { display: inline-flex; width: fit-content; align-items: center; gap: .5rem; margin: 0 0 1rem; padding: .45rem .8rem; border: 1px solid rgba(16,185,129,.25); border-radius: 999px; background: rgba(16,185,129,.1); color: var(--hq-parity-green); font: 750 .72rem/1 var(--hq-font-mono, monospace); letter-spacing: .12em; text-transform: uppercase; }
[data-hq-template="deals-archive"] .hq-deals-catalog-hero__eyebrow span { width: .5rem; height: .5rem; border-radius: 50%; background: #10b981; box-shadow: 0 0 14px rgba(16,185,129,.6); }
[data-hq-template="deals-archive"] .hq-deals-catalog-hero h1 { max-width: 46rem; margin: 0; color: var(--hq-parity-text); font-size: clamp(2rem, 4vw, 3rem); font-weight: 850; }
[data-hq-template="deals-archive"] .hq-deals-catalog-hero__copy > p:not(.hq-deals-catalog-hero__eyebrow):not(.hq-deals-catalog-hero__count) { max-width: 50rem; margin: 1rem 0 0; color: var(--hq-parity-muted); font-size: clamp(1rem, 1.5vw, 1.18rem); line-height: 1.65; }
[data-hq-template="deals-archive"] .hq-deals-catalog-hero__count { margin: .9rem 0 0; color: var(--hq-parity-green); font: 750 .75rem/1.4 var(--hq-font-mono, monospace); letter-spacing: .06em; text-transform: uppercase; }
[data-hq-template="deals-archive"] .hq-deals-hero-sort { display: flex; align-items: center; align-self: flex-end; gap: .75rem; }
[data-hq-template="deals-archive"] .hq-deals-hero-sort label,
[data-hq-template="deals-archive"] .hq-deals-filter-label { color: var(--hq-parity-muted); font: 750 .7rem/1 var(--hq-font-mono, monospace); letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
[data-hq-template="deals-archive"] .hq-deals-hero-sort select { min-height: 44px; max-width: 19rem; padding: .65rem 2.5rem .65rem 1rem; border: 1px solid var(--hq-parity-line); border-radius: .75rem; background: var(--hq-parity-surface-soft); color: var(--hq-parity-text); font: 750 .75rem/1.2 var(--hq-font-mono, monospace); }
[data-hq-template="deals-archive"] .hq-deals-filter-bar { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 2.5rem; padding: 1.25rem 1.5rem; border: 1px solid var(--hq-parity-line); border-radius: 1rem; background: var(--hq-parity-surface); box-shadow: var(--hq-parity-shadow); backdrop-filter: blur(24px) saturate(160%); }
[data-hq-template="deals-archive"] .hq-deals-category-filters,
[data-hq-template="deals-archive"] .hq-deals-drop-filters { display: flex; align-items: center; gap: .5rem; overflow-x: auto; }
[data-hq-template="deals-archive"] .hq-deals-filter-label { margin-right: .5rem; }
[data-hq-template="deals-archive"] .hq-deals-filter-pill { display: inline-flex; min-height: 32px; flex: 0 0 auto; align-items: center; padding: .45rem .8rem; border: 1px solid transparent; border-radius: 999px; background: var(--hq-parity-surface-soft); color: var(--hq-parity-text); font: 750 .7rem/1 var(--hq-font-mono, monospace); text-decoration: none; text-transform: uppercase; }
[data-hq-template="deals-archive"] .hq-deals-filter-pill.is-active { border-color: #047857; background: #047857; color: #fff; }
[data-hq-template="deals-archive"] .hq-deals-drop-filters .hq-deals-filter-pill.is-active { border-color: rgba(16,185,129,.35); background: rgba(16,185,129,.12); color: var(--hq-parity-green); }
[data-hq-template="deals-archive"] .hq-deal-catalog-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; align-items: stretch; }
[data-hq-template="deals-archive"] .hq-deal-catalog-card { height: 100%; border: 1px solid var(--hq-parity-line); background: var(--hq-parity-surface); }
[data-hq-template="deals-archive"] .hq-deal-catalog-card__media { aspect-ratio: 4 / 5; }
[data-hq-template="deals-archive"] .hq-deal-catalog-card__badge { background: #34d399; color: #052e16; box-shadow: 0 0 18px rgba(52,211,153,.22); }
[data-hq-template="deals-archive"] .hq-deal-catalog-card__specs { display: flex; flex-wrap: wrap; gap: .45rem; margin: 1rem 0 0; }
[data-hq-template="deals-archive"] .hq-deal-catalog-card__specs > div { display: inline-flex; gap: .3rem; padding: .35rem .6rem; border: 1px solid var(--hq-parity-line); border-radius: 999px; background: var(--hq-parity-surface-soft); font-size: .7rem; }
[data-hq-template="deals-archive"] .hq-deal-catalog-card__specs dt { color: var(--hq-parity-muted); }
[data-hq-template="deals-archive"] .hq-deal-catalog-card__specs dd { margin: 0; color: var(--hq-parity-text); font-weight: 750; }
[data-hq-template="deals-archive"] .hq-deals-pagination { display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 2.5rem; padding: 1.25rem 1.5rem; border: 1px solid var(--hq-parity-line); border-radius: 1rem; background: var(--hq-parity-surface); box-shadow: var(--hq-parity-shadow); }
[data-hq-template="deals-archive"] .hq-deals-pagination p { margin: 0; color: var(--hq-parity-muted); font: 650 .75rem/1.5 var(--hq-font-mono, monospace); }
[data-hq-template="deals-archive"] .hq-deals-pagination .page-numbers { display: inline-flex; min-width: 36px; min-height: 36px; align-items: center; justify-content: center; margin: .15rem; padding: .4rem .65rem; border-radius: .7rem; background: var(--hq-parity-surface-soft); color: var(--hq-parity-text); font: 750 .75rem/1 var(--hq-font-mono, monospace); text-decoration: none; }
[data-hq-template="deals-archive"] .hq-deals-pagination .page-numbers.current { background: #047857; color: #fff; }

/* T11 — spotlight metric hero above product/deal detail grid. */
[data-hq-template="single-deal"] .hq-deal-shell { max-width: 100rem; }
[data-hq-template="single-deal"] .hq-deal-spotlight {
  position: relative;
  overflow: hidden;
  margin-bottom: 2rem;
  padding: clamp(1.5rem, 4vw, 3.5rem);
  border: 1px solid var(--hq-parity-line);
  border-radius: 2rem;
  background:
    radial-gradient(circle at 0 0, rgba(16,185,129,.18), transparent 35%),
    radial-gradient(circle at 100% 100%, rgba(20,184,166,.1), transparent 35%),
    var(--hq-parity-surface);
  box-shadow: var(--hq-parity-shadow);
  backdrop-filter: blur(24px) saturate(160%);
}
[data-hq-template="single-deal"] .hq-deal-spotlight > p { max-width: 54rem; color: var(--hq-parity-muted); }
[data-hq-template="single-deal"] .hq-deal-spotlight__badges { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: 1rem; }
[data-hq-template="single-deal"] .hq-deal-spotlight__badges > span { display: inline-flex; min-height: 32px; align-items: center; padding: .4rem .75rem; border: 1px solid rgba(16,185,129,.28); border-radius: 999px; background: rgba(16,185,129,.1); color: var(--hq-parity-green); font: 750 .7rem/1 var(--hq-font-mono, monospace); text-transform: uppercase; }
[data-hq-template="single-deal"] .hq-deal-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1.5rem 0 0; padding: 1.5rem 0 0; border-top: 1px solid var(--hq-parity-line); }
[data-hq-template="single-deal"] .hq-deal-metrics dt { color: var(--hq-parity-muted); font: 700 .68rem/1.3 var(--hq-font-mono, monospace); letter-spacing: .08em; text-transform: uppercase; }
[data-hq-template="single-deal"] .hq-deal-metrics dd { margin: .3rem 0 0; color: var(--hq-parity-text); font: 850 clamp(1.15rem, 2vw, 1.8rem)/1.15 var(--hq-font-mono, monospace); }
[data-hq-template="single-deal"] .hq-deal-metrics > div:nth-child(odd) dd { color: var(--hq-parity-green); }
[data-hq-template="single-deal"] .hq-deal-main-grid { margin-bottom: 2rem; }
[data-hq-template="single-deal"] .hq-deal-product-card { border: 1px solid var(--hq-parity-line); border-radius: 2rem; background: var(--hq-parity-surface); box-shadow: var(--hq-parity-shadow); }
[data-hq-template="single-deal"] .hq-deal-body > article,
[data-hq-template="single-deal"] .hq-deal-body > aside,
[data-hq-template="single-deal"] section.solid { border: 1px solid var(--hq-parity-line); background: var(--hq-parity-surface); box-shadow: var(--hq-parity-shadow); }

/* T17 — authority canvas geometry around the preserved picker runtime. */
[data-hq-template="build"].hq-v42-page {
  overflow: hidden;
  padding: 0 0 5rem;
  background:
    linear-gradient(rgba(16,185,129,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,185,129,.035) 1px, transparent 1px),
    radial-gradient(circle at 16% 14%, rgba(16,185,129,.12), transparent 34%),
    radial-gradient(circle at 84% 10%, rgba(20,184,166,.09), transparent 30%),
    #f8fafc;
  background-size: 280px 280px, 280px 280px, auto, auto, auto;
}
html.dark [data-hq-template="build"].hq-v42-page {
  background:
    linear-gradient(rgba(52,211,153,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(52,211,153,.055) 1px, transparent 1px),
    radial-gradient(circle at 18% 8%, rgba(16,185,129,.25), transparent 38%),
    radial-gradient(circle at 82% 12%, rgba(20,184,166,.13), transparent 34%),
    linear-gradient(145deg, #294f43 0, #0b211a 38rem, #020806 100%);
  background-size: 280px 280px, 280px 280px, auto, auto, auto;
}
[data-hq-template="build"] .hq-builder-frame {
  width: min(100%, 100rem);
  margin-inline: auto;
  padding: 1rem 1rem 5rem;
  padding-inline: 1rem;
}
[data-hq-template="build"] .hq-builder-hero {
  position: relative;
  margin-bottom: 2.5rem;
  padding: 2.5rem 1.5rem 1rem;
}
[data-hq-template="build"] .hq-builder-hero__copy { position: relative; z-index: 1; max-width: 48rem; }
[data-hq-template="build"] .hq-builder-hero .hq-h1 { margin: 0; font-size: 2.25rem; line-height: 1.1; font-weight: 900; letter-spacing: -.025em; }
[data-hq-template="build"] .hq-builder-hero__copy > p:not(.hq-v42-kicker) { max-width: 42rem; margin: 1rem 0 0; color: var(--hq-parity-muted); font-size: 1rem; line-height: 1.65; }
[data-hq-template="build"] .hq-builder-hero__note { max-width: 48rem !important; font-size: .82rem !important; }
[data-hq-template="build"] .hq-build-slot,
[data-hq-template="build"] .hq-summary-card,
[data-hq-template="build"] .hq-pl { border-radius: 1rem; backdrop-filter: blur(22px) saturate(150%); }
[data-hq-template="build"] .hq-summary-card { border-radius: 2rem; }
[data-hq-template="build"] button,
[data-hq-template="build"] .hq-browse-link { min-height: 44px; }

@media (min-width: 640px) {
  [data-hq-template="build"] .hq-builder-frame { padding-inline: 1.5rem; }
  [data-hq-template="build"] .hq-builder-hero { padding: 3.5rem 2.5rem 1.25rem; }
  [data-hq-template="build"] .hq-builder-hero .hq-h1 { font-size: 3rem; }
}

@media (min-width: 1024px) {
  [data-hq-template="build"] .hq-builder-frame { padding-inline: 2rem; }
  [data-hq-template="build"] .hq-builder-hero { padding: 3.5rem 3.5rem 1.25rem; }
  [data-hq-template="build"] .hq-builder-hero .hq-h1 { font-size: 3.75rem; }
}

/* T18 — one authority-shaped watchlist dashboard with honest runtime data. */
[data-hq-template="wishlist"] .hq-wishlist-hero {
  margin-bottom: 2.5rem;
  padding: clamp(1.5rem, 4vw, 3.5rem);
  border: 1px solid var(--hq-parity-line);
  border-radius: 2rem;
  background:
    radial-gradient(circle at 0 0, rgba(16,185,129,.18), transparent 35%),
    radial-gradient(circle at 100% 100%, rgba(20,184,166,.1), transparent 35%),
    var(--hq-parity-surface);
  box-shadow: var(--hq-parity-shadow);
  backdrop-filter: blur(24px) saturate(160%);
}
[data-hq-template="wishlist"] .hq-wishlist-overview__main { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; }
[data-hq-template="wishlist"] .hq-wishlist-identity { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-bottom: 1rem; }
[data-hq-template="wishlist"] .hq-wishlist-identity .hq-v42-kicker { margin: 0; }
[data-hq-template="wishlist"] .hq-wishlist-hero__copy > p:last-child { max-width: 50rem; margin: .75rem 0 0; color: var(--hq-parity-muted); line-height: 1.7; }
[data-hq-template="wishlist"] .hq-wishlist-hero__telemetry { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; align-content: center; padding: 1.5rem; border: 1px solid var(--hq-parity-line); border-radius: 1rem; background: var(--hq-parity-surface-soft); box-shadow: inset 0 1px rgba(255,255,255,.5); }
[data-hq-template="wishlist"] .hq-wishlist-hero__telemetry > div { display: grid; gap: .25rem; min-width: 0; }
[data-hq-template="wishlist"] .hq-wishlist-hero__telemetry span,
[data-hq-template="wishlist"] .hq-wishlist-hero__telemetry small { color: var(--hq-parity-muted); font: 700 .65rem/1.3 var(--hq-font-mono, monospace); letter-spacing: .08em; text-transform: uppercase; }
[data-hq-template="wishlist"] .hq-wishlist-hero__telemetry strong { color: var(--hq-parity-green); font: 850 1.8rem/1.1 var(--hq-font-mono, monospace); }
[data-hq-template="wishlist"] .hq-wishlist-overview__footer { display: grid; gap: 1.25rem; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--hq-parity-line); }
[data-hq-template="wishlist"] .hq-wishlist-list-control { display: grid; gap: .45rem; min-width: 0; }
[data-hq-template="wishlist"] .hq-wishlist-list-control label { color: var(--hq-parity-muted); font: 750 .68rem/1.2 var(--hq-font-mono, monospace); letter-spacing: .1em; text-transform: uppercase; }
[data-hq-template="wishlist"] #hq-wishlist-select { width: 100%; min-height: 44px; padding: .65rem 2.5rem .65rem .85rem; border: 1px solid var(--hq-parity-line); border-radius: .75rem; background: var(--hq-parity-surface-soft); color: var(--hq-parity-text); font-weight: 750; }
[data-hq-template="wishlist"] #hq-wishlist-status { min-height: 1.25rem; margin: 0; color: var(--hq-parity-muted); font-size: .78rem; }
[data-hq-template="wishlist"] .hq-wishlist-summary-line { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; color: var(--hq-parity-muted); font: 750 .72rem/1.35 var(--hq-font-mono, monospace); letter-spacing: .06em; text-transform: uppercase; }
[data-hq-template="wishlist"] .hq-wishlist-summary-line span:not([hidden]) { display: inline-flex; align-items: center; gap: .75rem; color: var(--hq-parity-green); }
[data-hq-template="wishlist"] .hq-wishlist-summary-line span:not([hidden])::before { content: ""; width: 1px; height: 1rem; background: var(--hq-parity-line); }
[data-hq-template="wishlist"] .hq-wishlist-actions { display: flex; flex-wrap: wrap; gap: .65rem; }
[data-hq-template="wishlist"] .hq-wishlist-action { min-height: 44px; padding: .65rem 1rem; border: 1px solid var(--hq-parity-line); border-radius: .75rem; background: var(--hq-parity-surface-soft); color: var(--hq-parity-text); font: 750 .72rem/1 var(--hq-font-mono, monospace); letter-spacing: .05em; text-transform: uppercase; }
[data-hq-template="wishlist"] .hq-wishlist-action--primary { border-color: #047857; background: #047857; color: #fff; }
[data-hq-template="wishlist"] .hq-wishlist-action--danger { color: #b91c1c; }
html.dark [data-hq-template="wishlist"] .hq-wishlist-action--danger { color: #fca5a5; }
[data-hq-template="wishlist"] .hq-wishlist-action:disabled { opacity: .42; cursor: not-allowed; }
[data-hq-template="wishlist"] .hq-wishlist-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
[data-hq-template="wishlist"] .hq-wishlist-product-card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid var(--hq-parity-line); border-radius: 2rem; background: var(--hq-parity-surface); box-shadow: 0 12px 32px -26px rgba(9,30,23,.45); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
[data-hq-template="wishlist"] .hq-wishlist-product-card:hover { transform: translateY(-3px); border-color: rgba(16,185,129,.42); box-shadow: 0 20px 44px -25px rgba(16,185,129,.32); }
[data-hq-template="wishlist"] .hq-wishlist-product-card > a { aspect-ratio: 4 / 5; }
[data-hq-template="wishlist"] button,
[data-hq-template="wishlist"] select,
[data-hq-template="wishlist"] a[class*="inline-flex"] { min-height: 44px; }

@media (min-width: 640px) {
  [data-hq-template="community"] .hq-community-board-grid,
  [data-hq-template="wishlist"] .hq-wishlist-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 768px) {
  [data-hq-template="single-topic"] .hq-topic-post-card__grid { grid-template-columns: 13rem minmax(0, 1fr); }
  [data-hq-template="single-topic"] .hq-topic-post-card__author { align-content: start; border-right: 1px solid var(--hq-parity-line); border-bottom: 0; padding-right: 1.5rem !important; }
  [data-hq-template="single-deal"] .hq-deal-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  [data-hq-template="wishlist"] .hq-wishlist-overview__main { grid-template-columns: minmax(0, 1fr) minmax(20rem, 26.5rem); align-items: end; gap: 3rem; }
  [data-hq-template="wishlist"] .hq-wishlist-hero__telemetry { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-hq-template="wishlist"] .hq-wishlist-overview__footer { grid-template-columns: minmax(14rem, 22rem) minmax(0, 1fr); align-items: end; }
  [data-hq-template="wishlist"] .hq-wishlist-summary-line { grid-column: 1 / -1; grid-row: 1; }
  [data-hq-template="wishlist"] .hq-wishlist-list-control { grid-column: 1; grid-row: 2; }
  [data-hq-template="wishlist"] .hq-wishlist-actions { grid-column: 2; grid-row: 2; justify-content: flex-end; }
}

@media (min-width: 1024px) {
  [data-hq-template="community"] .hq-community-board-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  [data-hq-template="community"] .hq-community-layout { grid-template-columns: minmax(0, 1fr) 280px; gap: 2rem; }
  [data-hq-template="community"] .hq-community-sidebar { position: sticky; top: 6rem; align-self: start; width: 100%; max-width: 280px; }
  [data-hq-template="deals-archive"] .hq-deals-catalog-hero { flex-direction: row; align-items: flex-end; }
  [data-hq-template="deals-archive"] .hq-deals-filter-bar { flex-direction: row; align-items: center; justify-content: space-between; }
  [data-hq-template="deals-archive"] .hq-deals-pagination { flex-direction: row; }
  [data-hq-template="deals-archive"] .hq-deal-catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
  [data-hq-template="single-deal"] .hq-deal-main-grid { grid-template-columns: minmax(0, 8fr) minmax(20rem, 4fr); gap: 2rem; }
  [data-hq-template="wishlist"] .hq-wishlist-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; }
  [data-hq-template="wishlist"] .hq-wishlist-grid--recent { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* T19 — contained search controls and polished query facets. */
[data-hq-template="search"] .hq-search-hero-panel .hq-h1 { font-size: 2.25rem !important; line-height: 1.1 !important; }
[data-hq-template="search"] .hq-search-tabs { display: block; width: 100%; min-width: 0; max-width: 100%; margin-top: 2rem; overflow: hidden; }
[data-hq-template="search"] .hq-search-tabs__track { display: flex; width: 100%; min-width: 0; max-width: 100%; gap: .5rem; overflow-x: auto; padding: .1rem .1rem .65rem; scroll-padding-inline: .25rem; scrollbar-width: thin; overscroll-behavior-inline: contain; }
[data-hq-template="search"] .hq-search-type { display: inline-flex; min-height: 44px; flex: 0 0 auto; align-items: center; justify-content: center; gap: .3rem; padding: .7rem 1rem; border: 1px solid var(--hq-parity-line); border-radius: 999px; background: var(--hq-parity-surface-soft); color: var(--hq-parity-muted); font: 750 .7rem/1.2 var(--hq-font-mono, monospace); letter-spacing: .05em; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
[data-hq-template="search"] .hq-search-type.is-active { border-color: #047857; background: #047857; color: #fff; }
html.dark [data-hq-template="search"] .hq-search-type.is-active { border-color: #34d399; background: #34d399; color: #04110c; }
[data-hq-template="search"] .hq-search-facets { display: grid; min-width: 0; max-width: 100%; gap: 1.25rem; padding: 1.5rem; overflow: hidden; border: 1px solid var(--hq-parity-line); border-radius: 2rem; background: var(--hq-parity-surface); box-shadow: var(--hq-parity-shadow); backdrop-filter: blur(24px) saturate(160%); }
html.dark [data-hq-template="search"] .hq-search-facets { border-color: var(--hq-parity-line); background: var(--hq-parity-surface); color: var(--hq-parity-text); }
[data-hq-template="search"] .hq-search-facets__head { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: .75rem; padding-bottom: .85rem; border-bottom: 1px solid var(--hq-parity-line); }
[data-hq-template="search"] .hq-search-facets__head h2,
[data-hq-template="search"] .hq-search-facets legend,
[data-hq-template="search"] .hq-search-price > span:first-child { margin: 0; color: var(--hq-parity-text); font: 750 .72rem/1.2 var(--hq-font-mono, monospace); letter-spacing: .07em; text-transform: uppercase; }
[data-hq-template="search"] .hq-search-facets__head a { display: inline-flex; min-height: 44px; flex: 0 0 auto; align-items: center; color: var(--hq-parity-green); font: 700 .7rem/1.2 var(--hq-font-mono, monospace); }
[data-hq-template="search"] .hq-search-facet-note,
[data-hq-template="search"] .hq-search-facet-empty { margin: 0; color: var(--hq-parity-muted); font-size: .75rem; line-height: 1.5; }
[data-hq-template="search"] .hq-search-facets fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
[data-hq-template="search"] .hq-search-facet-options { display: grid; gap: .25rem; margin-top: .75rem; }
[data-hq-template="search"] .hq-search-facet-options label { display: grid; min-width: 0; min-height: 44px; grid-template-columns: 1.25rem minmax(0, 1fr) auto; align-items: center; gap: .65rem; padding: .35rem .45rem; border-radius: .75rem; color: var(--hq-parity-text); font-size: .75rem; cursor: pointer; }
[data-hq-template="search"] .hq-search-facet-options label:hover { background: var(--hq-parity-surface-soft); }
[data-hq-template="search"] .hq-search-facet-options input { width: 1.125rem; height: 1.125rem; margin: 0; accent-color: #047857; }
[data-hq-template="search"] .hq-search-facet-options span { min-width: 0; overflow-wrap: anywhere; }
[data-hq-template="search"] .hq-search-facet-options small { color: var(--hq-parity-muted); font-variant-numeric: tabular-nums; }
[data-hq-template="search"] .hq-search-price { display: grid; min-width: 0; gap: .65rem; }
[data-hq-template="search"] .hq-search-price__inputs { display: grid; width: 100%; min-width: 0; min-height: 44px; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .4rem; padding: 0 .8rem; overflow: hidden; border: 1px solid var(--hq-parity-line); border-radius: .75rem; background: var(--hq-parity-surface-soft); color: var(--hq-parity-muted); }
[data-hq-template="search"] .hq-search-price input { width: 100%; min-width: 0; min-height: 44px; padding: 0; border: 0; background: transparent; color: var(--hq-parity-text); outline: 0; }
[data-hq-template="search"] .hq-search-facets__apply { width: 100%; min-height: 44px; padding: .7rem 1rem; border: 0; border-radius: .75rem; background: #047857; color: #fff; font-weight: 750; cursor: pointer; }
[data-hq-template="search"] .hq-search-product-card__details { color: #18181b; }
html.dark [data-hq-template="search"] .hq-search-product-card__details { color: #f4f4f5; }
[data-hq-template="search"] .hq-search-facets :focus-visible,
[data-hq-template="search"] .hq-search-type:focus-visible { outline: 3px solid rgba(16,185,129,.45); outline-offset: 2px; }

@media (max-width: 639px) {
  [data-hq-template="search"] .hq-search-hero-panel .hq-h1 { font-size: 1.875rem !important; line-height: 1.12 !important; }
  [data-hq-template="search"] .hq-search-tabs__track { flex-wrap: nowrap; }
  [data-hq-template="search"] .hq-search-facets { padding: 1.25rem; border-radius: 1.5rem; }
  [data-hq-template="wishlist"] .hq-wishlist-product-card { max-height: 418px !important; }
  [data-hq-template="wishlist"] .hq-wishlist-product-card > a { aspect-ratio: 16 / 9 !important; max-height: 180px !important; }
  [data-hq-template="community"] .hq-community-board__description { -webkit-line-clamp: 2 !important; max-height: 2.85em !important; }
}

@media (min-width: 1024px) {
  [data-hq-template="search"] .hq-search-hero-panel .hq-h1 { font-size: 3rem !important; }
}

@media (prefers-reduced-motion: reduce) {
  [data-hq-template="single-topic"] *,
  [data-hq-template="single-deal"] *,
  [data-hq-template="community"] *,
  [data-hq-template="deals-archive"] *,
  [data-hq-template="build"] *,
  [data-hq-template="wishlist"] * { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

@media (prefers-reduced-transparency: reduce) {
  [data-hq-template] .hq-community-hero,
  [data-hq-template] .hq-deals-catalog-hero,
  [data-hq-template] .hq-deal-spotlight,
  [data-hq-template] .hq-wishlist-hero { background: var(--hq-parity-surface-soft); backdrop-filter: none; }
}

/* Container alignment: Match navbar gutter (calc(100% - 3rem) bounded at 1600px) */
[data-hq-template="community"] .hq-v42-shell,
[data-hq-template="single-topic"] .hq-v42-shell {
  width: min(calc(100% - 3rem), 1600px) !important;
  max-width: 1600px !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

[data-hq-template="single-topic"] .hq-single-topic-shell {
  width: 100% !important;
  max-width: 1200px !important;
  margin-inline: auto !important;
}

@media (max-width: 767px) {
  [data-hq-template="community"] .hq-v42-shell,
  [data-hq-template="single-topic"] .hq-v42-shell,
  [data-hq-template="single-topic"] .hq-single-topic-shell {
    width: 100% !important;
    padding-inline: 1rem !important;
  }
}

/* Community Discussion titles bold */
[data-hq-template="community"] .hq-community-topic-list .hq-topic-row h3,
[data-hq-template="community"] .hq-community-topic-list .hq-topic-row h3 a,
[data-hq-template="community"] .hq-topic-row h3,
[data-hq-template="community"] .hq-topic-row h3 a {
  font-weight: 800 !important;
  font-size: 1.05rem !important;
  line-height: 1.35 !important;
}

/* ==========================================================================
   Modern Reddit / Threads Social Timeline Card Architecture
   ========================================================================== */

[data-hq-template="community"] .hq-community-topic-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.25rem !important;
}

[data-hq-template="community"] .hq-feed-card {
  display: flex !important;
  flex-direction: column !important;
  border: 1px solid var(--hq-parity-line) !important;
  border-radius: 1.25rem !important;
  background: var(--hq-parity-surface) !important;
  padding: 1.25rem 1.5rem !important;
  box-shadow: 0 4px 20px -8px rgba(0, 0, 0, 0.08) !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease !important;
  position: relative !important;
}

[data-hq-template="community"] .hq-feed-card:hover {
  border-color: rgba(16, 185, 129, 0.4) !important;
  box-shadow: 0 10px 30px -12px rgba(16, 185, 129, 0.15), 0 4px 20px -8px rgba(0, 0, 0, 0.08) !important;
}

[data-hq-template="community"] .hq-feed-card__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  margin-bottom: 0.85rem !important;
}

[data-hq-template="community"] .hq-feed-card__author-info {
  display: flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
}

[data-hq-template="community"] .hq-feed-card__avatar {
  width: 2.35rem !important;
  height: 2.35rem !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.3) !important;
}

[data-hq-template="community"] .hq-feed-card__title {
  margin: 0.2rem 0 0.5rem 0 !important;
  font-size: 1.15rem !important;
  font-weight: 850 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.015em !important;
}

[data-hq-template="community"] .hq-feed-card__title a {
  color: var(--hq-parity-text) !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

[data-hq-template="community"] .hq-feed-card__title a:hover {
  color: var(--hq-parity-green, #10b981) !important;
}

[data-hq-template="community"] .hq-feed-card__body-text {
  font-size: 0.92rem !important;
  line-height: 1.65 !important;
  color: var(--hq-parity-muted) !important;
  margin: 0 0 1rem 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

[data-hq-template="community"] .hq-feed-card__tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.4rem !important;
  margin-bottom: 1rem !important;
}

[data-hq-template="community"] .hq-feed-card__tag-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
  padding: 0.2rem 0.55rem !important;
  border-radius: 0.4rem !important;
  background: var(--hq-parity-surface-soft) !important;
  border: 1px solid var(--hq-parity-line) !important;
  color: var(--hq-parity-text) !important;
  font-family: var(--hq-font-mono, monospace) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
}

[data-hq-template="community"] .hq-feed-card__actions {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  padding-top: 0.85rem !important;
  border-top: 1px solid var(--hq-parity-line) !important;
}

[data-hq-template="community"] .hq-feed-card__action-group {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

[data-hq-template="community"] .hq-feed-action-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  padding: 0.42rem 0.85rem !important;
  border-radius: 999px !important;
  border: 1px solid var(--hq-parity-line) !important;
  background: var(--hq-parity-surface-soft) !important;
  color: var(--hq-parity-text) !important;
  font-size: 0.8rem !important;
  font-weight: 750 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

[data-hq-template="community"] .hq-feed-action-btn:hover {
  background: rgba(16, 185, 129, 0.08) !important;
  border-color: rgba(16, 185, 129, 0.3) !important;
  color: var(--hq-parity-green, #10b981) !important;
}

[data-hq-template="community"] .hq-feed-action-btn.is-voted {
  background: rgba(16, 185, 129, 0.15) !important;
  border-color: rgba(16, 185, 129, 0.4) !important;
  color: var(--hq-parity-green, #10b981) !important;
}

html:not(.dark) [data-hq-template="community"] .hq-feed-action-btn {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
}

html:not(.dark) [data-hq-template="community"] .hq-feed-action-btn svg {
  stroke: #0f172a !important;
}

html:not(.dark) [data-hq-template="community"] .hq-feed-action-btn:hover {
  background: #e2e8f0 !important;
  border-color: #94a3b8 !important;
  color: #0f172a !important;
}

html:not(.dark) [data-hq-template="community"] .hq-feed-action-btn.is-voted {
  background: #10b981 !important;
  border-color: #059669 !important;
  color: #ffffff !important;
}

html:not(.dark) [data-hq-template="community"] .hq-feed-action-btn.is-voted svg {
  stroke: #ffffff !important;
}

/* Feed Composer input polish */
[data-hq-template="community"] .hq-feed-composer-trigger {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 0.85rem 1.15rem !important;
  border-radius: 999px !important;
  border: 1px solid var(--hq-parity-line) !important;
  background: var(--hq-parity-surface-soft) !important;
  color: var(--hq-parity-text) !important;
  font-size: 0.92rem !important;
  outline: none !important;
  transition: all 0.15s ease !important;
}

[data-hq-template="community"] .hq-feed-composer-trigger:focus {
  border-color: var(--hq-parity-green, #10b981) !important;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15) !important;
}


/* ==========================================================================
   Single Topic & Discussion Light Mode / Dark Mode Polish
   ========================================================================== */

/* ==========================================================================
   Zero-Blur Guarantee & Design System Alignment (Community & Single Topic)
   ========================================================================== */
[data-hq-template="community"],
[data-hq-template="single-topic"],
[data-hq-template="community"] *,
[data-hq-template="single-topic"] * {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Light Mode Overrides (default when not .dark) */
html:not(.dark) [data-hq-template="single-topic"],
html:not(.dark) [data-hq-template="community"] {
  --hq-parity-surface: #ffffff;
  --hq-parity-surface-soft: #f4f4f5;
  --hq-parity-text: #09090b;
  --hq-parity-muted: #52525b;
  --hq-parity-line: #e4e4e7;
  --hq-parity-green: #059669;
}

html:not(.dark) [data-hq-template="single-topic"] .hq-topic-header-card,
html:not(.dark) [data-hq-template="single-topic"] .hq-topic-lead-post,
html:not(.dark) [data-hq-template="single-topic"] .hq-reply-card,
html:not(.dark) [data-hq-template="community"] .hq-feed-card,
html:not(.dark) [data-hq-template="community"] .hq-v42-panel {
  background: #ffffff !important;
  border-color: #e4e4e7 !important;
  box-shadow: 0 4px 20px -8px rgba(0, 0, 0, 0.06) !important;
  color: #09090b !important;
}

/* Canonical Design System Typography */
[data-hq-template="single-topic"] .hq-topic-content,
[data-hq-template="single-topic"] .hq-reply-content {
  font-family: var(--font-body, var(--hq-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif)) !important;
  font-size: var(--hq-body-size, 1.0625rem) !important;
  line-height: var(--hq-body-leading, 1.65) !important;
  letter-spacing: -0.011em !important;
  color: var(--hq-parity-text) !important;
}

[data-hq-template="single-topic"] .hq-topic-content p,
[data-hq-template="single-topic"] .hq-reply-content p {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  margin-top: 0 !important;
  margin-bottom: 1.25rem !important;
  color: var(--hq-parity-text) !important;
}

[data-hq-template="single-topic"] .hq-topic-content p:last-child,
[data-hq-template="single-topic"] .hq-reply-content p:last-child {
  margin-bottom: 0 !important;
}

[data-hq-template="single-topic"] .hq-topic-content h2,
[data-hq-template="single-topic"] .hq-topic-content h3,
[data-hq-template="single-topic"] .hq-topic-content h4 {
  font-family: var(--hq-font-display, 'Outfit', ui-sans-serif, sans-serif) !important;
  font-weight: 850 !important;
  letter-spacing: -0.02em !important;
  color: var(--hq-parity-text) !important;
  margin-top: 1.75rem !important;
  margin-bottom: 0.75rem !important;
}

[data-hq-template="single-topic"] .hq-topic-content ul,
[data-hq-template="single-topic"] .hq-topic-content ol {
  padding-left: 1.5rem !important;
  margin-top: 0.5rem !important;
  margin-bottom: 1.25rem !important;
}

[data-hq-template="single-topic"] .hq-topic-content li,
[data-hq-template="single-topic"] .hq-reply-content li {
  margin-bottom: 0.35rem !important;
  line-height: 1.65 !important;
  color: var(--hq-parity-text) !important;
}

[data-hq-template="single-topic"] .hq-topic-content strong,
[data-hq-template="single-topic"] .hq-reply-content strong {
  color: var(--hq-parity-text) !important;
  font-weight: 800 !important;
}

/* ==========================================================================
   BUTTONS, CHIPS & TOOLS (High Contrast, Solid Surface, No Blur)
   ========================================================================== */

/* Base Upvote Trigger & Vote Buttons */
.hq-topic-vote-trigger,
.hq-feed-card__vote-btn,
.hq-reply-vote-btn,
.hq-feed-action-btn,
.hq-topic-tool-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  padding: 0.45rem 0.85rem !important;
  border-radius: 0.75rem !important;
  font-weight: 750 !important;
  cursor: pointer !important;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
  user-select: none !important;
  text-decoration: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.hq-topic-vote-trigger:active,
.hq-feed-card__vote-btn:active,
.hq-reply-vote-btn:active,
.hq-feed-action-btn:active,
.hq-topic-tool-btn:active {
  transform: scale(0.96) !important;
}

/* Light Mode Buttons — Distinct Solid Neutral with High-Contrast Text */
html:not(.dark) .hq-topic-vote-trigger,
html:not(.dark) .hq-feed-card__vote-btn,
html:not(.dark) .hq-reply-vote-btn,
html:not(.dark) .hq-feed-action-btn,
html:not(.dark) .hq-topic-actions-footer button,
html:not(.dark) .hq-topic-actions-footer a,
html:not(.dark) .hq-topic-tool-btn {
  background: #f1f5f9 !important; /* solid slate-100 */
  border: 1px solid #cbd5e1 !important; /* solid slate-300 */
  color: #0f172a !important; /* solid slate-900 */
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
}

html:not(.dark) .hq-topic-vote-trigger svg,
html:not(.dark) .hq-feed-card__vote-btn svg,
html:not(.dark) .hq-reply-vote-btn svg,
html:not(.dark) .hq-feed-action-btn svg,
html:not(.dark) .hq-topic-actions-footer button svg,
html:not(.dark) .hq-topic-actions-footer a svg,
html:not(.dark) .hq-topic-tool-btn svg {
  stroke: #0f172a !important;
}

html:not(.dark) .hq-topic-vote-trigger:hover,
html:not(.dark) .hq-feed-card__vote-btn:hover,
html:not(.dark) .hq-reply-vote-btn:hover,
html:not(.dark) .hq-feed-action-btn:hover,
html:not(.dark) .hq-topic-actions-footer button:hover,
html:not(.dark) .hq-topic-actions-footer a:hover,
html:not(.dark) .hq-topic-tool-btn:hover {
  background: #e2e8f0 !important;
  border-color: #94a3b8 !important;
  color: #0f172a !important;
  box-shadow: 0 2px 5px rgba(15, 23, 42, 0.1) !important;
}

html:not(.dark) .hq-topic-vote-trigger:hover svg,
html:not(.dark) .hq-feed-action-btn:hover svg {
  stroke: #059669 !important;
}

/* Light Mode Voted State — Vibrant Emerald with Crisp White Text */
html:not(.dark) .hq-topic-vote-trigger.is-voted,
html:not(.dark) .hq-feed-card__vote-btn.is-voted,
html:not(.dark) .hq-reply-vote-btn.is-voted,
html:not(.dark) .hq-feed-action-btn.is-voted {
  background: #10b981 !important;
  border-color: #059669 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.35) !important;
}

html:not(.dark) .hq-topic-vote-trigger.is-voted svg,
html:not(.dark) .hq-feed-card__vote-btn.is-voted svg,
html:not(.dark) .hq-reply-vote-btn.is-voted svg,
html:not(.dark) .hq-feed-action-btn.is-voted svg {
  stroke: #ffffff !important;
}

/* Dark Mode Buttons — Crisp Zinc-800 */
html.dark .hq-topic-vote-trigger,
html.dark .hq-feed-card__vote-btn,
html.dark .hq-reply-vote-btn,
html.dark .hq-feed-action-btn,
html.dark .hq-topic-actions-footer button,
html.dark .hq-topic-actions-footer a,
html.dark .hq-topic-tool-btn {
  background: #18181b !important;
  border: 1px solid #27272a !important;
  color: #f4f4f5 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

html.dark .hq-topic-vote-trigger svg,
html.dark .hq-feed-card__vote-btn svg,
html.dark .hq-reply-vote-btn svg,
html.dark .hq-feed-action-btn svg,
html.dark .hq-topic-actions-footer button svg,
html.dark .hq-topic-actions-footer a svg,
html.dark .hq-topic-tool-btn svg {
  stroke: #e4e4e7 !important;
}

html.dark .hq-topic-vote-trigger:hover,
html.dark .hq-feed-card__vote-btn:hover,
html.dark .hq-reply-vote-btn:hover,
html.dark .hq-feed-action-btn:hover,
html.dark .hq-topic-actions-footer button:hover,
html.dark .hq-topic-actions-footer a:hover,
html.dark .hq-topic-tool-btn:hover {
  background: #27272a !important;
  border-color: rgba(16, 185, 129, 0.4) !important;
  color: #34d399 !important;
}

html.dark .hq-topic-vote-trigger.is-voted,
html.dark .hq-feed-card__vote-btn.is-voted,
html.dark .hq-reply-vote-btn.is-voted,
html.dark .hq-feed-action-btn.is-voted {
  background: rgba(16, 185, 129, 0.25) !important;
  border-color: #10b981 !important;
  color: #34d399 !important;
  box-shadow: 0 0 14px rgba(16, 185, 129, 0.3) !important;
}

html.dark .hq-topic-vote-trigger.is-voted svg,
html.dark .hq-feed-card__vote-btn.is-voted svg,
html.dark .hq-reply-vote-btn.is-voted svg,
html.dark .hq-feed-action-btn.is-voted svg {
  stroke: #34d399 !important;
}

/* Primary CTA Buttons */
:where([data-hq-template="community"], [data-hq-template="single-topic"], .bbpress) .hq-btn-primary,
:where([data-hq-template="community"], [data-hq-template="single-topic"], .bbpress) .hq-reply-submit-btn,
:where([data-hq-template="community"], [data-hq-template="single-topic"], .bbpress) .hq-feed-composer-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  background: #10b981 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 0.9rem !important;
  padding: 0.65rem 1.4rem !important;
  border-radius: 0.75rem !important;
  border: 1px solid #059669 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px -3px rgba(16, 185, 129, 0.4) !important;
  transition: all 0.15s ease !important;
}

:where([data-hq-template="community"], [data-hq-template="single-topic"], .bbpress) .hq-btn-primary:hover,
:where([data-hq-template="community"], [data-hq-template="single-topic"], .bbpress) .hq-reply-submit-btn:hover,
:where([data-hq-template="community"], [data-hq-template="single-topic"], .bbpress) .hq-feed-composer-submit:hover {
  background: #059669 !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px -4px rgba(16, 185, 129, 0.5) !important;
}

/* Community Tools: Hardware Specs Matrix & Media Cards */
:where([data-hq-template="community"], [data-hq-template="single-topic"], .bbpress) .hq-topic-specs-matrix {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 0.75rem;
  margin: 1.5rem 0;
  padding: 1.25rem;
  border-radius: 1rem;
  border: 1px solid var(--hq-parity-line);
  background: var(--hq-parity-surface-soft);
}

:where([data-hq-template="community"], [data-hq-template="single-topic"], .bbpress) .hq-spec-item {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.65rem 0.85rem;
  border-radius: 0.65rem;
  background: var(--hq-parity-surface);
  border: 1px solid var(--hq-parity-line);
}

:where([data-hq-template="community"], [data-hq-template="single-topic"], .bbpress) .hq-spec-item__label {
  font-size: 0.68rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--hq-parity-muted);
}

:where([data-hq-template="community"], [data-hq-template="single-topic"], .bbpress) .hq-spec-item__value {
  font-size: 0.88rem;
  font-weight: 750;
  color: var(--hq-parity-text);
  font-family: var(--hq-font-mono, monospace);
  word-break: break-word;
}

/* Showcase Media Container */
:where([data-hq-template="community"], [data-hq-template="single-topic"], .bbpress) .hq-topic-showcase-media {
  margin: 1.5rem 0;
  border-radius: 1.25rem;
  overflow: hidden;
  border: 1px solid var(--hq-parity-line);
  background: #09090b;
  position: relative;
  box-shadow: 0 8px 30px -10px rgba(0, 0, 0, 0.2);
}

:where([data-hq-template="community"], [data-hq-template="single-topic"], .bbpress) .hq-topic-showcase-media img {
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: contain;
  display: block;
}

:where([data-hq-template="community"], [data-hq-template="single-topic"], .bbpress) .hq-topic-showcase-media__overlay {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1.25rem;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* Accepted Solution styling in Light Mode */
html:not(.dark) [data-hq-template="single-topic"] .hq-reply-card.is-solution {
  border-color: #10b981 !important;
  box-shadow: 0 4px 25px -8px rgba(16, 185, 129, 0.2) !important;
  background: linear-gradient(180deg, rgba(236, 253, 245, 0.4) 0%, #ffffff 120px) !important;
}

/* bbPress Reply Form & Editor styling */
[data-hq-template="single-topic"] .hq-topic-reply-form fieldset.bbp-form {
  border: 1px solid var(--hq-parity-line) !important;
  border-radius: 1.25rem !important;
  background: var(--hq-parity-surface) !important;
  padding: clamp(1.25rem, 3vw, 2rem) !important;
  box-shadow: 0 4px 20px -8px rgba(0, 0, 0, 0.08) !important;
}

[data-hq-template="single-topic"] .hq-topic-reply-form legend {
  font-size: 1.15rem !important;
  font-weight: 850 !important;
  color: var(--hq-parity-text) !important;
  padding: 0 0.5rem !important;
}

[data-hq-template="single-topic"] .hq-topic-reply-form textarea,
[data-hq-template="single-topic"] .hq-topic-reply-form input[type="text"] {
  border: 1px solid var(--hq-parity-line) !important;
  border-radius: 0.75rem !important;
  background: var(--hq-parity-surface-soft) !important;
  color: var(--hq-parity-text) !important;
  padding: 0.85rem 1rem !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
}

[data-hq-template="single-topic"] .hq-topic-reply-form textarea:focus,
[data-hq-template="single-topic"] .hq-topic-reply-form input[type="text"]:focus {
  border-color: var(--hq-parity-green, #10b981) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15) !important;
}

[data-hq-template="single-topic"] .hq-topic-reply-form button[type="submit"],
[data-hq-template="single-topic"] .hq-topic-reply-form input[type="submit"] {
  background: var(--hq-parity-green, #10b981) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0.75rem !important;
  padding: 0.65rem 1.5rem !important;
  font-weight: 800 !important;
  font-size: 0.9rem !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

[data-hq-template="single-topic"] .hq-topic-reply-form button[type="submit"]:hover,
[data-hq-template="single-topic"] .hq-topic-reply-form input[type="submit"]:hover {
  filter: brightness(1.1) !important;
  transform: translateY(-1px) !important;
}

/* Light mode login box */
html:not(.dark) [data-hq-template="single-topic"] .hq-topic-reply-form .hq-login-prompt-card {
  background: #ffffff !important;
  border-color: #e4e4e7 !important;
  box-shadow: 0 4px 25px -10px rgba(0, 0, 0, 0.08) !important;
}

/* Explicit topic container and lead post alignment protection */
[data-hq-template="single-topic"] .hq-single-topic-shell,
[data-hq-template="single-topic"] .hq-topic-header-card,
[data-hq-template="single-topic"] .hq-topic-thread-stream,
[data-hq-template="single-topic"] .hq-topic-lead-post,
[data-hq-template="single-topic"] .hq-topic-lead-post__body,
[data-hq-template="single-topic"] .hq-topic-content {
  width: 100% !important;
  max-width: 100% !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

[data-hq-template="single-topic"] .hq-topic-content p,
[data-hq-template="single-topic"] .hq-topic-content div,
[data-hq-template="single-topic"] .hq-topic-content h2,
[data-hq-template="single-topic"] .hq-topic-content h3,
[data-hq-template="single-topic"] .hq-topic-content ul,
[data-hq-template="single-topic"] .hq-topic-content ol {
  text-align: left !important;
}