/* Adobe Fonts is gone (docs/decisions.md). This keeps the same shape of type from the system's own fonts. */
body { font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
[hidden] { display: none !important; }
/* The logo is a fixed 354px wide, which made phones scroll sideways (ADD-308). Below the desktop layout, it shrinks to fit beside the menu button and the bag. */
@media (max-width: 1023.98px) {
  header nav > .mx-auto { flex: 0 1 354px; min-width: 0; }
  header nav > .mx-auto > a { display: block; }
  header nav > .mx-auto svg { width: 100%; height: auto; }
  /* The home page's three training columns stuck out past their parent. */
  .max-w-\[900px\] > .-mx-4 { margin-left: 0; margin-right: 0; }
}
/* On a phone, those columns' long headings don't fit a third of the screen. */
@media (max-width: 639.98px) {
  .max-w-\[900px\] > .-mx-4 { flex-direction: column; }
  .max-w-\[900px\] > .-mx-4 > div { width: 100%; }
}
/* Two spacings the old compiled stylesheet doesn't carry, for the app's own messages and forms. */
.mb-4 { margin-bottom: 1rem; }
.mb-6 { margin-bottom: 1.5rem; }