.selector-quick-start {
  --guide-ink: #1c303a;
  --guide-muted: #365768;
  --guide-surface: #eaf1f5;
  --guide-line: #b9cbd6;
  margin-block: 0 2rem;
  color: var(--guide-ink);
}
.selector-quick-start > h2 { margin: 0 0 .6rem; }
.selector-quick-start > p { max-width: 72ch; }
.selector-quick-start .selector-quick-start__tasks {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0 1.5rem;
  margin: 1.25rem 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--guide-line);
}
.selector-quick-start__tasks > li { min-width: 0; margin: 0; border-bottom: 1px solid var(--guide-line); }
.selector-quick-start__link {
  display: flex;
  flex-direction: column;
  gap: .45rem;
  height: 100%;
  min-height: 44px;
  padding: 1.1rem .65rem;
  color: var(--guide-ink);
  text-decoration: none;
  overflow-wrap: anywhere;
  box-sizing: border-box;
}
.selector-quick-start__link strong { font-size: 1.0625rem; line-height: 1.4; }
.selector-quick-start__link > span { color: var(--guide-muted); line-height: 1.55; }
.selector-quick-start__link .selector-quick-start__action { margin-top: auto; padding-top: .35rem; color: var(--guide-ink); text-decoration: underline; text-underline-offset: .2em; font-weight: 700; }
.selector-quick-start__link:hover { background: var(--guide-surface); color: var(--guide-ink); }
.selector-quick-start a:focus-visible, .selector-quick-start summary:focus-visible { outline: 3px solid #386d89; outline-offset: 3px; }
.selector-quick-start__industry { padding-block: .75rem; }
.selector-quick-start__industry summary { min-height: 44px; padding-block: .65rem; cursor: pointer; font-weight: 700; }
.selector-quick-start__industry dt { margin-top: 1rem; font-weight: 700; }
.selector-quick-start__industry dd { margin: .3rem 0 1rem; max-width: 72ch; }
.selector-quick-start__help { margin-bottom: .2rem; }
.selector-quick-start__actions { display: flex; flex-wrap: wrap; gap: .3rem 1.5rem; }
.selector-quick-start__actions a { display: inline-flex; align-items: center; min-height: 44px; }
.selector-quick-start ::selection { color: #fff; background: var(--guide-muted); }
@media (min-width: 42rem) {
  .selector-quick-start .selector-quick-start__tasks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 70rem) {
  .selector-quick-start .selector-quick-start__tasks { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Drawing-review groups use the existing catalogue and RFQ flow; no script. */
.selector-quick-start__specialist {
  display: flex;
  flex-direction: column;
  gap: .45rem;
  height: 100%;
  min-height: 44px;
  padding: 1.1rem .65rem;
  color: var(--guide-ink);
  text-decoration: none;
  overflow-wrap: anywhere;
  box-sizing: border-box;
}
.selector-quick-start__specialist strong { font-size: 1.0625rem; line-height: 1.4; }
.selector-quick-start__specialist > span { color: var(--guide-muted); line-height: 1.55; }
.selector-quick-start__specialist .selector-quick-start__action { margin-top: auto; padding-top: .35rem; color: var(--guide-ink); text-decoration: underline; text-underline-offset: .2em; font-weight: 700; }
.selector-quick-start__specialist:hover { background: var(--guide-surface); color: var(--guide-ink); }
.selector-specialist-models {
  color: #1c303a;
  margin-block: 3rem 1.5rem;
  padding-block-start: 1.5rem;
  border-top: 1px solid #b9cbd6;
  overflow-wrap: anywhere;
}
.selector-specialist-models > h2 { margin: 0 0 .65rem; }
.selector-specialist-models p { max-width: 72ch; }
.selector-specialist-models__groups { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; margin-block: 2rem; }
.selector-specialist-models__group { min-width: 0; scroll-margin-top: 7rem; }
.selector-specialist-models__group h3 { margin: 0 0 .6rem; }
.selector-specialist-models__group > p { color: #365768; }
.selector-specialist-models .selector-specialist-models__list { list-style: none; padding: 0; margin: 1rem 0 0; border-top: 1px solid #b9cbd6; }
.selector-specialist-models__list > li { margin: 0; padding: .75rem .5rem; border-bottom: 1px solid #b9cbd6; min-width: 0; }
.selector-specialist-models__list > li:hover { background: #eaf1f5; }
.selector-specialist-models__name { display: block; font-weight: 700; font-size: 1.125rem; line-height: 1.4; font-variant-numeric: tabular-nums; }
.selector-specialist-models__actions { display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; }
.selector-specialist-models__actions a { display: inline-flex; align-items: center; min-height: 44px; color: #1c303a; font-weight: 600; text-underline-offset: .2em; }
.selector-specialist-models a:focus-visible, .selector-specialist-models__group:focus-visible { outline: 3px solid #386d89; outline-offset: 3px; }
.selector-specialist-models ::selection { color: #fff; background: #365768; }
.selector-specialist-models__sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (min-width: 64rem) {
  .selector-specialist-models__groups { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem; }
}

/* Demand-first selector. Existing brand colours and native form controls are retained. */
.selector-demand { color: #1c303a; overflow-wrap: anywhere; }
.selector-demand p { max-width: 72ch; }
.selector-demand__tasks { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; list-style: none; padding: 0; margin-block: 1rem; }
.selector-demand__tasks li { margin: 0; }
.selector-demand__tasks a { display: inline-flex; align-items: center; min-height: 44px; padding-block: .25rem; color: #1c303a; text-underline-offset: .2em; }
.selector-demand__start { padding-block-end: 1.5rem; }
.selector-demand__boundary { color: #365768; }
.selector-demand__evidence-toggle { display: flex; align-items: center; gap: .65rem; min-height: 44px; margin-top: 1rem; cursor: pointer; }
.selector-demand__evidence-toggle input { width: 1.25rem; height: 1.25rem; accent-color: #365768; flex: 0 0 auto; }
.selector-demand__evidence-note { color: #365768; }
.selector-demand__more { margin-block-start: 1rem; }
.selector-demand summary { min-height: 44px; padding-block: .75rem; cursor: pointer; font-weight: 700; }
.selector-demand__results, .selector-demand__comparison { scroll-margin-top: 7rem; margin-block: 2.5rem; }
.selector-demand__brief { margin-block: 1rem; border-block: 1px solid #b9cbd6; }
.selector-demand__brief dl, .selector-demand__comparison dl { margin: 0 0 1rem; }
.selector-demand__brief dl > div, .selector-demand__comparison dl > div { padding-block: .65rem; border-bottom: 1px solid #b9cbd6; }
.selector-demand dt { color: #365768; font-size: .9rem; }
.selector-demand dd { margin: .3rem 0 0; font-variant-numeric: tabular-nums; }
.selector-demand__scope { display: block; margin-top: .25rem; color: #365768; font-size: .85rem; }
.selector-demand__compare-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.25rem; padding-block: 1rem; }
.selector-demand__compare-actions > p:first-child { flex-basis: 100%; margin: 0; }
.selector-demand__selection-status { min-height: 1.5em; margin: 0; color: #365768; }
.selector-demand__table-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
.selector-demand__table { min-width: 40rem; width: 100%; border-collapse: collapse; background: #eaf1f5; }
.selector-demand__table caption { text-align: start; font-weight: 700; padding-block: .75rem; }
.selector-demand__table th, .selector-demand__table td { padding: .9rem; text-align: start; vertical-align: top; border-bottom: 1px solid #b9cbd6; }
.selector-demand__table thead { background: #dce8ef; }
.selector-demand__check { display: flex; gap: .65rem; align-items: center; min-height: 44px; cursor: pointer; }
.selector-demand__check input { width: 1.25rem; height: 1.25rem; accent-color: #365768; flex: 0 0 auto; }
.selector-demand__check span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.selector-demand__layout, .selector-demand__process, .selector-demand__review { display: block; margin-top: .35rem; }
.selector-demand__layout, .selector-demand__review { color: #365768; font-size: .9rem; }
.selector-demand__table td > a { display: inline-flex; align-items: center; min-height: 44px; text-underline-offset: .2em; }
.selector-demand__comparison-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; margin-block: 1.5rem; }
.selector-demand__comparison-grid > article { min-width: 0; padding: 1.25rem; background: #eaf1f5; border: 1px solid #b9cbd6; }
.selector-demand__comparison-grid h3 { margin-block: 0 .5rem; }
.selector-demand__error { color: #a11b26; font-weight: 700; }
.selector-demand a:focus-visible, .selector-demand button:focus-visible, .selector-demand input:focus-visible, .selector-demand select:focus-visible, .selector-demand summary:focus-visible, .selector-demand [tabindex]:focus-visible { outline: 3px solid #386d89; outline-offset: 3px; }
.selector-demand ::selection { color: #fff; background: #365768; }
.selector-demand select { min-height: 44px; max-width: 100%; }
@media (min-width: 48rem) { .selector-demand__comparison-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }