/**
 * Rise Theme Layout
 * 76rem max-width, centered content, white cards
 */

/* HTML base (Rise sets font-size to 62.5% for rem calculations) */
html {
  font-size: 62.5% !important;  /* 1rem = 10px - override any defaults */
}

/* Body styling - Typography only, NO width constraints */
/* Width/layout handled by lesson_wrapper_template.html */
body {
  font-family: var(--rise-font-family) !important;
  font-size: var(--rise-font-size-base) !important;  /* 1.6rem = 16px */
  line-height: var(--rise-line-height-base) !important;
  color: var(--rise-color-text) !important;
  background: var(--rise-color-background) !important;
  /* NO max-width, margin, or padding - let template handle layout */
}

/* ===== CONTENT CENTERING - UNIFIED FOR ALL BLOCKS ===== */
/* Applies to both beta (.ade-block) and rise (block-*) blocks */
/* Matches Rise 360 centering: 76rem max-width, centered with margin-inline: auto */

/* Beta blocks - Add centering container */
.ade-block {
  max-width: 76rem;
  margin-left: auto;
  margin-right: auto;
  /* Add internal padding for content breathing room */
  padding-left: 3rem !important;
  padding-right: 3rem !important;
  box-sizing: border-box;  /* Include padding in width */
}

/* Full-width blocks: remove max-width and padding constraints for edge-to-edge backgrounds */
.ade-block.ade-continue--custom-width-lg,
.ade-block.ade-continue--custom-width-med,
.ade-block.ade-continue--custom-width-sm,
.ade-block.ade-continue,
.ade-block.ade-footnotes {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Rise V2 blocks - Wrapper is FULL WIDTH (for backgrounds) */
.block-wrapper {
  width: 100%;
  /* NO max-width - backgrounds span full width */
  /* Only inner content (__col) is constrained */
}

/* Rise V2 content wrappers - Center the actual content at 76rem */
.block-text__col,
.block-statement__col,
.block-quote__col {
  width: 76rem;
  max-width: 100%;  /* Responsive: don't exceed screen width */
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* First block less margin */
.ade-block:first-of-type {
  margin-top: var(--rise-space-md);
}

/* Last block less margin */
.ade-block:last-of-type {
  margin-bottom: var(--rise-space-md);
}

/* Responsive adjustments */
@media (max-width: 1280px) {
  .ade-block {
    padding: var(--rise-space-lg);
  }
}

@media (max-width: 768px) {
  .ade-block {
    padding: var(--rise-space-md);
    margin: var(--rise-space-md) 0;
  }
}