/* 블로그 읽기 화면 공통 보정 — 2026-10-30 misc (함민우 「다 진행시켜」)
   글마다 박힌 스타일 «뒤에» 읽혀 덮어쓴다. 되돌리려면 각 글의 <link …read-fix.css> 한 줄만 빼면 된다.
   형식 A = .deck/.content(그림책), 형식 B = #deck/.panel(종이). */

/* ── 공통: 표 안 낱말이 «(앞\으로)»처럼 쪼개지지 않게 ── */
table td,table th{word-break:keep-all;overflow-wrap:normal}

/* ── 공통: 휴대폰에서 장식용 영어 표기 숨김(«지지/론» 줄꺾임·자리 차지) ── */
@media(max-width:640px){
  .eyebrow .en,.kicker .en{display:none}
  table{font-size:14px}
  table td,table th{padding:10px 8px}
}

/* ════════ 형식 A(그림책) — 종이 바탕·고딕으로 맞춤. 표지(첫 장)·마지막 장만 그림을 남긴다 ════════ */
.deck .page:not(:first-child):not(.final) .bg,
.deck .page:not(:first-child):not(.final) .veil{display:none}
.deck .page:not(:first-child):not(.final){background:var(--paper)}
.deck .page:not(:first-child):not(.final) .content{background:var(--card);box-shadow:0 18px 44px rgba(44,28,10,.12),0 2px 6px rgba(44,28,10,.06);border-color:var(--line)}
.deck .body p,.deck .body li,.deck .lead,.deck .tbl,.deck .box p,.deck .faq span{font-family:"Noto Sans KR",sans-serif}
.deck .body p,.deck .body li{color:#3a3020}
.deck .body p{font-size:clamp(16px,1.75vw,18.5px);line-height:1.85}
.deck .body li{font-size:clamp(15.5px,1.7vw,18px);line-height:1.75}
.deck .lead{font-size:clamp(17px,1.9vw,20px)}
/* 넘김 단추(아래 84px+60px)에 마지막 줄이 깔리지 않게 — 카드를 위쪽에 붙이고 높이를 단추 위까지로 */
@media(max-width:820px){
  .deck .page:not(.final){align-items:flex-start;padding-top:calc(62px + env(safe-area-inset-top))}
  .deck .page:not(.final) .content{max-height:calc(100dvh - 62px - 160px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:22px 20px}
  .deck .body p{font-size:16.5px!important;line-height:1.82!important;margin-top:13px}
  .deck .body li{font-size:16px!important;line-height:1.72!important}
  .deck .lead{font-size:17.5px!important}
}

/* ════════ 형식 B(종이) ════════ */
/* 넘김 단추·쪽 번호에 마지막 줄이 깔리지 않게 */
#deck .panel{padding-bottom:64px}
@media(max-width:820px){#deck .panel{padding-bottom:112px}}
/* 속성이 지워진 옛 글(대운 등 17편): 맨 문단·상자 간격 되살림 */
#deck .panel .body>p:not([class]){margin:12px 0;line-height:1.88}
#deck .panel .body>p:not([class]):first-child{margin-top:0}
#deck .panel .body>h3{margin-top:22px}
#deck .panel .body>div:not([class]):not(:has(>a)){margin:16px 0;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:0 12px 12px 0}
#deck .panel .body>div:not([class])>div:not([class]):first-child{font-family:"Noto Serif KR",serif;font-weight:700;color:var(--ink);font-size:16px;margin-bottom:6px}
#deck .panel .body>div:not([class])>p{margin:6px 0}

/* 2026-10-30 misc — 글쓴이·고친 날·함께 읽을 글(진단 권고 5·7) */
.hsdate,.deck .body p.hsdate,.deck .content p.hsdate{font-family:"Noto Sans KR",sans-serif;font-size:13px!important;line-height:1.6!important;color:#8a795c;margin:12px 0 0!important;letter-spacing:0}
.hsdate a{color:inherit;text-decoration:underline;text-underline-offset:2px}
ul.hsrel{list-style:none;padding:0!important;margin:6px 0 18px!important;display:flex;flex-direction:column;gap:8px}
ul.hsrel li{margin:0!important;padding:0!important}
ul.hsrel li::before{display:none!important}
ul.hsrel a{display:block;padding:12px 14px;border:1px solid var(--line,#e3d8c3);border-radius:12px;background:var(--card,#fffdf7);font-family:"Noto Sans KR",sans-serif;font-size:15.5px;font-weight:700;line-height:1.5;color:var(--ink,#2b2318);text-decoration:none}
ul.hsrel a::after{content:" ›";color:var(--gold,#a87a32)}
.hsauth{display:flex;gap:14px;align-items:center;padding:14px;border-radius:14px;background:rgba(168,122,50,.07);border:1px solid var(--line,#e3d8c3);text-align:left}
.hsauth img{width:56px;height:56px;flex:none}
.hsauth b{display:block;font-family:"Noto Serif KR",serif;font-size:16px;color:var(--ink,#2b2318)}
.hsauth span{display:block;font-family:"Noto Sans KR",sans-serif;font-size:13.5px;line-height:1.65;color:var(--ink2,#5f5340)}
.hsauth .hsauth-l{margin-top:4px;font-size:13px}
.hsauth a{color:#8a5a1c}

/* 2026-10-30 misc — 형식 B 글 위쪽 접는 메뉴(공통 메뉴 항목) */
.topbar .hsm{position:relative;margin:0 auto 0 8px;pointer-events:auto;font-family:"Noto Sans KR",sans-serif}
.topbar .hsm summary{list-style:none;cursor:pointer;padding:8px 14px;border-radius:999px;background:rgba(255,253,247,.92);border:1px solid var(--line,#e3d8c3);font-size:14px;font-weight:700;color:var(--ink,#2b2318)}
.topbar .hsm summary::-webkit-details-marker{display:none}
.topbar .hsm nav{position:absolute;top:calc(100% + 6px);left:0;z-index:60;min-width:220px;display:flex;flex-direction:column;padding:6px;border-radius:14px;background:#fffdf7;border:1px solid #e3d8c3;box-shadow:0 14px 34px rgba(44,28,10,.18)}
.topbar .hsm nav a{padding:10px 12px;border-radius:10px;font-size:15px;font-weight:600;color:#2b2318;text-decoration:none}
.topbar .hsm nav a:first-child{color:#a8342a}
.topbar .hsm nav a:hover{background:#f3ead6}

/* 2026-10-30 misc — 글 속 낱말 링크(진단 권고 7) */
a.hst{color:inherit;text-decoration:none;border-bottom:1.5px dashed rgba(168,122,50,.75);padding-bottom:1px}
a.hst:hover{color:#8a5a1c;border-bottom-style:solid}

/* 2026-10-30 misc — 휴대폰 표지에서 만세력 화면 그림이 커서 표지가 넘치던 것(천간 글 등) */
@media(max-width:820px){.deck .page:first-child .content>.phone{zoom:.5}.deck .page:first-child .hsdate{margin-top:8px!important}}

/* 형식A 끝 장 공유 단추(2026-10-31) */
.page.final .shr{margin:14px 0 6px;text-align:center}
.page.final .shr-t{font-family:"Noto Serif KR",serif;font-weight:700;font-size:14px;margin-bottom:8px;opacity:.85}
.page.final .shr-b{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}
.page.final .shr-b a,.page.final .shr-b button{font:inherit;font-size:13px;font-weight:600;padding:7px 13px;border-radius:999px;border:1px solid rgba(201,161,90,.55);background:rgba(255,253,247,.12);color:inherit;text-decoration:none;cursor:pointer}