/* =============================================================
   블로그 양식 호환 스타일 (포터블)
   - 목적: 외부 블로그 에디터(네이버 등)에서 복사·붙여넣은 본문이
           우리 에디터/뷰어에서 깨지지 않고 비슷하게 렌더되도록 함.
   - 스코프: 각 양식은 .bt-<id> 컨테이너 클래스 아래에만 적용.
             (편집기 미리보기 #pe-body, 고객 답변 렌더 #cm-post 공용)
   - 확장: 새 블로그 양식 추가 시
       (1) 이 파일에 .bt-<id> 규칙 블록 추가
       (2) index.html #pe-style 에 <option value="<id>"> 추가
       (3) worker/requests.js savePost 의 STYLES 화이트리스트에 <id> 추가
   - 주의: 특정 서비스의 원본 CSS를 복제하지 않고, 공개된 기본 관례
           (본문 폭·기본 글자크기·se-* 유틸 클래스 규칙 등)를 자체 재구성함.
   ============================================================= */

/* ===================== 네이버 블로그 (SmartEditor ONE) ===================== */
.bt-naver {
  max-width: 693px;              /* 네이버 본문 기본 폭 */
  margin-inline: auto;
  font-family: "Nanum Gothic", "나눔고딕", "Malgun Gothic", "맑은 고딕", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: #333;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

/* 붙여넣기된 네이버 구조 래퍼는 여백 초기화(중첩 div로 인한 과도한 간격 방지) */
.bt-naver .se-component,
.bt-naver .se-section,
.bt-naver .se-module,
.bt-naver .se-component-content,
.bt-naver .se-section-content {
  margin: 0;
  padding: 0;
  max-width: none;
}
.bt-naver .se-section { margin: 2px 0; }
.bt-naver .se-component { margin: 6px 0; }

/* 본문 문단 */
.bt-naver p { margin: 0 0 2px; }
.bt-naver .se-text-paragraph { margin: 0; line-height: 1.5; }
.bt-naver .se-text-paragraph:empty::after { content: ""; display: inline-block; }

/* 제목(우리 에디터의 h2/h3 대응) */
.bt-naver h1,
.bt-naver h2 { font-size: 22px; font-weight: 700; margin: 22px 0 10px; color: #222; }
.bt-naver h3 { font-size: 18px; font-weight: 700; margin: 18px 0 8px; color: #222; }

/* 인라인 서식 */
.bt-naver strong, .bt-naver b { font-weight: 700; }
.bt-naver em, .bt-naver i { font-style: italic; }
.bt-naver u { text-decoration: underline; }
.bt-naver s, .bt-naver del, .bt-naver strike { text-decoration: line-through; }
.bt-naver mark { background: #fff8b3; }
.bt-naver a { color: #1a73e8; text-decoration: none; }
.bt-naver a:hover { text-decoration: underline; }

/* 이미지 */
.bt-naver img { max-width: 100%; height: auto; display: block; margin: 12px auto; }
.bt-naver .se-image, .bt-naver .se-imageStrip { text-align: center; }
.bt-naver .se-caption { margin-top: 6px; font-size: 13px; color: #888; text-align: center; }

/* 목록 */
.bt-naver ul, .bt-naver ol { margin: 8px 0; padding-left: 26px; }
.bt-naver li { margin: 3px 0; }

/* 구분선 */
.bt-naver hr,
.bt-naver .se-hr { border: 0; border-top: 1px solid #e0e0e0; margin: 24px 0; height: 0; }

/* 인용구(대표 스타일 근사) */
.bt-naver blockquote,
.bt-naver .se-quotation-container {
  margin: 16px 0;
  padding: 14px 18px;
  background: #f8f9fa;
  border-left: 3px solid #03c75a;
  color: #555;
}
.bt-naver .se-quote { font-style: normal; }
.bt-naver .se-cite { display: block; margin-top: 6px; font-size: 13px; color: #888; }
/* 라인형 인용(위아래 선) */
.bt-naver .se-l-quotation_line .se-quote,
.bt-naver .se-quotation-line .se-quote {
  background: none; border-left: 0; padding: 18px 0;
  border-top: 2px solid #333; border-bottom: 2px solid #333; text-align: center;
}

/* 정렬 유틸 */
.bt-naver .se-text-paragraph-align-center,
.bt-naver .se-section-align-center { text-align: center; }
.bt-naver .se-text-paragraph-align-right,
.bt-naver .se-section-align-right { text-align: right; }
.bt-naver .se-text-paragraph-align-left { text-align: left; }
.bt-naver .se-text-paragraph-align-justify { text-align: justify; }

/* 글꼴 유틸(se-ff-*) — 네이버 스택의 대체 글꼴부 + 웹폰트로 재구성 */
.bt-naver .se-ff-system { font-family: -apple-system, "Malgun Gothic", "맑은 고딕", "Apple SD Gothic Neo", sans-serif; }
.bt-naver .se-ff-nanumgothic { font-family: "Nanum Gothic", "나눔고딕", "Malgun Gothic", sans-serif; }
.bt-naver .se-ff-nanumbarungothic { font-family: "NanumBarunGothic", "나눔바른고딕", "Nanum Gothic", "Malgun Gothic", sans-serif; }
.bt-naver .se-ff-nanumsquare { font-family: "NanumSquare", "나눔스퀘어", "Nanum Gothic", "Malgun Gothic", sans-serif; }
.bt-naver .se-ff-nanummyeongjo { font-family: "Nanum Myeongjo", "나눔명조", "바탕", serif; }
.bt-naver .se-ff-nanummaruburi { font-family: "NanumMaruburi", "나눔마루부리", "Nanum Myeongjo", serif; }
.bt-naver .se-ff-pretendard { font-family: "Pretendard", -apple-system, "Malgun Gothic", sans-serif; }
.bt-naver .se-ff-nanumdasisijaghae,
.bt-naver .se-ff-nanumbareunhipi { font-family: "Nanum Pen Script", "나눔손글씨 펜", cursive; }
.bt-naver .se-ff-nanumuriddalsongeulssi { font-family: "Nanum Brush Script", "나눔손글씨 붓", cursive; }

/* 글자 크기 유틸(se-fsN = N px) — 네이버 실제 사이즈 세트 */
.bt-naver .se-fs11 { font-size: 11px; }
.bt-naver .se-fs13 { font-size: 13px; }
.bt-naver .se-fs15 { font-size: 15px; }
.bt-naver .se-fs16 { font-size: 16px; }
.bt-naver .se-fs19 { font-size: 19px; }
.bt-naver .se-fs24 { font-size: 24px; }
.bt-naver .se-fs26 { font-size: 26px; }
.bt-naver .se-fs28 { font-size: 28px; }
.bt-naver .se-fs30 { font-size: 30px; }
.bt-naver .se-fs32 { font-size: 32px; }
.bt-naver .se-fs34 { font-size: 34px; }
.bt-naver .se-fs38 { font-size: 38px; }
.bt-naver .se-fs45 { font-size: 45px; }

/* 숨김 처리(에디터 전용 잔여 요소가 붙어와도 노출 방지) */
.bt-naver .se-blind,
.bt-naver .se-drop-indicator,
.bt-naver .se-component-edge-button,
.bt-naver .__se_placeholder { display: none !important; }