/* Consistent, tighter spacing between public content sections. */
.section { padding-block: clamp(44px, 6vw, 76px); }
.jb-section { padding-block: clamp(42px, 5.5vw, 72px); }
.showcase-hero { padding-top: clamp(56px, 7vw, 92px); padding-bottom: 34px; }
.showcase-groups { padding-top: 24px; padding-bottom: 26px; }
.showcase-color-index { padding-top: 24px; padding-bottom: 38px; }
.showcase-group { margin-bottom: 34px; }
.showcase-group > header { margin-bottom: 14px; }
.showcase-more { padding: 8px 0 34px; }
.model-more { display: flex; align-items: center; gap: 14px; margin: -12px 0 34px; color: var(--muted, #666); font-size: 13px; }
.model-more button { cursor: pointer; }
#tutListPrep > h2 { margin: 14px 0 6px; font-size: clamp(24px, 3vw, 34px); }
#tutListPrep > .jb-lede { margin: 0 0 26px; }
@media (max-width: 700px) {
  .section, .jb-section { padding-block: 38px; }
  .showcase-hero { padding-top: 46px; padding-bottom: 24px; }
  .showcase-groups { padding-bottom: 18px; }
  .showcase-group { margin-bottom: 26px; }
  .model-more { flex-wrap: wrap; margin-top: -4px; }
}