/* StartHDS knowledge/discovery bundle.
   Load /v1/css/starthds-core.css first. This file contains product-neutral
   search, command, suggestion, tab, filter, chip, tag, result, metric,
   content, reading, response, selected-marker, reaction, comment,
   community/Q&A, media/article/course/gallery, breadcrumb, and pagination
   primitives. It intentionally does not define root tokens, resets, app/admin
   shells, mobile tabbars, sheets, flows, uploads, pricing, funnel, landing, or
   product/theme-specific families. */

/* Media, course, article, and navigation patterns: dependency-free and token-backed. */
.hds-media-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(min(26rem, 100%), .9fr);
  gap: var(--hds-space-8, 2rem);
  align-items: center;
  overflow: hidden;
  border: 1px solid var(--hds-color-border, #d7dde8);
  border-radius: calc(var(--hds-radius-card, 1rem) + .5rem);
  background:
    radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--hds-color-accent, #0ea5e9) 20%, transparent), transparent 24rem),
    linear-gradient(135deg, color-mix(in srgb, var(--hds-color-primary, #2457d6) 14%, var(--hds-color-surface, #fff)), var(--hds-color-surface, #fff));
  box-shadow: var(--hds-shadow-large, 0 1.5rem 4rem rgb(15 23 42 / .16));
  padding: clamp(1.5rem, 6vw, 4rem);
}
.hds-media-hero :where(h1) { max-width: 13ch; margin: 0; color: var(--hds-color-heading, #0f172a); font-size: var(--hds-font-size-hero, clamp(2.25rem, 6vw, 4.5rem)); line-height: var(--hds-line-height-tight, 1.1); letter-spacing: var(--hds-letter-spacing-tight, -0.035em); }
.hds-media-hero :where(p) { max-width: var(--hds-readable-max-width, 42rem); }

.hds-media-grid,
.hds-course-grid,
.hds-article-grid,
.hds-gallery,
.hds-image-strip {
  display: grid;
  gap: var(--hds-grid-gap, 1.5rem);
}
.hds-media-grid,
.hds-course-grid,
.hds-article-grid { grid-template-columns: repeat(auto-fit, minmax(min(18rem, 100%), 1fr)); }
.hds-gallery { grid-template-columns: repeat(auto-fit, minmax(min(14rem, 100%), 1fr)); }
.hds-image-strip { grid-template-columns: repeat(auto-fit, minmax(min(10rem, 100%), 1fr)); }

.hds-media-card,
.hds-video-card,
.hds-course-card,
.hds-article-card,
.hds-gallery-item {
  min-width: 0;
  overflow: hidden;
  display: grid;
  gap: 0;
  align-content: start;
  border: 1px solid var(--hds-color-border, #d7dde8);
  border-radius: var(--hds-radius-card, 1rem);
  background: var(--hds-color-surface, #fff);
  box-shadow: var(--hds-shadow-panel, 0 .5rem 1.5rem rgb(15 23 42 / .08));
}
.hds-media-card:hover,
.hds-video-card:hover,
.hds-course-card:hover,
.hds-article-card:hover,
.hds-gallery-item:hover { border-color: var(--hds-color-border-strong, #aeb9ca); }
.hds-media-card__image,
.hds-gallery-item :where(img, picture),
.hds-image-strip :where(img, picture) {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: linear-gradient(135deg, var(--hds-color-surface-muted, #f1f5f9), var(--hds-color-primary-soft, #e8efff));
}
.hds-media-card__body,
.hds-course-card,
.hds-article-card { padding: clamp(1rem, 3vw, 1.5rem); }
.hds-media-card__body,
.hds-course-card,
.hds-article-card { display: grid; gap: var(--hds-space-3, .75rem); }
.hds-media-card__meta,
.hds-article-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--hds-space-2, .5rem) var(--hds-space-3, .75rem);
  color: var(--hds-color-text-muted, #64748b);
  font-size: var(--hds-font-size-sm, .875rem);
  font-weight: 800;
}

.hds-video-card { position: relative; }
.hds-video-frame,
.hds-video-placeholder {
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border-radius: var(--hds-radius-card, 1rem);
  background:
    radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--hds-color-primary, #2457d6) 22%, transparent), transparent 18rem),
    linear-gradient(135deg, var(--hds-color-heading, #0f172a), color-mix(in srgb, var(--hds-color-heading, #0f172a) 72%, var(--hds-color-primary, #2457d6)));
  color: var(--hds-color-primary-contrast, #fff);
}
.hds-video-card .hds-video-frame { border-radius: 0; }
.hds-video-frame :where(iframe, video, img) { width: 100%; height: 100%; border: 0; object-fit: cover; }
.hds-video-placeholder { padding: var(--hds-space-6, 1.5rem); text-align: center; }
.hds-play-button {
  width: 4rem;
  height: 4rem;
  display: inline-grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--hds-color-primary-contrast, #fff) 32%, transparent);
  border-radius: var(--hds-radius-pill, 999rem);
  background: var(--hds-color-primary, #2457d6);
  color: var(--hds-color-primary-contrast, #fff);
  box-shadow: var(--hds-shadow-card, 0 1rem 2rem rgb(15 23 42 / .10));
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}
.hds-play-button::before { content: "▶"; margin-left: .15rem; font-size: 1.25rem; line-height: 1; }
.hds-play-button:hover { background: var(--hds-color-primary-hover, #1d45ad); color: var(--hds-color-primary-contrast, #fff); }

.hds-course-progress {
  --hds-course-progress-value: 0%;
  overflow: hidden;
  min-height: .65rem;
  border-radius: var(--hds-radius-pill, 999rem);
  background: var(--hds-color-surface-muted, #f1f5f9);
  border: 1px solid var(--hds-color-border, #d7dde8);
}
.hds-course-progress::before {
  content: "";
  display: block;
  width: var(--hds-course-progress-value, 0%);
  min-width: .65rem;
  max-width: 100%;
  height: .65rem;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--hds-color-primary, #2457d6), var(--hds-color-accent, #0ea5e9));
}
.hds-lesson-list { display: grid; gap: var(--hds-space-3, .75rem); margin: 0; padding: 0; list-style: none; }
.hds-lesson-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--hds-space-3, .75rem);
  border: 1px solid var(--hds-color-border, #d7dde8);
  border-radius: var(--hds-radius-medium, .75rem);
  background: var(--hds-color-surface, #fff);
  padding: var(--hds-space-3, .75rem) var(--hds-space-4, 1rem);
}
.hds-lesson-item[aria-current="step"] { border-color: color-mix(in srgb, var(--hds-color-primary, #2457d6) 42%, var(--hds-color-border, #d7dde8)); background: var(--hds-color-primary-soft, #e8efff); }

.hds-gallery-item { padding: var(--hds-space-2, .5rem); }
.hds-gallery-item :where(figcaption) { color: var(--hds-color-text-muted, #64748b); font-size: var(--hds-font-size-sm, .875rem); font-weight: 700; padding: var(--hds-space-2, .5rem); }
.hds-image-strip { align-items: stretch; }
.hds-image-strip > * { overflow: hidden; border-radius: var(--hds-radius-medium, .75rem); border: 1px solid var(--hds-color-border, #d7dde8); background: var(--hds-color-surface-muted, #f1f5f9); }

.hds-breadcrumbs,
.hds-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--hds-space-2, .5rem);
  color: var(--hds-color-text-muted, #64748b);
  font-size: var(--hds-font-size-sm, .875rem);
  font-weight: 800;
}
.hds-breadcrumbs :where(ol, ul),
.hds-pagination :where(ol, ul) { display: contents; list-style: none; margin: 0; padding: 0; }
.hds-breadcrumbs :where(li),
.hds-pagination :where(li) { display: inline-flex; align-items: center; gap: var(--hds-space-2, .5rem); }
.hds-breadcrumbs :where(li + li)::before { content: "/"; color: var(--hds-color-border-strong, #aeb9ca); }
.hds-pagination :where(a, span),
.hds-breadcrumbs :where(a) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.25rem;
  border-radius: var(--hds-radius-pill, 999rem);
  padding: .35rem .75rem;
  text-decoration: none;
}
.hds-pagination :where(a) { border: 1px solid var(--hds-color-border, #d7dde8); background: var(--hds-color-surface, #fff); color: var(--hds-color-text, #162033); }
.hds-pagination :where(a:hover, a:focus-visible),
.hds-pagination [aria-current="page"] { border-color: var(--hds-color-primary, #2457d6); background: var(--hds-color-primary, #2457d6); color: var(--hds-color-primary-contrast, #fff); }

/* Discovery, search, command, content, reading, response, and reaction primitives. */
.hds-search{display:flex;align-items:center;gap:var(--hds-space-2,.5rem);width:100%;border:1px solid var(--hds-color-border,#d7dde8);border-radius:var(--hds-radius-pill,999rem);background:var(--hds-color-surface,#fff);box-shadow:var(--hds-shadow-small,0 .25rem .75rem rgb(15 23 42/.07));padding:var(--hds-search-padding,var(--hds-space-2,.5rem))}.hds-search:focus-within{border-color:var(--hds-color-primary,#2457d6);box-shadow:0 0 0 var(--hds-focus-ring-width,3px) color-mix(in srgb,var(--hds-focus-ring-color,#7aa2ff) 42%,transparent)}.hds-search--large{--hds-search-padding:var(--hds-space-3,.75rem);border-radius:calc(var(--hds-radius-large,1.25rem) + .35rem)}.hds-search--compact{--hds-search-padding:.25rem;box-shadow:none}.hds-search__input{min-width:0;min-height:var(--hds-input-height,2.75rem);flex:1 1 auto;border:0;outline:0;background:transparent;color:var(--hds-color-text,#162033);padding-inline:var(--hds-input-padding-inline,.85rem)}.hds-search__button,.hds-search__clear{min-width:var(--hds-touch-target-min,2.75rem);min-height:var(--hds-touch-target-min,2.75rem);display:inline-flex;align-items:center;justify-content:center;gap:var(--hds-space-2,.5rem);border:1px solid transparent;border-radius:var(--hds-radius-pill,999rem);padding-inline:var(--hds-space-4,1rem);font-weight:850;line-height:1;text-decoration:none;cursor:pointer}.hds-search__button{background:var(--hds-color-primary,#2457d6);color:var(--hds-color-primary-contrast,#fff)}.hds-search__clear{background:var(--hds-color-surface-muted,#f1f5f9);color:var(--hds-color-text-muted,#64748b)}
.hds-command{width:min(100%,var(--hds-command-width,42rem));display:grid;gap:var(--hds-space-4,1rem);border:1px solid var(--hds-color-border,#d7dde8);border-radius:var(--hds-radius-card,1rem);background:var(--hds-color-surface,#fff);box-shadow:var(--hds-shadow-overlay,0 1.5rem 5rem rgb(15 23 42/.22));padding:var(--hds-space-4,1rem)}.hds-command[hidden]{display:none!important}.hds-command[data-hds-command-panel]{position:fixed;top:max(var(--hds-space-6,1.5rem),var(--hds-safe-area-top,0));left:50%;z-index:var(--hds-z-command,450);transform:translateX(-50%);max-height:min(80vh,42rem);overflow:auto}.hds-command__input{width:100%;min-height:var(--hds-input-height,2.75rem);border:1px solid var(--hds-color-border,#d7dde8);border-radius:var(--hds-radius-input,.75rem);background:var(--hds-color-surface-muted,#f1f5f9);padding-inline:var(--hds-input-padding-inline,.85rem)}.hds-command__section{display:grid;gap:var(--hds-space-2,.5rem)}.hds-command__section>:where(h2,h3){margin:0;color:var(--hds-color-text-muted,#64748b);font-size:var(--hds-font-size-xs,.75rem);font-weight:900;letter-spacing:var(--hds-letter-spacing-wide,.08em);text-transform:uppercase}.hds-command__list{display:grid;gap:var(--hds-space-2,.5rem);margin:0;padding:0;list-style:none}.hds-command__item{width:100%;min-height:var(--hds-touch-target-min,2.75rem);display:grid;gap:.15rem;border:1px solid transparent;border-radius:var(--hds-radius-medium,.75rem);background:transparent;color:var(--hds-color-text,#162033);padding:var(--hds-space-3,.75rem);text-align:left;text-decoration:none;cursor:pointer}.hds-command__item:hover,.hds-command__item:focus-visible,.hds-command__item[aria-selected=true]{border-color:color-mix(in srgb,var(--hds-color-primary,#2457d6) 32%,var(--hds-color-border,#d7dde8));background:var(--hds-color-primary-soft,#e8efff)}.hds-command__item-meta{color:var(--hds-color-text-muted,#64748b);font-size:var(--hds-font-size-sm,.875rem);font-weight:650}.hds-command__empty{border:1px dashed var(--hds-color-border,#d7dde8);border-radius:var(--hds-radius-medium,.75rem);color:var(--hds-color-text-muted,#64748b);padding:var(--hds-space-4,1rem);text-align:center}.hds-command__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--hds-space-2,.5rem);border-top:1px solid var(--hds-color-border,#d7dde8);color:var(--hds-color-text-muted,#64748b);font-size:var(--hds-font-size-sm,.875rem);padding-top:var(--hds-space-3,.75rem)}
.hds-suggestion-list{display:grid;gap:var(--hds-space-2,.5rem);margin:0;padding:0;list-style:none}.hds-suggestion-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--hds-space-2,.5rem) var(--hds-space-3,.75rem);align-items:center;border:1px solid var(--hds-color-border,#d7dde8);border-radius:var(--hds-radius-medium,.75rem);background:var(--hds-color-surface,#fff);padding:var(--hds-space-3,.75rem)}.hds-suggestion-item__title{color:var(--hds-color-heading,#0f172a);font-weight:850}.hds-suggestion-item__meta{color:var(--hds-color-text-muted,#64748b);font-size:var(--hds-font-size-sm,.875rem)}.hds-suggestion-item__action{grid-row:span 2;min-height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--hds-radius-pill,999rem);padding:.35rem .75rem;font-weight:850;text-decoration:none}
.hds-tabs{display:flex;flex-wrap:wrap;gap:var(--hds-space-2,.5rem);border-bottom:1px solid var(--hds-color-border,#d7dde8)}.hds-tab{min-height:var(--hds-touch-target-min,2.75rem);display:inline-flex;align-items:center;justify-content:center;border:0;border-bottom:.2rem solid transparent;background:transparent;color:var(--hds-color-text-muted,#64748b);padding:.65rem var(--hds-space-4,1rem);font-weight:850;cursor:pointer;text-decoration:none}.hds-tab:hover,.hds-tab:focus-visible,.hds-tab[aria-selected=true],.hds-tab[aria-current=page]{border-bottom-color:var(--hds-color-primary,#2457d6);color:var(--hds-color-primary,#2457d6)}.hds-tab-panel{padding-block:var(--hds-space-4,1rem)}.hds-tab-panel[hidden]{display:none!important}
.hds-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hds-space-2,.5rem);border:1px solid var(--hds-color-border,#d7dde8);border-radius:var(--hds-radius-card,1rem);background:var(--hds-color-surface,#fff);padding:var(--hds-space-3,.75rem)}.hds-filter-button,.hds-filter-chip{min-height:2.5rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--hds-space-2,.5rem);border:1px solid var(--hds-color-border,#d7dde8);border-radius:var(--hds-radius-pill,999rem);background:var(--hds-color-surface,#fff);color:var(--hds-color-text,#162033);padding:.45rem .8rem;font-weight:850;text-decoration:none;cursor:pointer}.hds-filter-button[aria-pressed=true],.hds-filter-button[aria-expanded=true],.hds-filter-chip[aria-pressed=true],.hds-filter-chip.is-selected{border-color:var(--hds-color-primary,#2457d6);background:var(--hds-color-primary-soft,#e8efff);color:var(--hds-color-primary,#2457d6)}.hds-filter-chip__remove{width:1.5rem;height:1.5rem;display:inline-grid;place-items:center;border:0;border-radius:var(--hds-radius-pill,999rem);background:color-mix(in srgb,var(--hds-color-text-muted,#64748b) 12%,transparent);color:inherit;cursor:pointer}.hds-filter-summary{color:var(--hds-color-text-muted,#64748b);font-size:var(--hds-font-size-sm,.875rem);font-weight:750}.hds-filter-panel{width:100%;display:grid;gap:var(--hds-space-3,.75rem);border-top:1px solid var(--hds-color-border,#d7dde8);margin-top:var(--hds-space-2,.5rem);padding-top:var(--hds-space-3,.75rem)}.hds-filter-panel[hidden]{display:none!important}
.hds-chip-group,.hds-tag-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hds-space-2,.5rem)}.hds-chip,.hds-tag{min-height:2rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--hds-space-2,.5rem);border:1px solid var(--hds-color-border,#d7dde8);border-radius:var(--hds-radius-pill,999rem);background:var(--hds-color-surface,#fff);color:var(--hds-color-text,#162033);padding:.3rem .7rem;font-size:var(--hds-font-size-sm,.875rem);font-weight:850;line-height:1.2;text-decoration:none}.hds-chip--selected,.hds-tag--selected,.hds-chip[aria-pressed=true],.hds-tag[aria-pressed=true]{border-color:var(--hds-color-primary,#2457d6);background:var(--hds-color-primary-soft,#e8efff);color:var(--hds-color-primary,#2457d6)}.hds-chip--removable{padding-right:.35rem}.hds-chip--muted{background:var(--hds-color-surface-muted,#f1f5f9);color:var(--hds-color-text-muted,#64748b)}
.hds-result-card,.hds-response-card{min-width:0;display:grid;gap:var(--hds-space-4,1rem);border:1px solid var(--hds-color-border,#d7dde8);border-radius:var(--hds-radius-card,1rem);background:var(--hds-color-surface,#fff);box-shadow:var(--hds-shadow-panel,0 .5rem 1.5rem rgb(15 23 42/.08));padding:clamp(1rem,3vw,1.5rem)}.hds-result-card--featured,.hds-response-card--featured{border-color:color-mix(in srgb,var(--hds-color-primary,#2457d6) 38%,var(--hds-color-border,#d7dde8));box-shadow:var(--hds-shadow-card,0 1rem 2rem rgb(15 23 42/.10))}.hds-result-card--compact,.hds-response-card--compact{gap:var(--hds-space-2,.5rem);padding:var(--hds-space-4,1rem)}.hds-result-card__header,.hds-result-card__body,.hds-result-card__footer,.hds-result-card__actions,.hds-response-card__header,.hds-response-card__body,.hds-response-card__footer,.hds-response-card__actions{min-width:0}.hds-result-card__header,.hds-response-card__header{display:grid;gap:var(--hds-space-2,.5rem)}.hds-result-card__title,.hds-response-card__title{margin:0;color:var(--hds-color-heading,#0f172a);font-size:var(--hds-font-size-xl,1.35rem);line-height:var(--hds-line-height-tight,1.1)}.hds-result-card__excerpt,.hds-response-card__summary{margin:0;color:var(--hds-color-text,#162033)}.hds-result-card__meta,.hds-response-card__meta{display:flex;flex-wrap:wrap;gap:var(--hds-space-2,.5rem) var(--hds-space-3,.75rem);color:var(--hds-color-text-muted,#64748b);font-size:var(--hds-font-size-sm,.875rem);font-weight:750}.hds-result-card__media{overflow:hidden;border-radius:var(--hds-radius-medium,.75rem);background:var(--hds-color-surface-muted,#f1f5f9)}.hds-result-card__footer,.hds-result-card__actions,.hds-response-card__footer,.hds-response-card__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--hds-space-3,.75rem)}
.hds-metric-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(9rem,100%),1fr));gap:var(--hds-space-3,.75rem)}.hds-metric{display:grid;gap:.15rem;border:1px solid var(--hds-color-border,#d7dde8);border-radius:var(--hds-radius-medium,.75rem);background:var(--hds-color-surface-muted,#f1f5f9);padding:var(--hds-space-3,.75rem)}.hds-metric__value{color:var(--hds-color-heading,#0f172a);font-size:var(--hds-font-size-xl,1.35rem);font-weight:950;line-height:1}.hds-metric__label{color:var(--hds-color-text-muted,#64748b);font-size:var(--hds-font-size-sm,.875rem);font-weight:800}
.hds-content-header{display:grid;gap:var(--hds-space-3,.75rem)}.hds-content-title{margin:0;color:var(--hds-color-heading,#0f172a);font-size:var(--hds-font-size-2xl,clamp(1.7rem,3vw,2.25rem));line-height:var(--hds-line-height-tight,1.1);letter-spacing:var(--hds-letter-spacing-tight,-.035em)}.hds-content-subtitle{max-width:var(--hds-readable-max-width,42rem);margin:0;color:var(--hds-color-text-muted,#64748b);font-size:var(--hds-font-size-lg,1.125rem)}.hds-content-meta,.hds-content-tags,.hds-content-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hds-space-2,.5rem) var(--hds-space-3,.75rem)}.hds-content-meta{color:var(--hds-color-text-muted,#64748b);font-size:var(--hds-font-size-sm,.875rem);font-weight:750}.hds-content-section{display:grid;gap:var(--hds-space-4,1rem);border-top:1px solid var(--hds-color-border,#d7dde8);padding-block:var(--hds-space-6,1.5rem)}.hds-content-section--surface{border:1px solid var(--hds-color-border,#d7dde8);border-radius:var(--hds-radius-card,1rem);background:var(--hds-color-surface-muted,#f1f5f9);padding:var(--hds-space-5,1.25rem)}.hds-content-section--compact{gap:var(--hds-space-2,.5rem);padding-block:var(--hds-space-4,1rem)}.hds-content-section--callout{border:1px solid color-mix(in srgb,var(--hds-color-primary,#2457d6) 32%,var(--hds-color-border,#d7dde8));border-left-width:.35rem;border-radius:var(--hds-radius-medium,.75rem);background:var(--hds-color-primary-soft,#e8efff);padding:var(--hds-space-4,1rem)}
.hds-meta-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr));gap:var(--hds-space-3,.75rem);margin:0}.hds-meta-list__item{display:grid;gap:.15rem;border-bottom:1px solid var(--hds-color-border,#d7dde8);padding-block:var(--hds-space-2,.5rem)}.hds-meta-list__term{color:var(--hds-color-text-muted,#64748b);font-size:var(--hds-font-size-xs,.75rem);font-weight:900;letter-spacing:var(--hds-letter-spacing-wide,.08em);text-transform:uppercase}.hds-meta-list__description{margin:0;color:var(--hds-color-heading,#0f172a);font-weight:800}
.hds-reading{width:min(100%,var(--hds-reading-width,68ch));margin-inline:auto;display:grid;gap:var(--hds-space-6,1.5rem)}.hds-reading-header,.hds-reading-footer{display:grid;gap:var(--hds-space-3,.75rem)}.hds-reading-body{display:grid;gap:var(--hds-space-4,1rem);font-size:var(--hds-font-size-lg,1.125rem);line-height:1.75}.hds-reading-body :where(p,ul,ol,blockquote){margin-block:0}.hds-reading-body :where(h2,h3){margin-block:var(--hds-space-4,1rem) 0;color:var(--hds-color-heading,#0f172a);line-height:var(--hds-line-height-tight,1.1)}.hds-reading-footer{border-top:1px solid var(--hds-color-border,#d7dde8);padding-top:var(--hds-space-4,1rem);color:var(--hds-color-text-muted,#64748b)}
.hds-response-card--success{border-color:color-mix(in srgb,var(--hds-color-success,#15803d) 42%,var(--hds-color-border,#d7dde8))}.hds-response-card--trusted{border-color:color-mix(in srgb,var(--hds-color-trust,#0f766e) 42%,var(--hds-color-border,#d7dde8))}.hds-response-card__body{display:grid;gap:var(--hds-space-4,1rem)}.hds-response-card__body :where(p,ul,ol){margin-block:0}.hds-selected-marker{display:inline-flex;align-items:center;gap:var(--hds-space-2,.5rem);width:max-content;border:1px solid var(--hds-color-border,#d7dde8);border-radius:var(--hds-radius-pill,999rem);background:var(--hds-color-surface-muted,#f1f5f9);color:var(--hds-color-text-muted,#64748b);padding:.3rem .7rem;font-size:var(--hds-font-size-sm,.875rem);font-weight:900}.hds-selected-marker--success{border-color:var(--hds-status-success-border,#86efac);background:var(--hds-status-success-surface,#dcfce7);color:var(--hds-status-success-text,#15803d)}.hds-selected-marker--trusted{border-color:var(--hds-color-trust-border,#5eead4);background:var(--hds-color-trust-soft,#ccfbf1);color:var(--hds-color-trust,#0f766e)}
.hds-reaction-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hds-space-2,.5rem)}.hds-reaction-button,.hds-helpful-button{min-height:2.5rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--hds-space-2,.5rem);border:1px solid var(--hds-color-border,#d7dde8);border-radius:var(--hds-radius-pill,999rem);background:var(--hds-color-surface,#fff);color:var(--hds-color-text,#162033);padding:.45rem .85rem;font-weight:850;text-decoration:none;cursor:pointer}.hds-reaction-button:hover,.hds-helpful-button:hover,.hds-reaction-button:focus-visible,.hds-helpful-button:focus-visible{border-color:var(--hds-color-primary,#2457d6);color:var(--hds-color-primary,#2457d6)}.hds-reaction-button--active,.hds-reaction-button[aria-pressed=true],.hds-helpful-button[aria-pressed=true]{border-color:var(--hds-color-primary,#2457d6);background:var(--hds-color-primary-soft,#e8efff);color:var(--hds-color-primary,#2457d6)}

/* Comments, community, and Q&A-like knowledge surfaces. */
.hds-comment-thread,
.hds-community-list,
.hds-qa-thread { display: grid; gap: var(--hds-grid-gap, 1.5rem); margin: 0; padding: 0; list-style: none; }
.hds-comment-thread,
.hds-qa-thread { position: relative; }
.hds-comment-thread::before,
.hds-qa-thread::before { content: ""; position: absolute; inset-block: .5rem; left: 1.25rem; width: 1px; background: var(--hds-color-border, #d7dde8); }
.hds-comment-card,
.hds-reply-card,
.hds-community-card,
.hds-member-card,
.hds-profile-card,
.hds-question-card,
.hds-answer-card { min-width: 0; display: grid; gap: var(--hds-space-3, .75rem); align-content: start; border: 1px solid var(--hds-color-border, #d7dde8); border-radius: var(--hds-radius-card, 1rem); background: var(--hds-color-surface, #fff); box-shadow: var(--hds-shadow-panel, 0 .5rem 1.5rem rgb(15 23 42 / .08)); padding: clamp(1rem, 3vw, 1.5rem); }
.hds-comment-card,
.hds-reply-card,
.hds-answer-card { position: relative; margin-left: calc(var(--hds-space-8, 2rem) + .5rem); }
.hds-comment-card,
.hds-question-card { margin-left: 0; }
.hds-reply-card,
.hds-answer-card { background: var(--hds-color-surface-muted, #f1f5f9); }
.hds-question-card { border-left: .35rem solid var(--hds-color-primary, #2457d6); }
.hds-answer-card { border-left: .35rem solid var(--hds-color-trust, #0f766e); }
.hds-question-card__title,
.hds-answer-card__title { margin: 0; color: var(--hds-color-heading, #0f172a); font-size: var(--hds-font-size-lg, 1.125rem); line-height: var(--hds-line-height-tight, 1.1); }
.hds-question-card__meta,
.hds-answer-card__meta,
.hds-author-line { display: flex; flex-wrap: wrap; align-items: center; gap: var(--hds-space-2, .5rem) var(--hds-space-3, .75rem); color: var(--hds-color-text-muted, #64748b); font-size: var(--hds-font-size-sm, .875rem); font-weight: 800; }
.hds-avatar { width: var(--hds-avatar-size, 2.75rem); height: var(--hds-avatar-size, 2.75rem); flex: 0 0 auto; display: inline-grid; place-items: center; overflow: hidden; border: 2px solid var(--hds-color-surface, #fff); border-radius: var(--hds-radius-pill, 999rem); background: linear-gradient(135deg, var(--hds-color-primary, #2457d6), var(--hds-color-accent, #0ea5e9)); color: var(--hds-color-primary-contrast, #fff); font-size: var(--hds-font-size-sm, .875rem); font-weight: 900; text-transform: uppercase; box-shadow: var(--hds-shadow-small, 0 .25rem .75rem rgb(15 23 42 / .07)); }
.hds-avatar :where(img, picture, svg) { width: 100%; height: 100%; object-fit: cover; }
.hds-avatar-group { display: flex; align-items: center; padding-left: .45rem; }
.hds-avatar-group .hds-avatar { margin-left: -.45rem; }
.hds-community-card,
.hds-member-card,
.hds-profile-card { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
.hds-community-card > :not(.hds-avatar),
.hds-member-card > :not(.hds-avatar),
.hds-profile-card > :not(.hds-avatar) { min-width: 0; }
.hds-profile-card { align-items: center; }
.hds-profile-card .hds-avatar { --hds-avatar-size: 4rem; }


/* Knowledge bundle responsive rules. Core handles global navigation and layout. */
@media (max-width: 760px) {
  .hds-community-card,
  .hds-member-card,
  .hds-profile-card { grid-template-columns: 1fr; }
  .hds-comment-thread::before,
  .hds-qa-thread::before { display: none; }
  .hds-comment-card,
  .hds-reply-card,
  .hds-question-card,
  .hds-answer-card { margin-left: 0; }
}

@media (max-width: 520px) {
  .hds-search { flex-wrap: wrap; border-radius: var(--hds-radius-card, 1rem); }
  .hds-search__input { flex-basis: 100%; }
  .hds-search__button,
  .hds-search__clear { flex: 1 1 auto; }
  .hds-command[data-hds-command-panel] { width: min(calc(100% - 2rem), var(--hds-command-width, 42rem)); }
}

/* Phase 2 knowledge/search icon composition additions. */
.hds-search__icon { color: var(--hds-color-text-muted, #64748b); display: inline-flex; align-items: center; justify-content: center; padding-inline-start: var(--hds-space-2, .5rem); pointer-events: none; }
.hds-filter-button:has(.hds-icon),
.hds-command__item:has(.hds-icon),
.hds-suggestion-item__action:has(.hds-icon),
.hds-result-card__actions :is(a, button):has(.hds-icon),
.hds-reaction-button:has(.hds-icon),
.hds-helpful-button:has(.hds-icon) { display: inline-flex; align-items: center; gap: var(--hds-space-2, .5rem); }