/* griffith-pse.com — minimal customizations on top of the cosmo theme.
   Keep this small and intentional; defer to the theme for everything else. */

/* Bump the navbar brand-logo size — the default ~30px is too small for the
   blackletter G to read at a glance. The navbar grows to accommodate.
   Targets `.navbar-logo` directly for higher specificity than the theme's
   default rule on the same class. */
.navbar .navbar-brand .navbar-logo {
  max-height: 35px;
  height: 35px;
  width: auto;
}

/* Lead paragraph styling for the home-page hero. */
.lead {
  font-size: 1.15rem;
  font-weight: 300;
  color: #495057;
  margin: 1.5rem 0 2.5rem;
  max-width: 50rem;
}

/* App cards on the home page — give them air around the buttons. */
.grid .g-col-md-4 h3 {
  margin-bottom: 0.75rem;
}

.grid .g-col-md-4 .btn {
  margin-top: 0.5rem;
  margin-right: 0.25rem;
}

/* App screenshots on the home cards. Aspect ratio fixed to 21:10 to match
   the captured screenshots; object-fit: cover trims any sub-percent
   variance between captures so the grid stays uniform. */
.app-screenshot {
  width: 100%;
  height: auto;
  aspect-ratio: 21 / 10;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 0.75rem;
  display: block;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

/* Make each app screenshot clickable as a launch button. Subtle lift on
   hover communicates clickability since there's no longer a button below. */
.app-card-link {
  display: block;
  text-decoration: none;
}
.app-card-link:hover .app-screenshot {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

/* Tighter callout spacing for the writeup pages — the default has too much
   vertical air around the launch-demo callouts. */
.callout-tip {
  margin: 1.25rem 0;
}

/* Make the math callouts not as visually heavy as default callouts. */
.callout-note.callout-style-simple {
  background-color: #f8f9fa;
  border-left: 3px solid #adb5bd;
}