/* Close the space left by removed decorative captions and label blocks. */
.company-hero {
  min-height: 0;
  padding-bottom: 64px;
}
.learning-world {
  display: grid;
  place-items: center;
  min-height: 0;
  padding: 36px 24px 48px;
}
.knowledge-card {
  position: relative;
  top: auto;
  left: auto;
  width: min(400px, 80%);
  padding: 30px;
}
.knowledge-card > p { margin: 0; }

.focus-grid h3,
.learning-page .principle-grid h3 { margin-top: 0; }

/* The remaining Lop wordmark is now the last span in its header. */
.lop-preview-top > .lop-wordmark:last-child {
  font-size: 36px;
  letter-spacing: -.055em;
}
.exam-paper > b { margin-top: 0; }
.keyboard-screenshot-card,
.r2drive-screenshot-card { margin-top: 0; }

/* Product content starts in the first row after its label row is removed. */
.macfan-product .macfan-screenshot,
.macfan-product .macfan-card-copy { grid-row: 1; }
.mouse-product > .mouse-demo,
.mouse-product > .mouse-card-copy { grid-row: 1; }
.mouse-hero-demo {
  min-height: 0;
  padding-block: 32px;
  gap: 20px;
}

.vision-picture { padding-bottom: 0; }
.vision-picture::before { bottom: -10px; }

.careers-role-grid article > p:last-child { margin-bottom: 0; }
.careers-overview > div:first-child {
  border-top: 0;
  padding-top: 0;
}

/* Keep the meaningful feedback headings readable after removing voice IDs. */
.learning-page .voice-meta {
  font-family: inherit;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0;
}

@media (max-width: 800px) {
  .company-hero {
    gap: 24px;
    padding-bottom: 40px;
  }
  .learning-world {
    min-height: 0;
    margin: 0 auto;
    padding: 24px 24px 38px;
  }
  .knowledge-card {
    top: auto;
    left: auto;
    width: min(320px, 84%);
    padding: 24px;
  }
  .lop-preview-top > .lop-wordmark:last-child { font-size: 31px; }
  .macfan-product .macfan-screenshot,
  .macfan-product .macfan-card-copy,
  .mouse-product > .mouse-demo,
  .mouse-product > .mouse-card-copy { grid-row: auto; }
  .mouse-hero-demo { padding-block: 28px; }
  .site-footer .footer-links { margin-top: 24px; }
}
