/* src/styles/style.css */
:root {
  --section-space-xs clamp(1.5802469136rem, calc(2.4757201646vw + 1.0232098765rem), 2.88rem): clamp(1.5802469136rem, calc(2.4757201646vw + 1.0232098765rem), 2.88rem);
  --section-space-s: clamp(1.7777777778rem, calc(3.4708994709vw + 0.9968253968rem), 3.6rem);
  --section-space-m: clamp(2rem, calc(4.7619047619vw + 0.9285714286rem), 4.5rem);
  --section-space-l: clamp(2.25rem, calc(6.4285714286vw + 0.8035714286rem), 5.625rem);
  --section-space-xl: clamp(2.53125rem, calc(8.5714285714vw + 0.6026785714rem), 7.03125rem);
  --section-space-xxl: clamp(2.84765625rem, calc(11.3169642857vw + 0.3013392857rem), 8.7890625rem);
  --section-padding-x: clamp(1rem, calc(1.9047619048vw + 0.5714285714rem), 2rem);
  --gutter: clamp(1rem, calc(1.9047619048vw + 0.5714285714rem), 2rem);
}

section:where(:not(.shape-divider)) {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--container-gap);
}
:where(section:not(section section)) {
    padding-block: var(--section-padding-block);
    padding-inline: var(--gutter);
}

body:not(:has([data-sticky-header="0"]),.content-offset--off) main:not(.panel-content)>*:first-child>*:first-child:not(.shape-divider), main>*:first-child>.shape-divider~.container {
    margin-block-start: var(--header-height);
}

.container {
    width: var(--content-width);
}
section>div:where(:not(.shape-divider)) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--content-gap);
}