.PuzzleReadingLayout_readingShell__UgYWE {
  width: 100%;
  max-width: 1400px;
}
@media (min-width: 1024px) {
  .PuzzleReadingLayout_readingShellSideBySide__UIFFm {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    grid-gap: 32px;
    gap: 32px;
    align-items: start;
  }
}
.PuzzleReadingLayout_readingMain__K8zIW {
  min-width: 0;
}
.PuzzleReadingLayout_readingAside__NyEUg {
  min-width: 0;
}
@media (min-width: 1024px) {
  .PuzzleReadingLayout_readingAside__NyEUg {
    position: -webkit-sticky;
    position: sticky;
    top: calc(64px + 24px);
    max-height: calc(100vh - 64px - 48px);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}
.PuzzleReadingLayout_readingAsideStacked__kJ6o6 {
  margin-top: 32px;
}
@media (max-width: 768px) {
  .PuzzleReadingLayout_readingAsideStacked__kJ6o6 {
    margin-top: 24px;
  }
}
.PuzzleReadingLayout_readingAsidePanel__ATIf2 {
  padding: 24px;
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  border: 1px solid var(--primary-alpha-15);
  border-radius: var(--radius-lg);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  cursor: default;
}
.PuzzleReadingLayout_readingAsidePanel__ATIf2:hover {
  border-color: var(--primary-alpha-15);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  transform: none;
}
@media (max-width: 768px) {
  .PuzzleReadingLayout_readingShell__UgYWE,
  .PuzzleReadingLayout_readingMain__K8zIW,
  .PuzzleReadingLayout_readingAside__NyEUg {
    max-width: 100%;
    min-width: 0;
  }
  .PuzzleReadingLayout_readingAsideStacked__kJ6o6 {
    margin-top: 16px;
  }
}