/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still 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.
 */

/* 글 편집기의 본문 입력칸과 미리보기 칸 높이.
   Tailwind h-* 유틸은 빌드에 항상 생성되지 않아 두 칸 높이가 어긋나므로 여기서 직접 고정한다
   (원래 posts/_post.html.erb 인라인 style이 하던 역할 — 미디어 쿼리를 쓰려고 옮겼다).
   1024px 미만에선 grid가 lg:grid-cols-2 → 1열로 접혀 두 칸이 세로로 쌓이므로,
   28rem을 그대로 두면 합계 896px가 되어 폰에서 화면 세 장 분량이 된다. */
.editor-pane { height: 28rem; }

@media (max-width: 1023px) {
  .editor-pane { height: 16rem; }
}