/* FWLS — Layout Standard Utility Classes
   Defines the three standard layout classes for all member-facing content pages.
   See docs/LAYOUT-STANDARD.md for usage guidance.
*/

/* Standard page content area — scrollable, centered, padded */
.page-content {
  flex: 1 1 0%;
  overflow-y: auto;
  padding: 1.25rem;          /* px-5 py-5 */
  max-width: 48rem;          /* ~768px readable width */
  margin: 0 auto;
  width: 100%;
}

/* Standard section card — rounded container */
.page-card {
  background: rgba(255,255,255,0.04);   /* bg-white/[0.04] */
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 0.75rem;              /* rounded-xl */
  padding: 1rem;                        /* p-4 */
}

/* Standard page header — sticky top bar */
.page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 1.25rem;            /* py-3.5 px-5 */
  flex-shrink: 0;
}