/* CogLab's existing identity, shared with every Materials Atlas edition. */
:root {
  --forest: #1b3a2d;
  --gold: #c5a55a;
  --walnut: #3e2723;
  --parchment: #f5f0e8;
  --carbon: #1a1a1a;
  --font-display: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", serif;
  --font-body: "DM Sans", "Avenir Next", "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", "Menlo", monospace;
  --font-serif: var(--font-display);
  --atlas-ink: var(--forest);
  --atlas-muted: #56685b;
  --atlas-subtle: #62705b;
  --atlas-paper: var(--parchment);
  --atlas-surface: #fffdf8;
  --atlas-soft: #ecefe5;
  --atlas-inset: #e1e7d8;
  --atlas-line: #d2d8c9;
  --atlas-line-strong: #a8b99c;
  --atlas-control-line: #7c8d70;
  --atlas-accent: var(--forest);
  --atlas-accent-hover: #142d23;
  --atlas-accent-ink: var(--parchment);
  --atlas-inverse-muted: #ced8c9;
  --atlas-gold: var(--gold);
  --atlas-gold-ink: #78602e;
  --atlas-gold-soft: #f1e8d3;
  --atlas-gold-line: #c9b984;
  --atlas-focus: #866627;
  --atlas-focus-inverse: #e4ca86;
  --atlas-focus-soft: #c5a55a40;
  --atlas-danger: #923e2e;
  --atlas-danger-soft: #fff0e9;
  --atlas-danger-line: #c99682;
  --atlas-info: #575477;
  --atlas-info-soft: #edeaf5;
  --atlas-radius: 12px;
  --atlas-control-radius: 7px;
  --atlas-page-width: 1264px;
  --atlas-gutter: 32px;
  --atlas-heading-weight: 500;
}
.atlas-page { max-width: var(--atlas-page-width); margin: auto; padding: 0 var(--atlas-gutter) 64px; color: var(--atlas-ink); font-family: var(--font-body); }
.atlas-page :where(h1,h2,h3) { font-family: var(--font-display); font-weight: var(--atlas-heading-weight); letter-spacing: -.025em; }
.atlas-page :where(button,input,select,textarea) { font: inherit; }
.atlas-eyebrow { font: 600 11px/1.6 var(--font-body); letter-spacing: .14em; text-transform: uppercase; color: var(--atlas-gold-ink); }
.atlas-panel { background: var(--atlas-surface); border: 1px solid var(--atlas-line); border-radius: var(--atlas-radius); padding: 24px; min-width: 0; }
.atlas-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 12px 18px; border: 1px solid var(--atlas-accent); border-radius: var(--atlas-control-radius); background: var(--atlas-accent); color: var(--atlas-accent-ink); font: 600 13px/1.5 var(--font-body); text-decoration: none; }
.atlas-button:hover { background: var(--atlas-accent-hover); }
.atlas-secondary { background: transparent; color: var(--atlas-ink); border-color: var(--atlas-line-strong); }
.atlas-secondary:hover { background: var(--atlas-soft); }
.atlas-page :where(a,button,summary,input,select,textarea):focus-visible { outline: 3px solid var(--atlas-focus); outline-offset: 4px; }
@media(max-width:680px) { :root { --atlas-gutter: 20px; } .atlas-panel { padding: 20px; } }
@media(max-width:370px) { :root { --atlas-gutter: 16px; } }
@media(prefers-reduced-motion:reduce) { .atlas-page * { scroll-behavior: auto!important; } }