body { min-height: 100%; min-height: 100svh; background: #fff; position: relative; }
html, body { overflow-x: hidden; }
* { min-inline-size: 0; }
section { width: 100%; padding: 24px 0; overflow-x: auto; }
.container { width: 100%; max-width: 1200px; padding: 0 24px 24px; margin: 0 auto; float: none; }
.hidden, .visually-hidden { display: none !important; }
.toggles { overflow: hidden; max-height: 100svh; transition: all 1s ease; }
.closed { opacity: 0 !important; max-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }

@media (max-width: 767px) {
    .hidden-sm, .md, .lg, .xl, 
    .text-justify > .hidden-sm, .text-center > .hidden-sm, .text-left > .hidden-sm, .text-right > .hidden-sm, 
    .text-justify > .md, .text-center > .md, .text-left > .md, .text-right > .md, 
    .text-justify > .lg, .text-center > .lg, .text-left > .lg, .text-right > .lg, 
    .text-justify > .xl, .text-center > .xl, .text-left > .xl, .text-right > .xl { display: none !important; }
    .closed-sm { opacity: 0 !important; max-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
    .container { max-width: 100%; }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .hidden-md, .sm, .lg, .xl, 
    .text-justify > .hidden-md, .text-center > .hidden-md, .text-left > .hidden-md, .text-right > .hidden-md, 
    .text-justify > .sm, .text-center > .sm, .text-left > .sm, .text-right > .sm, 
    .text-justify > .lg, .text-center > .lg, .text-left > .lg, .text-right > .lg, 
    .text-justify > .xl, .text-center > .xl, .text-left > .xl, .text-right > .xl { display: none !important; }
    .closed-md { opacity: 0 !important; max-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
    .hidden-lg, .sm, .md, .xl, 
    .text-justify > .hidden-lg, .text-center > .hidden-lg, .text-left > .hidden-lg, .text-right > .hidden-lg, 
    .text-justify > .sm, .text-center > .sm, .text-left > .sm, .text-right > .sm, 
    .text-justify > .md, .text-center > .md, .text-left > .md, .text-right > .md, 
    .text-justify > .xl, .text-center > .xl, .text-left > .xl, .text-right > .xl { display: none !important; }
    .closed-lg { opacity: 0 !important; max-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
}
@media (min-width: 1280px) {
    .hidden-xl, .sm, .md, .lg, 
    .text-justify > .hidden-xl, .text-center > .hidden-xl, .text-left > .hidden-xl, .text-right > .hidden-xl, 
    .text-justify > .sm, .text-center > .sm, .text-left > .sm, .text-right > .sm, 
    .text-justify > .md, .text-center > .md, .text-left > .md, .text-right > .md, 
    .text-justify > .lg, .text-center > .lg, .text-left > .lg, .text-right > .lg { display: none !important; }
    .closed-xl { opacity: 0 !important; max-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
}