/* BICOM / layout.css
   Only shared layout primitives. */

.bicom-container {
  width: min(calc(100% - 80px), var(--bicom-container));
  margin-inline: auto;
}

.bicom-section {
  padding-block: var(--bicom-section-space);
}

@media (min-width: 1025px) and (max-height: 960px) {
  .bicom-section { padding-block: var(--bicom-section-space-compact); }
}

@media (max-width: 1024px) {
  .bicom-container { width: calc(100% - 56px); }
}

@media (max-width: 767px) {
  .bicom-container { width: calc(100% - 40px); }
}

@media (max-width: 480px) {
  .bicom-container { width: calc(100% - 32px); }
}