/* The Archive mark supplies cyan, blue, violet, and magenta. */
:root { --md-text-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --md-code-font: "SFMono-Regular", Consolas, monospace; }
[data-md-color-scheme="default"] { --md-primary-fg-color: #242344; --md-accent-fg-color: #6550d7; --md-default-bg-color: #fbfbfe; --md-typeset-a-color: #5642bd; }
[data-md-color-scheme="slate"] { --md-hue: 243; --md-primary-fg-color: #181828; --md-accent-fg-color: #8ce2ee; --md-default-bg-color: #151521; --md-typeset-a-color: #a5b6ff; }
.md-header { border-bottom: 3px solid transparent; border-image: linear-gradient(90deg,#00d9e4,#4385ff,#8553ec,#c333ef) 1; }
.md-header__button.md-logo img { height: 1.65rem; width: 1.65rem; object-fit: contain; }
.md-typeset h1 { font-weight: 700; letter-spacing: -.035em; color: var(--md-default-fg-color); }
.md-typeset h2 { font-weight: 650; letter-spacing: -.02em; }
.md-typeset { line-height: 1.7; }
.aesop-hero { display: flex; align-items: center; gap: 2rem; margin: 1rem 0 2rem; padding: 2rem; border: 1px solid var(--md-default-fg-color--lightest); border-radius: 1rem; background: linear-gradient(135deg,rgba(0,205,220,.06),rgba(145,60,230,.07)); }
.aesop-hero .hero-copy { flex: 1; }
.aesop-hero .hero-copy h1 { margin: 0 0 .6rem; }
.aesop-hero .hero-copy p { margin: .5rem 0; }
.aesop-hero img { width: 170px; flex-shrink: 0; }
.md-typeset .md-button { border-radius: .35rem; margin: .3rem .35rem .3rem 0; padding: .5em 1.1em; font-size: .8rem; }
.md-typeset table:not([class]) { font-size: .72rem; }
@media(max-width: 650px) { .aesop-hero { padding: 1.25rem; gap: 1rem; } .aesop-hero img { width: 85px; } }
@media(max-width: 380px) { .aesop-hero { flex-direction: column-reverse; align-items: flex-start; } }
.md-typeset .md-button { color: var(--md-typeset-a-color); border-color: var(--md-typeset-a-color); }
.md-typeset .md-button--primary { color: #fff; background: #6550d7; border-color: #6550d7; }
.md-typeset .md-button:hover, .md-typeset .md-button:focus { color: #fff; background: #6550d7; border-color: #6550d7; }

/* Match Overview to section headings and retain the mobile drawer controls. */
@media (min-width: 76.25em) {
  .md-nav--primary > .md-nav__title { display: none; }
  .md-nav--primary > .md-nav__list > .md-nav__item:first-child > .md-nav__link {
    font-size: inherit;
    font-weight: 700;
    margin-top: 0;
  }
}

/* Keep all navigation links reachable when the viewport is shorter than the tree. */
.md-sidebar--primary .md-sidebar__scrollwrap { overflow-y: auto; overscroll-behavior-y: contain; }
