.atlas-intro { padding-block: clamp(24px, 4vw, 54px) 26px; }
.atlas-intro .eyebrow { color: #766576; font-size: 10px; }
.atlas-lede p { color: #62596a; }
.atlas-studies { margin-bottom: 22px; }
.atlas-studies-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 11px; }
.atlas-studies-heading h2 { font-size: clamp(21px, 2.2vw, 29px); letter-spacing: -.025em; }
.atlas-studies-heading > span { color: #6b5b70; font-size: 11px; }
.atlas-study-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.atlas-study {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr) auto;
  gap: 13px;
  align-items: center;
  min-width: 0;
  border: 1px solid #ddd4df;
  border-radius: 13px;
  background: #fffcf7;
  padding: 8px 12px 8px 8px;
  box-shadow: 0 4px 15px #3022380b;
  transition: border-color .18s, box-shadow .18s;
}
.atlas-study:hover { border-color: #a17a83; box-shadow: 0 5px 18px #30223818; }
.atlas-study-plate {
  display: grid;
  place-items: center;
  overflow: hidden;
  height: 72px;
  border-radius: 8px;
  background: radial-gradient(ellipse at 42% 35%, #49384b, #1d1828 78%);
}
.atlas-study-plate img { display: block; width: 100%; height: 100%; object-fit: contain; }
.atlas-study-copy { display: grid; gap: 4px; }
.atlas-study-copy > small { color: #7e596e; font-size: 9px; font-weight: 700; letter-spacing: .13em; }
.atlas-study-copy > strong { color: #302238; font-size: 15px; line-height: 1.25; }
.atlas-study-copy > span { color: #64586c; font-size: 12px; line-height: 1.35; }
.atlas-study-arrow { color: #80586e; font-size: 16px; }
.region-ribbon button { min-height: 48px; color: #655a70; }
.region-ribbon button > span { color: #7f6e82; font-size: 8px; }
.stage-controls button { width: 44px; height: 44px; }
.stage-controls button:focus-visible { outline-offset: -4px; }
.layer-buttons button, #separate-toggle, .stage-bottom button { min-height: 44px; }
.stage-bottom button { white-space: nowrap; }
.side-switch button { min-height: 34px; }
.atlas-shell:target { scroll-margin-top: 12px; }

@media (max-width: 920px) {
  .atlas-study-grid { gap: 8px; }
  .atlas-study { grid-template-columns: 63px minmax(0, 1fr) auto; gap: 8px; }
  .atlas-study-plate { height: 61px; }
  .atlas-study-copy > strong { font-size: 13px; }
}
@media (max-width: 650px) {
  .atlas-study-grid { grid-template-columns: 1fr; }
  .atlas-study { grid-template-columns: 54px minmax(0, 1fr) auto; padding: 5px 13px 5px 5px; }
  .atlas-study-plate { height: 50px; }
  .atlas-study-copy { gap: 2px; }
  .atlas-study-copy > strong { font-size: 14px; }
  .atlas-study-copy > span { font-size: 11px; }
  .atlas-studies { margin-bottom: 17px; }
  .atlas-stage .stage-controls { right: 10px; bottom: 69px; }
}
@media (prefers-reduced-motion: reduce) {
  .atlas-study { transition: none; }
}