/* Public Academy: retain the shared guide reading styles and public site shell. */
.guide-page.academy-page .academy-lesson {
  max-width: 816px;
  padding-top: 48px;
  padding-bottom: 80px;
}
.academy-page .guide-reading { margin-inline: auto; }
.academy-page .academy-index { max-width: 1080px; }
.academy-page .academy-lesson-number {
  margin-right: 5px;
  color: var(--guide-muted);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}
.academy-page .guide-kicker { flex-wrap: wrap; }
.academy-page .guide-reading .doc-h3 { margin: 28px 0 12px; font-size: 20px; }
.academy-page .lesson-table { font-variant-numeric: tabular-nums; }
.academy-page .lesson-table-wide { min-width: 600px; }
.academy-page .lesson-table-hint { display: none; }
.academy-page .lesson-table :is(th, td) { min-width: 0; }
.academy-page .lesson-table :is(.profit, .profit strong) { color: #10B981; }
.academy-page .lesson-table :is(.loss, .loss strong) { color: #EF4444; }
.academy-page .academy-image-slot { margin: 28px 0; }
.academy-page .academy-image-slot img { display: block; width: 100%; height: auto; border-radius: 8px; }
.academy-page .academy-slot-placeholder {
  display: grid;
  gap: 12px;
  padding: 28px;
  min-height: 200px;
  align-content: center;
  border: 1px dashed #64748b;
  border-radius: 8px;
  background: rgba(255, 255, 255, .025);
  color: #cbd5e1;
  font-size: 15px;
}
.academy-page .academy-slot-placeholder strong { font-size: 18px; }
.academy-page .academy-slot-placeholder small { color: var(--guide-muted); overflow-wrap: anywhere; }
.academy-page .guide-category-heading { flex-wrap: wrap; }
@media (max-width: 780px) {
  .academy-page .lesson-table-hint { display: block; margin: -12px 0 24px; color: var(--guide-muted); font-size: 13px; }
  .guide-page.academy-page .academy-lesson { padding: 28px 20px 56px; }
  .academy-page .guide-kicker { font-size: 13px; }
  .academy-page .lesson-table { font-size: 14px; }
  .academy-page .lesson-table :is(th, td) { padding: 10px 8px; }
  .academy-page .guide-card { grid-template-columns: minmax(0, 1fr); }
  .academy-page .guide-card small { grid-column: 1; grid-row: auto; }
  .academy-page .academy-slot-placeholder { padding: 20px; }
}