/* Profile palette: aliases of the theme tokens so profiles, directories and the rest of the site share one set of colours. */
:root {
  color-scheme: light;
  --aq-page-bg:var(--ug-surface, #f6f4ea);
  --aq-surface:var(--ug-surface-white, #fff);
  --aq-surface-soft:var(--ug-surface-soft, #eaf3ef);
  --aq-text:var(--ug-text, #14201e);
  --aq-text-muted:var(--ug-text-muted, #52645f);
  --aq-heading:var(--ug-text, #14201e);
  --aq-border:var(--ug-border, #cad8d2);
  --aq-accent:var(--ug-teal, #087861);
  --aq-accent-hover:var(--ug-deep, #063f36);
  --aq-focus:var(--ug-focus-ring, #087861);
  --aq-shadow:var(--ug-shadow-card, 0 12px 28px rgba(6,63,54,.14));
  --aq-ink:var(--aq-text);
  --aq-muted:var(--aq-text-muted);
  --aq-line:var(--aq-border);
  --aq-soft:var(--aq-surface-soft);
  --aq-aqua:var(--aq-accent);
  --aq-aqua-dark:var(--aq-accent-hover);
}
html[data-aq-theme=dark] {
  color-scheme: dark;
  --aq-page-bg:var(--ug-abyss, #071512);
  --aq-surface:var(--ug-surface-card-dark, #142a25);
  --aq-surface-soft:var(--ug-forest, #0d2b25);
  --aq-text:#e7efed;
  --aq-text-muted:var(--ug-text-inverse-muted, #b5c5c0);
  --aq-heading:var(--ug-text-inverse, #fff);
  --aq-border:var(--ug-border-dark, #28413b);
  --aq-accent:var(--ug-mint, #83dfca);
  --aq-accent-hover:var(--ug-link-dark, #86dbc9);
  --aq-focus:var(--ug-mint, #83dfca);
  --aq-shadow:0 16px 38px rgba(0,0,0,.3);
}
/* The theme's pagination (mero_pagination) on dark pages. */
html[data-aq-theme=dark] .mero-pagination {
  --mero-pagination-ink:var(--aq-text);
  --mero-pagination-muted:var(--aq-text-muted);
  --mero-pagination-bg:var(--aq-surface);
  --mero-pagination-border:var(--aq-border);
  --mero-pagination-hover:var(--aq-accent);
  --mero-pagination-current-bg:var(--ug-plant, #baf598);
  --mero-pagination-current-ink:var(--ug-deep, #063f36);
}
body.aq-species-preview-theme {
  background: var(--aq-page-bg);
  color: var(--aq-text);
}
.aq-species-profile.aq-preview {
  max-width: none;
  padding: clamp(1.25rem, 4vw, 4rem) 0;
  background: var(--aq-page-bg);
  color: var(--aq-text);
}
/* Profiles are as wide as the header's logo-to-menu group (--mero-header-width, from the theme script). */
.aq-page-container {
  position: relative;
  width: min(100% - 2rem, var(--mero-header-width, 1240px));
  margin-inline: auto;
}
.aq-preview h1,
.aq-preview h2,
.aq-preview h3 {
  color: var(--aq-heading);
}
.aq-preview a {
  color: var(--aq-accent);
}
.aq-preview a:focus-visible,
.aq-theme-toggle:focus-visible {
  outline-color: var(--aq-focus);
}
.aq-preview-banner,
.aq-parameter-caveat {
  background: var(--aq-surface-soft) !important;
  color: var(--aq-text) !important;
  border-color: var(--aq-border) !important;
}
.aq-summary {
  background: var(--aq-surface-soft);
  color: var(--aq-text-muted);
}
.aq-preview-toolbar {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
}
/* The theme toggle and share button use the secondary compact button recipe. */
.aq-theme-toggle {
  min-width: 44px;
  min-height: var(--ug-button-height-compact);
  padding: var(--ug-button-padding-compact);
  border: 1px solid var(--ug-button-secondary-border);
  border-radius: var(--ug-control-radius);
  background: transparent;
  color: var(--ug-button-secondary-text);
  font: var(--ug-button-font-compact);
  cursor: pointer;
}
.aq-theme-toggle:hover {
  background: var(--ug-button-secondary-hover-bg);
}
.aq-profile-main p,
.aq-species-section p,
.aq-summary,
.aq-tank-fit p {
  font-size: var(--ug-text-prose);
  line-height: var(--ug-leading-prose);
}
.aq-facts dt {
  font-size: var(--ug-text-sm);
}
.aq-facts dd {
  font-size: var(--ug-text-base);
}
.aq-quick-facts,
.aq-tank-fit,
.aq-empty-state,
.aq-group-card {
  background: var(--aq-surface);
  border-color: var(--aq-border);
  box-shadow: var(--aq-shadow);
}
.aq-badge {
  background: var(--aq-surface);
  color: var(--aq-accent);
  border: 1px solid var(--aq-border);
}
.aq-rich-content {
  color: var(--aq-text);
}
.aq-hero-image {
  background: var(--aq-surface-soft);
}
@media (prefers-reduced-motion: reduce) {
  .aq-species-preview-theme *,
  .aq-species-preview-theme *::before,
  .aq-species-preview-theme *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}
@media (max-width: 649px) {
  .aq-species-profile .aq-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 1rem;
  }
  .aq-species-profile .aq-facts > div {
    display: block;
  }
  .aq-species-profile .aq-facts > div.aq-fact-wide {
    grid-column: 1/-1;
  }
  /* At a Glance: one fact per row so values never wrap in half-width columns. */
  .aq-species-profile .aq-quick-facts .aq-facts {
    grid-template-columns: minmax(0, 1fr);
  }
}