/* [한글 유지보수 안내]
 * WordPress의 공개 상세 페이지를 동일한 95% 팝업으로 보여 주는 어댑터입니다.
 * 색·폰트·유리 버튼은 platform-v3.css의 공통 토큰을 사용합니다.
 * 프레임은 고정하고 원문만 contain으로 표시하여 이미지 비율이 바뀌어도 창이 움직이지 않습니다. */
#youngsei-reader-dialog[open]{display:flex;flex-direction:column;width:95vw;max-width:95vw;height:95dvh;max-height:95dvh;min-width:0;min-height:0;overflow:hidden;margin:auto;padding:0}
.wp-reader-dialog>.dialog-head{position:relative;flex:none;min-width:0}
.wp-reader-identity{font-size:var(--text-title);line-height:1.4;min-width:0}
/* 교회명·부서 아이콘·게시글 제목을 같은 밝은 제목 면에 모읍니다.
 * SVG는 장식이고 이름 span은 그대로 읽히므로 번역과 타이핑 효과에도 접근성 이름이 보존됩니다. */
.wp-reader-dialog[data-board=faith]>.dialog-head{background:color-mix(in srgb,var(--dept-tint,var(--sage-tint)) 76%,var(--paper));border-bottom:0}
.wp-reader-dialog[data-board=faith]>.post-intro{padding-top:4px;padding-bottom:10px;background:color-mix(in srgb,var(--dept-tint,var(--sage-tint)) 76%,var(--paper))}
.wp-reader-dialog[data-board=faith] .wp-reader-identity{display:flex;align-items:center;gap:12px;color:var(--dept,var(--sage));font-size:var(--text-section);font-weight:var(--weight-heading)}
.wp-reader-label{min-width:0;word-break:keep-all;overflow-wrap:anywhere}
.wp-reader-symbol,.faith-detail .faith-reader-symbol{display:inline-flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;border:1px solid #ffffffcc;border-radius:var(--radius-control);color:var(--dept,var(--sage));background:var(--panel-highlight),color-mix(in srgb,var(--dept-tint,var(--sage-tint)) 72%,var(--paper));box-shadow:inset 0 1px 1px #fff,0 7px 14px -10px #39433266}
.wp-reader-symbol .ui-icon,.faith-detail .faith-reader-symbol .ui-icon{width:28px;height:28px;min-width:28px}
.faith-detail .faith-reader-identity{gap:12px}
.faith-detail .faith-reader-identity strong{font-size:var(--text-section)}
.wp-reader-head-actions{display:flex;align-items:center;gap:8px;flex:none}
.wp-reader-head-actions .admin-delete-form{margin:0}
.wp-reader-dialog>.post-intro{flex:none;min-width:0}
.wp-reader-dialog .post-intro h2{margin:0;overflow-wrap:anywhere;text-wrap:balance}
.wp-reader-dialog[data-board=faith] .post-intro h2{font-size:var(--text-display-mobile);font-weight:var(--weight-heading);line-height:1.4;text-wrap:pretty}
.wp-reader-dialog .post-intro p{margin:4px 0 0}
.wp-reader-dialog>.reader-toolbar{flex:none;min-width:0;flex-wrap:nowrap}
.wp-reader-dialog .download-row{display:flex;gap:8px;align-items:center;flex:none}
.wp-reader-dialog .download-row>*{min-width:44px;min-height:44px;width:44px;height:44px}
.wp-reader-tabs{flex:1;min-width:0;margin:0;scrollbar-width:thin}
.reader-page-picker{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0}
.reader-page-kind{flex:none;color:var(--ink);font-size:var(--text-small);font-weight:var(--weight-emphasis);line-height:1.5;white-space:nowrap}
.reader-page-picker>.wp-reader-tabs{padding:4px;scrollbar-color:var(--field-edge) transparent}
.wp-reader-tabs>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;flex:none}
.wp-reader-thumbnails>button{width:62px;min-width:62px;height:50px;padding:3px}
.wp-reader-thumbnails img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-control)}
.wp-reader-stage{flex:1;min-height:0;min-width:0;display:flex;padding:0 6px 6px;overflow:hidden;background:var(--surface-reader);scrollbar-color:var(--field-edge) var(--surface-reader)}
.wp-reader-stage>.wp-image-carousel{width:100%;height:100%;max-height:100%;min-height:0;border:0;background:transparent;border-radius:var(--radius-control)}
.wp-image-carousel.is-carousel>[data-faith-slide]{padding:0 4px;scrollbar-gutter:stable;display:flex;align-items:center;justify-content:center;background:transparent}
.wp-image-carousel.is-carousel img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;object-fit:contain}
.wp-reader-dialog :is(button,a,[tabindex]):focus-visible{scroll-margin-block:12px}
@media(max-width:720px){
 .wp-reader-dialog>.dialog-head{padding:12px}
 .wp-reader-identity{font-size:var(--text-title)}
 .wp-reader-dialog[data-board=faith]>.dialog-head{gap:10px}
 .wp-reader-dialog[data-board=faith] .wp-reader-identity{gap:8px;font-size:var(--text-title)}
 .wp-reader-head-actions .icon-action{width:44px;min-width:44px;height:44px;min-height:44px}
 .wp-reader-symbol,.faith-detail .faith-reader-symbol{width:40px;height:40px}
 .wp-reader-symbol .ui-icon,.faith-detail .faith-reader-symbol .ui-icon{width:24px;height:24px;min-width:24px}
 .faith-detail .faith-reader-identity{gap:8px}
 .faith-detail .faith-reader-identity strong{font-size:var(--text-title)}
 .wp-reader-dialog .post-intro{padding:10px 12px 6px}
 .wp-reader-dialog .post-intro h2{font-size:var(--text-title);line-height:1.4}
 .wp-reader-dialog[data-board=faith] .post-intro h2{font-size:var(--text-section)}
 .wp-reader-dialog>.reader-toolbar{padding:8px 10px 12px;gap:8px;flex-wrap:wrap}
 .wp-reader-tabs:not(.wp-reader-thumbnails){flex-basis:100%}
 .reader-page-picker:has(.wp-reader-tabs:not(.wp-reader-thumbnails)){flex-basis:100%}
 .wp-reader-tabs>button{font-size:var(--text-small);padding:8px 10px}
 .wp-reader-dialog .download-row{margin-left:auto}
 .wp-reader-thumbnails>button{width:48px;min-width:48px;height:46px;padding:3px}
 .wp-reader-dialog:has(.wp-reader-thumbnails)>.reader-toolbar{flex-wrap:nowrap}
 /* 미션이 여러 장이면 현재 문서의 종류와 썸네일을 한 묶음으로 둡니다.
  * 전체/장수 분수 대신 실제 썸네일로 이동하며, 조작은 다음 행의 오른쪽에 모읍니다. */
 .wp-reader-dialog:has(.reader-page-kind:not([hidden]))>.reader-toolbar{flex-wrap:wrap}
 .wp-reader-dialog:has(.reader-page-kind:not([hidden])) .reader-page-picker{flex-basis:100%}
 .reader-page-picker{gap:8px}
}
@media(max-height:560px) and (orientation:landscape){
 .wp-reader-dialog[data-board=faith] .wp-reader-identity{gap:8px;font-size:var(--text-title)}
 .wp-reader-symbol{width:36px;height:36px}
 .wp-reader-symbol .ui-icon{width:24px;height:24px;min-width:24px}
 .wp-reader-dialog>.dialog-head{padding:8px 12px}
 .wp-reader-dialog .post-intro{padding:6px 12px}
 .wp-reader-dialog .post-intro h2{font-size:var(--text-title);line-height:1.4}
 .wp-reader-dialog[data-board=faith] .post-intro h2{font-size:var(--text-title)}
 .wp-reader-dialog .post-intro p{display:none}
 .wp-reader-dialog>.reader-toolbar{padding:6px 12px 8px;flex-wrap:nowrap}
 .wp-reader-tabs:not(.wp-reader-thumbnails){flex-basis:auto}
 .wp-reader-tabs>button{min-height:44px;font-size:var(--text-small)}
 .wp-reader-dialog:has(.reader-page-kind:not([hidden]))>.reader-toolbar{flex-wrap:nowrap}
 .wp-reader-dialog:has(.reader-page-kind:not([hidden])) .reader-page-picker{flex-basis:auto}
}
@media print{
 #youngsei-reader-dialog[open]{position:static;display:block;width:100%;max-width:none;height:auto;max-height:none;overflow:visible;border:0;box-shadow:none}
 .wp-reader-dialog>.dialog-head,.wp-reader-dialog>.reader-toolbar{display:none}
 .wp-reader-stage,.wp-reader-stage>.wp-image-carousel,.wp-image-carousel.is-carousel>[data-faith-slide]{display:block!important;height:auto!important;overflow:visible!important}
 .wp-image-carousel.is-carousel img{height:auto;max-height:none}
}