/* Ancient Inquiry production-upgrade layer.
   This file extends the stable reading system without changing evidence semantics. */

.atlas-workbench {
  border-block: 1px solid color-mix(in srgb, var(--atlas-copper-600) 28%, transparent);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--atlas-paper) 92%, var(--topic-accent) 8%), var(--atlas-paper));
}

.atlas-workbench .container {
  padding-block: clamp(2.5rem, 7vw, 5rem);
}

.workbench-shell {
  display: grid;
  gap: 1.25rem;
}

.workbench-path {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(10rem, 0.58fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 0.8rem;
}

.workbench-node,
.workbench-edge {
  min-height: 8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.4rem;
  padding: 1.1rem;
  border: var(--atlas-border);
  border-radius: var(--atlas-radius-lg);
  box-shadow: var(--atlas-shadow-sm);
  text-decoration: none;
}

.workbench-node {
  background: var(--atlas-paper);
  color: var(--atlas-navy-950);
}

.workbench-node:hover {
  transform: translateY(-2px);
  box-shadow: var(--atlas-shadow-lg);
}

.workbench-edge {
  align-items: center;
  border-color: color-mix(in srgb, var(--topic-accent) 55%, transparent);
  background: var(--atlas-navy-900);
  color: white;
  text-align: center;
}

.atlas-workbench .badge {
  border: 1px solid var(--atlas-stone-300);
  background: var(--atlas-paper);
  color: var(--atlas-navy-950);
}

.connection-explanation-card {
  display: grid;
  gap: 0.85rem;
  padding: 1.25rem;
  border: 1px solid color-mix(in srgb, var(--topic-accent) 32%, var(--atlas-stone-300));
  border-radius: var(--atlas-radius-lg);
  background: var(--atlas-paper);
  box-shadow: var(--atlas-shadow-sm);
}

.connection-explanation-card h3,
.question-card h3 {
  margin-top: 0;
}

.question-starters {
  margin-top: clamp(2rem, 6vw, 4.5rem);
}

.question-card {
  position: relative;
  overflow: hidden;
}

.question-card::before {
  content: "?";
  position: absolute;
  right: 0.8rem;
  top: -1.1rem;
  color: color-mix(in srgb, var(--topic-accent) 17%, transparent);
  font-family: var(--atlas-display);
  font-size: 7rem;
  line-height: 1;
  pointer-events: none;
}

.topic-card__details {
  margin-top: 0.75rem;
  padding-top: 0.65rem;
  border-top: var(--atlas-border);
}

.topic-card__details summary {
  color: var(--atlas-copper-700);
  cursor: pointer;
  font-weight: 750;
}

.topic-card__details[open] > *:not(summary) {
  margin-top: 0.75rem;
}

.topic-card > .button {
  margin-top: auto;
}

.saved-local-record {
  border-color: var(--atlas-copper-600) !important;
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--atlas-copper-500) 22%, transparent),
    var(--atlas-shadow-sm);
}

.saved-local-record::after {
  content: "Saved in My Atlas";
  display: block;
  width: max-content;
  max-width: 100%;
  margin-top: 0.55rem;
  padding: 0.18rem 0.5rem;
  border-radius: 999px;
  background: var(--atlas-navy-900);
  color: white;
  font-size: 0.76rem;
  font-weight: 750;
}

.graph-node--saved circle {
  stroke: var(--atlas-focus) !important;
  stroke-width: 5 !important;
  filter: drop-shadow(0 0 5px rgb(241 189 107 / 0.72));
}

.personal-overlay-controls {
  margin-block: 1rem;
}

.personal-overlay-controls label {
  font-weight: 750;
}

.graph-edge--personal {
  fill: none;
  stroke: #8056a3;
  stroke-width: 5;
  stroke-dasharray: 13 9;
  opacity: 0.92;
  pointer-events: none;
}

.shareable-state-bar {
  position: relative;
  z-index: 12;
  border-bottom: var(--atlas-border);
  background: color-mix(in srgb, var(--atlas-paper) 94%, var(--topic-accent) 6%);
  box-shadow: var(--atlas-shadow-sm);
}

.shareable-state-bar .container {
  min-height: 4.3rem;
  padding-block: 0.65rem;
}

.subject-analytics .container {
  padding-block: clamp(2.5rem, 6vw, 4.5rem);
}

.subject-distribution ul {
  columns: 2;
  column-gap: 2rem;
}

.claim-tracing-banner .container {
  margin-block: clamp(2rem, 5vw, 4rem);
}

.my-atlas-import,
.private-note-library {
  margin-block: 2rem;
}

.my-atlas-import textarea,
.private-note-editor textarea {
  width: 100%;
  min-height: 11rem;
  resize: vertical;
  font-family: var(--atlas-sans);
  font-size: 0.96rem;
}

.my-atlas-import textarea {
  min-height: 13rem;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 0.88rem;
}

.private-note-panel .container {
  margin-block: clamp(1.5rem, 4vw, 3rem);
}

.private-note-card__body {
  white-space: pre-wrap;
}

.private-note-editor {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: var(--atlas-border);
}

.thread-rename {
  display: grid;
  grid-template-columns: minmax(12rem, 1fr) auto;
  gap: 0.65rem;
  align-items: end;
}

.thread-rename label,
.thread-rename .live-region {
  grid-column: 1 / -1;
}

.topic-more-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.site-footer [data-build-provenance] {
  color: var(--atlas-stone-200);
}

/* Environmental motifs remain decorative only. */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.2;
  background-repeat: repeat;
  background-size: 12rem 12rem;
}

[data-theme-family="archaeology-monuments"]::after,
[data-theme-family="archaeology-stone"]::after {
  background-image:
    linear-gradient(90deg, transparent 49%, color-mix(in srgb, var(--topic-accent) 13%, transparent) 49% 51%, transparent 51%),
    linear-gradient(0deg, transparent 49%, color-mix(in srgb, var(--topic-accent) 10%, transparent) 49% 51%, transparent 51%);
}

[data-theme-family="texts-traditions"]::after,
[data-theme-family="manuscript-archive"]::after,
[data-theme-family="tradition"]::after {
  background-image:
    repeating-linear-gradient(0deg, transparent 0 1.8rem, color-mix(in srgb, var(--topic-accent) 10%, transparent) 1.85rem 1.92rem),
    linear-gradient(90deg, transparent 0 8%, color-mix(in srgb, var(--topic-accent) 13%, transparent) 8% 8.3%, transparent 8.3%);
}

[data-theme-family="climate-catastrophe"]::after,
[data-theme-family="climate-and-catastrophe"]::after {
  background-image:
    repeating-linear-gradient(165deg, transparent 0 1.4rem, color-mix(in srgb, var(--topic-accent-2) 12%, transparent) 1.45rem 1.52rem);
}

[data-theme-family="human-origins"]::after {
  background-image:
    radial-gradient(circle at 25% 25%, color-mix(in srgb, var(--topic-accent) 13%, transparent) 0 0.18rem, transparent 0.22rem),
    linear-gradient(35deg, transparent 49.4%, color-mix(in srgb, var(--topic-accent-2) 11%, transparent) 49.6% 50.4%, transparent 50.6%);
  background-size: 6rem 6rem, 11rem 11rem;
}

[data-theme-family="astronomy"]::after,
[data-theme-family="mysteries-anomalies"]::after {
  background-image:
    radial-gradient(circle, color-mix(in srgb, white 28%, transparent) 0 0.08rem, transparent 0.12rem),
    radial-gradient(circle at center, transparent 0 3.7rem, color-mix(in srgb, var(--topic-accent-2) 11%, transparent) 3.75rem 3.82rem, transparent 3.88rem);
  background-size: 4.7rem 4.7rem, 12rem 12rem;
}

[data-theme-family="claims-theories"]::after,
[data-theme-family="claim-dossier"]::after,
[data-theme-family="connection-analysis"]::after {
  background-image:
    linear-gradient(30deg, transparent 48.8%, color-mix(in srgb, var(--topic-accent) 13%, transparent) 49% 51%, transparent 51.2%),
    linear-gradient(-30deg, transparent 48.8%, color-mix(in srgb, var(--topic-accent-2) 10%, transparent) 49% 51%, transparent 51.2%);
}

[data-theme-mode="quiet"]::after {
  opacity: 0.08;
}

[data-theme-mode="minimal"]::after,
[data-reading-mode="true"]::after {
  display: none;
}

@media (max-width: 52rem) {
  .workbench-path {
    grid-template-columns: 1fr;
  }

  .workbench-edge {
    min-height: 5rem;
  }

  .subject-distribution ul {
    columns: 1;
  }

  .thread-rename,
  .topic-more-grid {
    grid-template-columns: 1fr;
  }

  .shareable-state-bar .container {
    align-items: stretch;
  }

  .shareable-state-bar .button {
    flex: 1 1 11rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .workbench-node:hover {
    transform: none;
  }
}

@media print {
  .atlas-workbench .question-starters,
  .personal-overlay-controls,
  .shareable-state-bar,
  .my-atlas-import,
  .private-note-panel,
  .private-note-library,
  .topic-more-grid {
    display: none !important;
  }
}