/* Shared icon artwork and optical sizing; section spacing lives in mobile-layout. */
:root {
  --icon-size: 24px;
  --icon-stroke: 1.75;
}

.ui-icon,
.disclosure-icon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: var(--icon-stroke);
  stroke-linecap: round;
  stroke-linejoin: round;
}

.panel-facts .ui-icon,
.spec dt .ui-icon,
.partnership-frame .capacity-list .ui-icon {
  width: var(--icon-size);
  height: var(--icon-size);
  color: var(--accent);
  stroke-width: var(--icon-stroke);
}
.spec dt { gap: 12px; }

/* Utility icons use the same drawings at the compact control size. */
.hero-actions .ui-icon,
.overview-link .ui-icon,
.footer-next .ui-icon,
.footer-bottom .ui-icon {
  width: 20px;
  height: 20px;
}
.overview-link { display: inline-flex; align-items: center; gap: 8px; }
.footer-bottom a:has(.ui-icon) { display: inline-flex; align-items: center; gap: 8px; }
.menu-bars,
.menu-bars::before,
.menu-bars::after { height: 1.75px; border-radius: 1px; }
select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23082141' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6.5 9.5 5.5 5.5 5.5-5.5'/%3E%3C/svg%3E");
}