/*
 * Copyright 2026 Asim Ihsan
 *
 * This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
 * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
 *
 * SPDX-License-Identifier: MPL-2.0
 */

/*
 * Rendered SheepText diagrams (`.. sheeptext::` and the gallery directive) use a
 * FIXED light palette (light box fills, dark strokes). On the furo dark theme the
 * dark connector strokes would draw straight onto the dark page and nearly vanish
 * (browser-review finding H1). Give every diagram a fixed light "card" surface in
 * BOTH themes so the palette always sits on a light background, and let wide
 * diagrams scale down / scroll on narrow viewports instead of clipping (M1).
 */
.sheeptext-diagram {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 1rem;
  margin: 1rem 0;
  overflow-x: auto;
}

.sheeptext-diagram svg {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

/* Examples gallery cards (task-00000271). Theme-aware chrome via furo's CSS
   variables, with plain fallbacks for non-furo builds. */
.sheeptext-example {
  border: 1px solid var(--color-background-border, #e2e8f0);
  border-radius: 12px;
  padding: 1rem 1.25rem 1.25rem;
  margin: 1.75rem 0;
}

.sheeptext-example-label {
  font-size: 1.15rem;
  margin: 0 0 0.2rem;
}

.sheeptext-example-caption {
  margin: 0 0 0.75rem;
  color: var(--color-foreground-secondary, #475569);
}

.sheeptext-example-actions {
  margin: 0.75rem 0 0.25rem;
}

.sheeptext-example-open {
  font-weight: 600;
}