/* Site-specific layout for mrmaling.com. Design tokens, fonts, and shared
   primitives (buttons, badges, tables, forms) live in shared.css, copied
   from the same design system as Primary Source Navigator. This file only
   holds the page structure that's specific to this site. */

/* Floating pinned-card title, same treatment as Primary Source Navigator's
   #app-title (student.css). */
#app-title {
  position: fixed;
  top: 2rem;
  left: 2rem;
  background-color: var(--paper);
  box-shadow: 0 2px 5px var(--shadow-panel);
  border-radius: 3px;
  padding: 0.5rem 0.9rem;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.01em;
  color: var(--ink);
  z-index: 45;
  pointer-events: none;
  transform: rotate(-1.4deg);
}

@media (max-width: 720px) {
  #app-title { top: 1rem; left: 1rem; font-size: 18px; }
}

#main-content {
  position: relative;
  z-index: 1;
  padding: 2.5rem 1.5rem;
}