/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* 阅读模式：隐藏 header */
body.reading-mode > header {
  display: none;
}

/* 阅读模式：隐藏特定元素（完全不占空间） */
body.reading-mode .reading-hide {
  display: none;
}

/* 非阅读模式：隐藏仅阅读模式显示的元素 */
body:not(.reading-mode) .reading-mode-only {
  display: none;
}

/* 阅读模式下章节标题行样式 */
body.reading-mode .reading-mode-title {
  padding: 0.5rem 0;
  margin-bottom: 0.5rem;
}