/* RDCA shared layout. Change these tokens to adjust every migrated section. */
:root {
  --rdca-layout-max: 75rem; /* 1200px including side padding at the default text size */
  --rdca-layout-narrow: 48rem;
  --rdca-layout-gutter: clamp(1rem, 3vw, 2rem);
  --rdca-layout-gap: clamp(1rem, 2vw, 1.5rem);
  --rdca-layout-gap-large: clamp(1.5rem, 4vw, 3rem);
  --rdca-layout-section: clamp(2rem, 5vw, 4.5rem);
  --container-max: var(--rdca-layout-max);
  --container-pad: var(--rdca-layout-gutter);
}
.apt-container,
.apt-container-fluid {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--rdca-layout-max);
  margin-inline: auto;
  padding-inline: var(--rdca-layout-gutter);
}
.apt-container--narrow { max-width:var(--rdca-layout-narrow); }
.apt-container-fluid { max-width:none; }
/* Nest grids, not containers: a nested container deliberately keeps its gutters. */
.apt-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:var(--rdca-layout-gap); }
.apt-grid > * { min-width:0; }
.apt-grid--center { align-items:center; }
.apt-grid--start { align-items:start; }
.apt-grid--gap-large { gap:var(--rdca-layout-gap-large); }
.apt-grid--mobile-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.apt-section-space { padding-block:var(--rdca-layout-section); }
/* Shared breakpoints: 768px tablet, 1024px desktop at a 16px default. */
@media(min-width:48rem) {
  .apt-grid--2,.apt-grid--3,.apt-grid--4,.apt-grid--5 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .apt-grid--5 { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(min-width:64rem) {
  .apt-grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .apt-grid--4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .apt-grid--5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
}
