/* Course update entrances, scoped to home pages. */
.tutorial-updates {
  width: min(1320px, calc(100% - 64px));
  margin: 24px auto 0;
  padding: 22px 26px;
  border: 1px solid #cbd6e1;
  border-top: 3px solid #155eef;
  background: #f4f8ff;
  color: #10263b;
  scroll-margin-top: 24px;
}
.tutorial-updates .update-date { margin: 0 0 6px; color: #155eef; font: 700 11px/1.5 ui-monospace, monospace; letter-spacing: .06em; }
.tutorial-updates h2 { margin: 0; font-size: 24px; line-height: 1.4; letter-spacing: 0; }
.tutorial-updates .update-scope { margin: 8px 0 0; color: #445f76; font-size: 14px; line-height: 1.7; }
.tutorial-updates .update-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 16px; }
.tutorial-updates .update-grid article { min-width: 0; border-top: 1px solid #cbd6e1; padding-top: 13px; }
.tutorial-updates h3 { margin: 0; font-size: 17px; line-height: 1.5; }
.tutorial-updates .update-grid p { margin: 6px 0 10px; font-size: 14px; line-height: 1.7; color: #445f76; }
.tutorial-updates .update-links { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 10px; }
.tutorial-updates a { color: #155eef; font-size: 14px; line-height: 1.6; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.tutorial-updates a:hover { color: #10263b; }
.tutorial-updates a:focus-visible { outline: 3px solid #f05a28; outline-offset: 4px; }
.tutorial-updates.update-course { margin-top: 24px; padding: 18px 24px; }
.sprint-home > .tutorial-updates { width: 100%; margin-top: 0; }
@media (max-width: 720px) {
  .tutorial-updates { width: calc(100% - 32px); padding: 18px; margin-top: 18px; }
  .tutorial-updates h2 { font-size: 21px; }
  .tutorial-updates .update-grid { grid-template-columns: 1fr; gap: 18px; }
  .tutorial-updates.update-course { padding: 16px; }
}