/* inline */
@scope (html[data-site-styles~="2a64534e57bff9f7"]) {
  .hardware-whatif:where(:scope, *) {
    border: 1px solid #697988;
    border-radius: 12px;
    padding: clamp(1rem, 3vw, 1.5rem);
    margin-block: 1rem;
    background: var(--bg-surface, #fff);
    color: var(--text-primary, #172b3a);
    overflow-wrap: anywhere;
  }
  .hardware-whatif label:where(:scope, *) { display: block; font-weight: 700; }
  .hardware-whatif input[type="range"]:where(:scope, *) {
    display: block;
    width: 100%;
    min-height: 44px;
    margin-block: 0.5rem;
    accent-color: #285b39;
  }
  .hardware-whatif input:focus-visible:where(:scope, *) { outline: 3px solid #285b39; outline-offset: 3px; }
  .hardware-whatif-result:where(:scope, *) { font-weight: 700; }
  .hardware-whatif-version:where(:scope, *) { font-size: 0.875rem; }
}