/* ===== AVIATOR GLOBAL EDITOR CSS ===== */
/* Generated: 2025-12-21 19:39:20 */

:root, html {
  /* Base Typography Scaling */
  --baseFontSize: 16px;
  --scaleFontSize: 1.05;
  --lineHeight: 1.7;
  --scaleLineHeight: 0.97;

  /* Max Width Scaling */
  --readableMaxWidth: 70ch;
  --scaleMaxWidth: 0.94;

  /* Responsive Typography */
  @media (min-width: 768px) {
    --baseFontSize: 16px;
    --scaleFontSize: 1.06;
  }

  @media (min-width: 1024px) {
    --baseFontSize: 17px;
    --scaleFontSize: 1.07;
  }

  @media (min-width: 1280px) {
    --baseFontSize: 17px;
    --scaleFontSize: 1.08;
  }

  @media (min-width: 1536px) {
    --baseFontSize: 18px;
    --scaleFontSize: 1.09;
  }

  /* Eyebrow Text Styles */
  --eyebrowFontFamily: HafferMono, system-ui, sans-serif;
  --eyebrowFontWeight: 500;
  --eyebrowLetterSpacing: .1em;
  --eyebrowMarginBottom: 1.5rem;
  --eyebrowTextTransform: uppercase;

  /* Heading Styles */
  --headingFontFamily: Haffer, system-ui, sans-serif;
  --headingFontWeight: 300;
  --headingLetterSpacing: -0.015em;
  --headingMarginBottom: .5em;
  --headingTextWrap: balance;

  /* Text Styles */
  --textFontFamily: Haffer, system-ui, sans-serif;
  --readableFontWeight: 300;
  --strongFontWeight: 600;
  --readableMarginBottom: 1.5em;
  --readableTextWrap: pretty;

  /* Max Width Calculations - Based on Scale Factor */
  --typeMaxWidth-3: var(--readableMaxWidth);
  --typeMaxWidth-2: calc(var(--typeMaxWidth-3) * var(--scaleMaxWidth));
  --typeMaxWidth-1: calc(var(--typeMaxWidth-2) * var(--scaleMaxWidth));
  --typeMaxWidth0: calc(var(--typeMaxWidth-1) * var(--scaleMaxWidth));
  --typeMaxWidth1: calc(var(--typeMaxWidth0) * var(--scaleMaxWidth));
  --typeMaxWidth2: calc(var(--typeMaxWidth1) * var(--scaleMaxWidth));
  --typeMaxWidth3: calc(var(--typeMaxWidth2) * var(--scaleMaxWidth));
  --typeMaxWidth4: calc(var(--typeMaxWidth3) * var(--scaleMaxWidth));
  --typeMaxWidth5: calc(var(--typeMaxWidth4) * var(--scaleMaxWidth));
  --typeMaxWidth6: calc(var(--typeMaxWidth5) * var(--scaleMaxWidth));
  --typeMaxWidth7: calc(var(--typeMaxWidth6) * var(--scaleMaxWidth));
  --typeMaxWidth8: calc(var(--typeMaxWidth7) * var(--scaleMaxWidth));
  --typeMaxWidth9: calc(var(--typeMaxWidth8) * var(--scaleMaxWidth));
  --typeMaxWidth10: calc(var(--typeMaxWidth9) * var(--scaleMaxWidth));
  --typeMaxWidth11: calc(var(--typeMaxWidth10) * var(--scaleMaxWidth));
  --typeMaxWidth12: calc(var(--typeMaxWidth11) * var(--scaleMaxWidth));
  --typeMaxWidth13: calc(var(--typeMaxWidth12) * var(--scaleMaxWidth));
  --typeMaxWidth14: calc(var(--typeMaxWidth13) * var(--scaleMaxWidth));
  --typeMaxWidth15: calc(var(--typeMaxWidth14) * var(--scaleMaxWidth));
  --typeMaxWidth16: calc(var(--typeMaxWidth15) * var(--scaleMaxWidth));
  --typeMaxWidth17: calc(var(--typeMaxWidth16) * var(--scaleMaxWidth));

  /* Semantic Max Width Mappings */
  --biggestMaxWidth: var(--typeMaxWidth17);
  --biggerMaxWidth: var(--typeMaxWidth14);
  --bigMaxWidth: var(--typeMaxWidth11);
  --largestMaxWidth: var(--typeMaxWidth8);
  --largerMaxWidth: var(--typeMaxWidth5);
  --largeMaxWidth: var(--typeMaxWidth2);
  --mediumMaxWidth: var(--typeMaxWidth0);
  --smallMaxWidth: var(--typeMaxWidth-1);
  --smallerMaxWidth: var(--typeMaxWidth-2);
  --smallestMaxWidth: var(--typeMaxWidth-3);
}

/* Typography Utility Classes */
.eyebrow {
  font-weight: var(--eyebrowFontWeight);
  letter-spacing: var(--eyebrowLetterSpacing);
  margin-bottom: var(--eyebrowMarginBottom);
  text-transform: var(--eyebrowTextTransform);
}

.readable {
  font-family: var(--textFontFamily);
  font-weight: var(--readableFontWeight);
  margin-bottom: var(--readableMarginBottom);
  text-wrap: var(--readableTextWrap);
  max-width: var(--readableMaxWidth);
}

strong, b {
  font-weight: var(--strongFontWeight);
}


:root {
  /* Primary palette (zinc) */
  --p-000: 250 250 250;
  --p-100: 244 244 245;
  --p-200: 228 228 231;
  --p-300: 212 212 216;
  --p-400: 161 161 170;
  --p-500: 113 113 122;
  --p-600: 82 82 91;
  --p-700: 63 63 70;
  --p-800: 39 39 42;
  --p-900: 24 24 27;
  --p-1000: 9 9 11;

  /* Accent palette (blue) */
  --a-000: 239 246 255;
  --a-100: 219 234 254;
  --a-200: 191 219 254;
  --a-300: 147 197 253;
  --a-400: 96 165 250;
  --a-500: 59 130 246;
  --a-600: 37 99 235;
  --a-700: 29 78 216;
  --a-800: 30 64 175;
  --a-900: 30 58 138;
  --a-1000: 23 37 84;

  /* RGB function wrapped custom properties - Primary */
  --color-p-000: rgb(var(--p-000));
  --color-p-100: rgb(var(--p-100));
  --color-p-200: rgb(var(--p-200));
  --color-p-300: rgb(var(--p-300));
  --color-p-400: rgb(var(--p-400));
  --color-p-500: rgb(var(--p-500));
  --color-p-600: rgb(var(--p-600));
  --color-p-700: rgb(var(--p-700));
  --color-p-800: rgb(var(--p-800));
  --color-p-900: rgb(var(--p-900));
  --color-p-1000: rgb(var(--p-1000));

  /* RGB function wrapped custom properties - Accent */
  --color-a-000: rgb(var(--a-000));
  --color-a-100: rgb(var(--a-100));
  --color-a-200: rgb(var(--a-200));
  --color-a-300: rgb(var(--a-300));
  --color-a-400: rgb(var(--a-400));
  --color-a-500: rgb(var(--a-500));
  --color-a-600: rgb(var(--a-600));
  --color-a-700: rgb(var(--a-700));
  --color-a-800: rgb(var(--a-800));
  --color-a-900: rgb(var(--a-900));
  --color-a-1000: rgb(var(--a-1000));
}




:root {
  --headerHeight: 5rem;
}

p {
  font-weight: 300;
}

/** Summary Details **/

summary {
  position: relative;
  padding: 2rem;
}

details > summary {
  list-style: none;
  cursor: pointer;
}

summary:after {
  content: '×';
  position: absolute;
  right: 2rem;
  top: 2rem;
  height: 2rem;
  width: 2rem;
  border: 1px solid;
  display: grid;
  place-content: center;
  border-radius: 100%;
  cursor: pointer;
  transform: rotate(45deg);
  transition: all .5s ease;
}

details[open] summary:after {
  transform: rotate(0deg);

}

details {
  border: 1px solid var(--contrastLow);
  border-radius: .5rem;
  width: 100%;
}

details p {
  margin-bottom: 1rem;
}

details ul p {
  margin-bottom: .5em;
}

main ul {
  list-style: disc;
  padding-left: 1em;
  font-weight: 300;
}

header {
  height: --headerHeight;
  position: fixed;
  width: 100%;
  top: 0;
  background: inherit;
  z-index: 1;
}

/**  Search **/

@media(max-width:767px) {
  .search-trigger-text {
    display: none;
  }

  .search-trigger {
    background: none;
    border: none;
  }
}

/** FORMS **/

body.dark legend,
body.dark label {
  color: var(--color-p-000) !important;
}

/** UTILITIES **/

.materials-content b {
  margin-bottom: var(--headingMarginBottom);
  font-family: var(--headingFontFamily);
  font-weight: var(--headingFontWeight);
  letter-spacing: var(--headingLetterSpacing);
  color: var(--contrastHighest, inherit);
  text-wrap: balance;
  font-size: var(--mediumFontSize);
  line-height: var(--mediumLineHeight);
  max-width: var(--mediumMaxWidth);
  display: block;
}