@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;800&display=swap");
/* ══════════════════════════════════════════════════════════════
   수험생 기도문 (Index · Detail · List) — DailyMission4 밝은 흰색 버전 (2026-10-03 시안 확정)
   bone.css 와 화면 <style> 뒤에 불러와 덮어쓴다. 화면 구조 · 스크립트는 건드리지 않는다.
   ══════════════════════════════════════════════════════════════ */
body { margin: 0; background: #FFFFFF !important; }
.qz {
    --bg: #FFFFFF; --tx: #111827; --dim: #9CA3AF; --dim2: #6B7280; --rule: #EEF0F3; --acc: #2F80ED; --mark: #EAF2FD; --pad: 16px;
    background: #FFFFFF; color: #374151; min-height: 0; padding-top: 0;
}
.qz, .qz * { font-family: "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif !important; }

/* 상단 바 */
.qz .qzBar { align-items: center; padding: 14px 0 12px; border-bottom: 1px solid #EEF0F3; font-size: 13px; color: #6B7280; }
.qz .qzHome { font-weight: 700; color: #374151; text-decoration: none; }
.qz .qzHome:hover { color: #2F80ED; }
.qz .qzHomeSep { margin: 0 6px; color: #D1D5DB; }
.qz .qzDate { font-size: 13px; letter-spacing: 0; color: #9CA3AF; }
.qz .epFs { gap: 2px; padding: 2px; border: 0; border-radius: 999px; background: #F4F6F9; }
.qz .epFs button { border: 0; border-radius: 999px; background: none; color: #6B7280; padding: 2px 8px; }
.qz .epFs button.on { background: #2F80ED; color: #fff; }

/* 머리 (짙은 띠 → 흰 머리) */
.qz .epHead, .qz .elHead { background: none; color: inherit; margin: 0; padding: 20px 0 0; }
.qz .epK, .qz .elK { font-size: 12px; font-weight: 800; letter-spacing: .02em; color: #2F80ED; }
.qz .epH1, .qz .elH1 { margin: 6px 0 0; font-size: 24px; font-weight: 800; letter-spacing: -.02em; line-height: 1.35; color: #111827; word-break: keep-all; }
.qz .epDate, .qz .elCnt { margin-top: 12px; font-size: 40px; font-weight: 300; line-height: 1; color: #2F80ED; }
.qz .epDate small, .qz .elCnt small { margin-left: 8px; font-size: 12px; font-weight: 400; letter-spacing: 0; color: #9CA3AF; }
.qz .elAdm { gap: 4px 14px; margin-top: 10px; font-size: 11.5px; color: #6B7280; }
.qz .elAdm b { margin-left: 3px; font-weight: 700; color: #111827; }

.qz .elFlash, .qz .epFlash { margin-top: 16px; padding: 11px 14px; border: 0; border-radius: 12px; background: #EAF2FD; color: #2F80ED; font-size: 12.5px; }
.qz .elFlash.err, .qz .epFlash.err { background: #FDEEEE; color: #D9534F; }

/* 본문 */
.qz .epTitle { margin: 24px 0 0; font-size: calc(19px * var(--fs)); font-weight: 800; line-height: 1.5; color: #111827; }
.qz .epBody { margin: 12px 0 0; font-size: calc(15.5px * var(--fs)); line-height: 1.95; color: #2A2F3A; }
.qz .epBody .nm { background: #EAF2FD; color: #111827; font-weight: 700; border-radius: 4px; padding: 0 3px; }
.qz .epQuote { margin-top: 22px; padding: 0 0 0 12px; border-left: 3px solid #D6E4FA; }
.qz .epVr { font-size: 12px; font-weight: 800; letter-spacing: 0; color: #2F80ED; }
.qz .epVt { margin: 6px 0 0; font-size: calc(13.5px * var(--fs)); line-height: 1.85; color: #6B7280; }

/* 함께 기도했어요 */
.qz .epLike { margin-top: 26px; }
.qz .epLikeBtn { gap: 10px; border: 0; border-radius: 999px; background: #EAF2FD; color: #2F80ED; padding: 12px 22px; font-size: 14px; font-weight: 800; letter-spacing: 0; }
.qz .epLikeBtn u { font-weight: 400; color: #111827; }
.qz .epLikeBtn.on { background: #2F80ED; color: #fff; }
/* 눌러 볼 수 있다는 손 모양 · 글자가 선택(복사)되지 않게 — 누른 뒤(.on)에도 같게 */
.qz .epLikeBtn, .qz .epLikeBtn * { cursor: pointer !important; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
.qz .epLikeBtn.on u { color: #fff; }
.qz .epStat { margin-top: 8px; font-size: 11px; color: #9CA3AF; }
.qz .epStat em { margin-left: 4px; color: #2F80ED; }
.qz .epMsg { color: #2F80ED; }

/* 메뉴 세 칸 → 알약 */
.qz .epNav, .qz .elNav { gap: 6px; margin-top: 24px; border: 0; }
.qz .epNav a, .qz .elNav a { padding: 11px 0; border: 0 !important; border-radius: 999px; background: #F4F6F9; font-size: 13px; font-weight: 700; color: #6B7280; }
.qz .epNav a:hover, .qz .elNav a:hover { color: #2F80ED; }

/* 검증 완료 */
.qz .epVerify { margin-top: 18px; padding: 12px 14px; border: 0; border-radius: 12px; background: #F4F6F9; }
.qz .epVerifyTx { color: #6B7280; }
.qz .epVerifyTx b { color: #374151; }
.qz .epVerifyBtn { border-radius: 999px; background: #111827; padding: 9px 16px; font-weight: 800; letter-spacing: 0; }
.qz .epVerifyBtn:hover { background: #2F80ED; }

/* 함께 만들어 가는 기도문 */
.qz .epNote { margin-top: 26px; padding-top: 16px; border-top: 1px solid #EEF0F3; }
.qz .epNoteT { font-size: 16px; font-weight: 800; color: #111827; }
.qz .epNi { padding: 12px 0; font-size: 13px; color: #374151; }
.qz .epNi small { font-size: 11.5px; color: #9CA3AF; }
.qz .epBtn, .qz .elNew { border-radius: 999px; background: #2F80ED; color: #fff; padding: 13px; font-size: 14px; font-weight: 800; letter-spacing: 0; }
.qz .epBtn:hover, .qz .elNew:hover { background: #1F6FDB; }
.qz .epFine { font-size: 11px; color: #9CA3AF; }
.qz .epEmpty b, .qz .elEmpty b { font-weight: 800; color: #111827; }

/* 목록 */
.qz .elToday { margin-top: 18px; padding: 14px 16px; border-radius: 14px; background: #EAF2FD; }
.qz .elTk { font-size: 11.5px; font-weight: 800; letter-spacing: 0; color: #2F80ED; }
.qz .elTt { margin-top: 4px; font-size: 16px; font-weight: 800; color: #111827; }
.qz .elTx { margin-top: 4px; font-size: 12.5px; color: #6B7280; }
.qz .elGo { margin-top: 8px; font-size: 12.5px; font-weight: 800; letter-spacing: 0; color: #2F80ED; }
.qz .elSec { margin-top: 24px; padding: 16px 0 0; border-bottom: 0; border-top: 1px solid #EEF0F3; }
.qz .elSecT { font-size: 16px; font-weight: 800; color: #111827; }
.qz .elSecS { font-size: 11.5px; font-weight: 600; color: #9CA3AF; }
.qz .elHint { padding: 8px 0 4px; border-bottom: 0; font-size: 12px; color: #9CA3AF; }
.qz .elRow { padding: 14px 2px; border-bottom: 1px solid #EEF0F3; }
.qz .elRow.on { background: #EAF2FD; border-radius: 12px; padding-left: 10px; padding-right: 10px; border-bottom-color: transparent; }
.qz .elNo { font-size: 17px; font-weight: 800; color: #7FA3DB; }
.qz .elNo.sm { font-size: 11px; font-weight: 400; color: #9CA3AF; }
.qz .elRow.on .elNo { color: #2F80ED; }
.qz .elN { font-size: 15px; font-weight: 800; color: #111827; }
.qz .elN em { margin-left: 6px; padding: 1px 8px; border: 0; border-radius: 999px; background: #EAF2FD; color: #2F80ED; font-size: 10.5px; font-weight: 800; letter-spacing: 0; vertical-align: 1px; }
.qz .elN em.off { background: #F4F6F9; color: #9CA3AF; }
.qz .elEx { font-size: 12.5px; color: #6B7280; }
.qz .elM { margin-top: 6px; gap: 0; font-size: 11.5px; color: #9CA3AF; }
.qz .elM > span + span::before { content: "·"; margin: 0 6px; color: #D1D5DB; }
.qz .elM .ref { color: #2F80ED; }
.qz .elAct { gap: 6px; margin-top: 8px; }
.qz .elAct a { border: 0; border-radius: 999px; background: #F4F6F9; padding: 5px 12px; font-size: 12px; font-weight: 700; letter-spacing: 0; color: #6B7280; }
.qz .elAct a:hover { color: #2F80ED; }
.qz .elAct a.del { background: #FDEEEE; color: #D9534F; }
.qz .elRow.on .elAct a { background: #fff; }
.qz .elRow.on .elAct a.del { background: #fff; }

/* 오늘의 기도 (Index) 머리 — 연한 파랑 띠 B안 (2026-10-03 시안 확정) */
.qz .epHeadB { margin: 18px -16px 0; padding: 22px 16px 18px; background: #EAF2FD; text-align: center; }
.qz .epHeadB .epH1 { font-size: 22px; }
.qz .epHeadB .epDay { margin-top: 8px; font-size: 13px; color: #6B7280; }
.qz .epHeadB .epDay b { font-weight: 800; color: #111827; }
.qz .epHeadB .epPg { max-width: 220px; margin: 14px auto 0; }
.qz .epHeadB .epPg i { display: block; height: 4px; border-radius: 99px; background: #fff; overflow: hidden; }
.qz .epHeadB .epPg s { display: block; height: 100%; background: #2F80ED; border-radius: 99px; text-decoration: none; }
.qz .epHeadB .epPg span { display: block; margin-top: 6px; font-size: 11px; color: #6B7280; }
/* 글자 크기 — 가− 100% 가+ (2026-10-03 확정) */
.qz .epFs { gap: 0; padding: 0; border: 1px solid #E1E6EE; border-radius: 8px; background: #fff; overflow: hidden; align-items: stretch; }
.qz .epFs button, .qz .epFs button:nth-child(n) { border-radius: 0; padding: 5px 10px; background: none; color: #374151; font-size: 12.5px; font-weight: 500; line-height: 1.4; }
.qz .epFs button:hover:not(:disabled) { color: #2F80ED; }
.qz .epFs button:disabled { color: #D1D5DB; cursor: default; }
.qz .epFs span { display: grid; place-items: center; min-width: 50px; padding: 0 8px; border-left: 1px solid #E1E6EE; border-right: 1px solid #E1E6EE; font-size: 11.5px; color: #9CA3AF; font-variant-numeric: tabular-nums; }
/* 가운데 비율 = 누르면 100% 로 되돌리기 */
.qz .epFs #pfsPct, .qz .epFs #pfsPct:nth-child(n) { min-width: 50px; padding: 5px 8px; border-left: 1px solid #E1E6EE; border-right: 1px solid #E1E6EE; color: #9CA3AF; font-size: 11.5px; font-weight: 400; font-variant-numeric: tabular-nums; cursor: pointer; }
.qz .epFs #pfsPct:hover { color: #2F80ED; }
/* 목록 — 보임 / 숨김 표시 (관리자만, 2026-10-03) */
.qz .elN em.vis { background: #EAF7EF; color: #15803D; }
.qz .elN em.off { background: #F4F6F9; color: #6B7280; }
.qz .elHint b { font-weight: 700; color: #374151; }