/* Scoped interaction affordances for the repair hub and calculator. */
.hub-page .hub-service-row--unpublished {
  cursor: pointer;
  color: var(--ink);
  transition: background-color .16s ease, color .16s ease, padding-inline .16s ease;
}
.hub-page .hub-service-row--unpublished:hover,
.hub-page .hub-service-row--unpublished:focus-visible,
.hub-page .hub-service-row--unpublished[aria-pressed="true"] {
  background: var(--hub-cobalt, var(--cobalt)) !important;
  color: #fff !important;
  padding-inline: 14px !important;
  outline: none;
}
.hub-page .hub-service-row--unpublished:hover *,
.hub-page .hub-service-row--unpublished:focus-visible *,
.hub-page .hub-service-row--unpublished[aria-pressed="true"] * { color: inherit !important; }
.hub-page .hub-service-row--unpublished:focus-visible {
  outline: 3px solid var(--hub-lime, var(--laser));
  outline-offset: 3px;
}
.hub-page .hub-service-row--unpublished span:last-child,
.hub-page .hub-service-row--unpublished small { color: inherit; }
@media (prefers-reduced-motion: reduce) {
  .hub-page .hub-service-row--unpublished { transition: none; }
}

/* Calculator controls keep one deliberate action language, including the
 * disabled copy state; choice rows remain comfortable touch targets. */
.repair-calculator .repair-calculator-choice {
  min-height: 52px;
  align-content: center;
}
.repair-calculator .repair-calculator-actions .button {
  min-height: 48px;
  border: 2px solid var(--cobalt, #155eef);
  border-radius: 0;
  font: 600 13px/1.2 var(--mono, monospace);
  letter-spacing: .01em;
}
.repair-calculator .repair-calculator-actions [data-repair-copy]:disabled {
  opacity: 1;
  border-color: #aeb4ae;
  background: #d9d8d1;
  color: #5d6561;
  cursor: not-allowed;
}
.repair-calculator .repair-calculator-actions [data-repair-reset] {
  border-color: #69736e;
  background: transparent;
  color: var(--ink, #101514);
}
.repair-calculator .repair-calculator-actions [data-repair-reset]:hover,
.repair-calculator .repair-calculator-actions [data-repair-reset]:focus-visible {
  border-color: var(--ink, #101514);
  background: var(--ink, #101514);
  color: #fff;
}