/* ==========================================================
   CDS Journey redesign — global layout primitives
   Design-system-lock phase. Namespace: .rd-container

   ONE canonical responsive container for content alignment across the
   whole redesign (public pages, header, disclaimer, and the student
   portal). Horizontal alignment/width ONLY -- no vertical padding, no
   background, no component-specific behaviour belongs here. A
   component that also needs vertical padding or other spacing adds
   its own rules on top (a second class, or a descendant selector) --
   it must not redeclare max-width/margin/padding-inline itself.

   Do not create hero-container / header-container / section-container
   / card-container variants -- if a section genuinely needs a
   narrower reading width than 1280px (e.g. a long-form paragraph),
   constrain that specific element with its own max-width, but the
   OUTER alignment still comes from .rd-container.
   ========================================================== */

.rd-container {
    width: 100%;
    max-width: var(--rd-content-max-width, 1280px);
    margin-inline: auto;
    padding-inline: var(--rd-content-padding-mobile, 20px);
}

@media (min-width: 768px) {
    .rd-container {
        padding-inline: var(--rd-content-padding-tablet, 32px);
    }
}

@media (min-width: 1200px) {
    .rd-container {
        padding-inline: var(--rd-content-padding, 32px);
    }
}