/* Keep the first useful product content close to the navbar. */
.app-layout-compact main {
  margin-top: 32px;
}

.app-layout-compact main > section {
  margin-top: 0;
}

.app-layout-compact :is(.section-header h1, .messages-panel-header h1, .settings-hub h1) {
  margin: 0 0 12px;
  color: #f8e6b0;
  font-size: 36px;
  line-height: 1.2;
  letter-spacing: normal;
  text-shadow: none;
}

.app-layout-compact .messages-panel-header h1 {
  margin: 0;
}

.app-layout-compact .section-header h1 {
  margin-bottom: 8px;
}

.app-layout-compact .settings-hub h1 {
  text-align: center;
}

.app-layout-compact.light-mode :is(.section-header h1, .messages-panel-header h1, .settings-hub h1) {
  color: var(--arete-light-gold-strong, #5a4315);
}

.app-layout-compact #profile-name {
  letter-spacing: normal;
  text-shadow: none;
}

.app-layout-compact .profile-joined {
  margin: 0;
  color: rgba(245, 240, 230, 0.72);
  font-size: 14px;
  line-height: 1.35;
}

.app-layout-compact.light-mode .profile-joined {
  color: rgba(47, 36, 18, 0.68);
}

.feed-create-post-row {
  display: flex;
  justify-content: center;
  margin-bottom: 18px;
}

.feed-create-post-row:has(#open-modal-btn[hidden]) {
  display: none;
}

.feed-create-post-row #open-modal-btn {
  margin: 0;
}

.app-layout-compact #settings-load-status:empty,
.app-layout-compact #settings-load-retry[hidden] {
  display: none;
}

@media (max-width: 768px) {
  .app-layout-compact main {
    margin-top: 20px;
  }

  .app-layout-compact :is(.section-header h1, .messages-panel-header h1, .settings-hub h1) {
    font-size: 28px;
  }
}