/* File: automatic.css - Version: 4.0.0-dev-28 - Generated: 2025-11-07 17:46:08 */
@layer acss-defaults {
  /* Feat: Reset */
  :root {
    interpolate-size: allow-keywords;
  }
  *, *::before, *::after {
    box-sizing: border-box;
  }
  body {
    min-block-size: 100vh;
  }
  input, button, textarea, select {
    font: inherit;
  }
  :where(dd) {
    margin-inline-start: 0;
  }
  /* Feat: Body, Heading, or Text Defaults */
  html {
    font-size: var(--root-font-size) !important;
  }
  /* Feat: Body Defaults */
  :where(body) {
    font-size: var(--default-font-size, var(--text-m));
    color: var(--text-color);
    line-height: var(--text-line-height);
    text-wrap: var(--text-text-wrap);
    background: var(--body-bg-color, var(--white));
  }
  :where(p) {
    line-height: var(--text-line-height, calc(6px + 2ex));
  }
  /* Feat: Link Defaults */
  body a:where(:not([class*= btn--])) {
    color: var(--link-color, var(--primary));
    font-weight: var(--link-weight, inherit);
    -webkit-text-decoration: var(--link-decoration, inherit);
    text-decoration: var(--link-decoration, inherit);
    text-underline-offset: var(--link-underline-offset, auto);
    transition: var(--link-transition, var(--transition));
  }
  @media (hover: hover) and (pointer: fine) {
    body a:where(:not([class*= btn--])):hover {
      color: var(--link-color-hover, var(--primary-hover));
    }
  }
  /* Feat: Heading Defaults */
  h1, :where(.h1), h2, :where(.h2), h3, :where(.h3), h4, :where(.h4), h5, :where(.h5), h6, :where(.h6) {
    line-height: var(--heading-line-height);
    font-weight: var(--heading-font-weight);
    text-wrap: var(--heading-text-wrap);
  }
  h1 {
    font-size: var(--h1);
    max-width: var(--h1-max-width);
  }
  h2 {
    font-size: var(--h2);
  }
  h3 {
    font-size: var(--h3);
  }
  h4 {
    font-size: var(--h4);
    line-height: var(--h4-line-height);
  }
  h5 {
    font-size: var(--h5);
  }
  h6 {
    font-size: var(--h6);
  }
}
@layer acss-layer-anchors {
  .btn--primary {
    --btn-background: var(--primary);
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary-ultra-light);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .btn--primary-dark {
    --btn-background: var(--primary-dark);
    --btn-background-hover: var(--primary-ultra-dark);
    --btn-text-color: var(--primary-ultra-light);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-color: var(--primary-dark);
    --btn-border-color-hover: var(--primary-ultra-dark);
    --focus-color: var(--primary-semi-dark);
  }
  .btn--primary-light {
    --btn-background: var(--primary-ultra-light);
    --btn-background-hover: var(--primary-light);
    --btn-text-color: var(--primary);
    --btn-text-color-hover: var(--primary-ultra-dark);
    --btn-border-color: var(--primary-ultra-light);
    --btn-border-color-hover: var(--primary-light);
    --focus-color: var(--primary-light);
  }
  .btn--primary.btn--outline {
    --btn-background: transparent;
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-width: 1px;
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .btn--primary-dark.btn--outline {
    --btn-background: transparent;
    --btn-background-hover: var(--primary-dark);
    --btn-text-color: var(--primary-dark);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-width: 1px;
    --btn-border-color: var(--primary-dark);
    --btn-border-color-hover: var(--primary-dark);
    --focus-color: var(--primary-light);
  }
  .btn--primary-light.btn--outline {
    --btn-background: transparent;
    --btn-background-hover: var(--primary-light);
    --btn-text-color: var(--primary-light);
    --btn-text-color-hover: var(--primary-dark);
    --btn-border-width: 1px;
    --btn-border-color: var(--primary-light);
    --btn-border-color-hover: var(--primary-light);
    --focus-color: var(--primary-light);
  }
  [class*="btn--"]:where(:not(.btn--none, .wp-block-button)), [class*="btn--"].wp-block-button > .wp-block-button__link {
    background: var(--btn-background);
    color: var(--btn-text-color);
    padding-block: var(--btn-padding-block);
    padding-inline: var(--btn-padding-inline);
    inline-size: var(--btn-width, auto);
    min-inline-size: var(--btn-min-width);
    line-height: var(--btn-line-height);
    font-size: var(--btn-font-size, var(--text-m));
    font-weight: var(--btn-font-weight);
    font-style: var(--btn-font-style);
    text-transform: var(--btn-text-transform);
    letter-spacing: var(--btn-letter-spacing);
    text-decoration: var(--btn-text-decoration);
    border-width: var(--btn-border-width);
    border-style: var(--btn-border-style);
    border-radius: var(--btn-border-radius);
    border-color: var(--btn-border-color);
    transition: var(--btn-transition, var(--transition));
    justify-content: var(--btn-justify-content, center);
    text-align: var(--btn-text-align, center);
    display: var(--btn-display, inline-flex);
  }
  @media (hover: hover) and (pointer: fine) {
    [class*="btn--"]:where(:not(.btn--none, .wp-block-button)):hover, [class*="btn--"].wp-block-button > .wp-block-button__link:hover {
      background: var(--btn-background-hover);
      color: var(--btn-text-color-hover);
      border-color: var(--btn-border-color-hover);
      text-decoration: var(--btn-text-decoration-hover);
    }
  }
  [class*="btn--"]:where(:not(.btn--none, .wp-block-button)):where(:focus-visible), [class*="btn--"].wp-block-button > .wp-block-button__link:where(:focus-visible) {
    outline-style: solid;
    outline-color: var(--focus-color);
    outline-width: var(--focus-width);
    outline-offset: var(--focus-offset);
  }
  .btn--xs {
    font-size: var(--text-xs);
  }
  .btn--s {
    font-size: var(--text-s);
  }
  .btn--m {
    font-size: var(--text-m);
  }
  .btn--l {
    font-size: var(--text-l);
  }
  .btn--xl {
    font-size: var(--text-xl);
  }
  .btn--xxl {
    font-size: var(--text-xxl);
  }
  .btn--none {
    background: none;
    border: none;
  }
}
@layer acss-layer-utilities {
  /* Feat: Smooth Scrolling */
  html {
    scroll-behavior: smooth;
  }
  html:focus-within {
    scroll-behavior: auto;
  }
  @media (prefers-reduced-motion: reduce) {
    html:focus-within {
      scroll-behavior: auto;
    }
    *, *::before, *::after {
      -webkit-animation-duration: 0.01ms !important;
      animation-duration: 0.01ms !important;
      -webkit-animation-iteration-count: 1 !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
  /* Feat: Focus Styles */
  :focus {
    outline: none;
    box-shadow: none;
  }
  :focus-visible {
    outline-style: solid;
    outline-color: var(--focus-color);
    outline-width: var(--focus-width);
    outline-offset: var(--focus-offset);
  }
  @supports not selector(:focus-visible) {
    :focus {
      outline-style: solid;
      outline-color: var(--focus-color);
      outline-width: var(--focus-width);
      outline-offset: var(--focus-offset);
    }
  }
  /* Feat: Focus Classes */
  .focus--primary {
    --focus-color: var(--primary);
  }
  .focus--neutral {
    --focus-color: var(--neutral);
  }
  .focus--white {
    --focus-color: var(--white);
  }
  /* Feat: Default Section Styles */
  :where(section:not(section section)) {
    display: flex;
    flex-direction: column;
    padding-block: var(--section-padding-block);
    padding-inline: var(--gutter);
  }
  :root, .color-scheme--main {
    --bg-ultra-light-text: var(--text-dark);
    --bg-light-text: var(--text-dark);
    --bg-dark-text: var(--text-light);
    --bg-ultra-dark-text: var(--text-light);
    --bg-ultra-light-heading: var(--text-dark);
    --bg-light-heading: var(--text-dark);
    --bg-dark-heading: var(--text-light);
    --bg-ultra-dark-heading: var(--text-light);
  }
  .color-scheme--alt {
    --bg-ultra-light-text: var(--text-dark);
    --bg-light-text: var(--text-dark);
    --bg-dark-text: var(--text-light);
    --bg-ultra-dark-text: var(--text-light);
    --bg-ultra-light-heading: var(--text-dark);
    --bg-light-heading: var(--text-dark);
    --bg-dark-heading: var(--text-light);
    --bg-ultra-dark-heading: var(--text-light);
    --bg-ultra-dark-text: var(--text-light);
  }
  :where(.bg--ultra-light) {
    --relative-text-color: var(--bg-ultra-light-text);
    color: var(--relative-text-color, inherit);
  }
  :where(.bg--light) {
    --relative-text-color: var(--bg-light-text);
    color: var(--relative-text-color, inherit);
  }
  :where(.bg--dark) {
    --relative-text-color: var(--bg-dark-text);
    color: var(--relative-text-color, inherit);
  }
  :where(.bg--ultra-dark) {
    --relative-text-color: var(--bg-ultra-dark-text);
    color: var(--relative-text-color, inherit);
  }
  .bg--ultra-light :where(h1, h2, h3, h4, h5, h6) {
    color: var(--relative-heading-color, inherit);
  }
  .bg--light :where(h1, h2, h3, h4, h5, h6) {
    color: var(--relative-heading-color, inherit);
  }
  .bg--dark :where(h1, h2, h3, h4, h5, h6) {
    color: var(--relative-heading-color, inherit);
  }
  .bg--ultra-dark :where(h1, h2, h3, h4, h5, h6) {
    color: var(--relative-heading-color, inherit);
  }
  .bg--ultra-light {
    --relative-heading-color: var(--bg-ultra-light-heading);
  }
  .bg--light {
    --relative-heading-color: var(--bg-light-heading);
  }
  .bg--dark {
    --relative-heading-color: var(--bg-dark-heading);
  }
  .bg--ultra-dark {
    --relative-heading-color: var(--bg-ultra-dark-heading);
  }
  .bg--ultra-light [class*="btn--"]:not(.unrelate) {
    --btn-background: var(--primary);
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary-ultra-light);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .bg--ultra-light [class*="btn--"]:not(.unrelate).btn--outline {
    --btn-background: transparent;
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-width: 1px;
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .bg--light [class*="btn--"]:not(.unrelate) {
    --btn-background: var(--primary);
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary-ultra-light);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .bg--light [class*="btn--"]:not(.unrelate).btn--outline {
    --btn-background: transparent;
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-width: 1px;
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .bg--dark [class*="btn--"]:not(.unrelate) {
    --btn-background: var(--primary);
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary-ultra-light);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .bg--dark [class*="btn--"]:not(.unrelate).btn--outline {
    --btn-background: transparent;
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-width: 1px;
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .bg--ultra-dark [class*="btn--"]:not(.unrelate) {
    --btn-background: var(--primary);
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary-ultra-light);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .bg--ultra-dark [class*="btn--"]:not(.unrelate).btn--outline {
    --btn-background: transparent;
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-width: 1px;
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  body blockquote {
    text-wrap: pretty;
  }
  /* Feat: Auto Object Fit */
  img {
    object-fit: var(--object-fit, cover);
    object-position: var(--object-position, 50% 50%);
  }
  /* Feat: Order */
  .order--first {
    order: -1;
  }
  .order--last {
    order: 999;
  }
  .col-end--last {
    grid-column-end: -1;
  }
  @media (max-width: 1440px) {
    .order--first-2xl {
      order: -1;
    }
    .order--last-2xl {
      order: 999;
    }
    .col-end--2xl-last {
      grid-column-end: -1;
    }
  }
  @media (max-width: 1366px) {
    .order--first-xl {
      order: -1;
    }
    .order--last-xl {
      order: 999;
    }
    .col-end--xl-last {
      grid-column-end: -1;
    }
  }
  @media (max-width: 992px) {
    .order--first-lg {
      order: -1;
    }
    .order--last-lg {
      order: 999;
    }
    .col-end--lg-last {
      grid-column-end: -1;
    }
  }
  @media (max-width: 768px) {
    .order--first-md {
      order: -1;
    }
    .order--last-md {
      order: 999;
    }
    .col-end--md-last {
      grid-column-end: -1;
    }
  }
  @media (max-width: 480px) {
    .order--first-sm {
      order: -1;
    }
    .order--last-sm {
      order: 999;
    }
    .col-end--sm-last {
      grid-column-end: -1;
    }
  }
  @media (max-width: 360px) {
    .order--first-xs {
      order: -1;
    }
    .order--last-xs {
      order: 999;
    }
    .col-end--xs-last {
      grid-column-end: -1;
    }
  }
  /* Feat: Auto Container Gap */
  :where(section:not(section section)) {
    gap: var(--container-gap);
  }
  /* Feat: Auto Content Gap */
  :where(section:not(section section)) > :where(div, ul, ol) {
    gap: var(--content-gap);
  }
  /* Feat: Auto Container Gap */
  :where([data-etch-element="flex-div"]:not(main)) {
    gap: var(--content-gap);
  }
  /* Feat: Auto Grid Gap */
  section > div:where([class*="grid--"]), :where([class*="grid--"]) {
    gap: var(--grid-gap);
  }
}
/* Feat: Default Section Styles */
#shadow-host-companion {
  padding: 0;
}