/* 공통 "자세히 보기" 팝업 — 크기는 사이트 전체에서 동일하게 유지한다 (2026-10-23 사용자 지시).
   데스크톱: 폭 1240px(최대, 화면의 92%), 높이 680px(최대, 화면의 88%). 모바일: 화면에 꽉 차게. */
:root{--dm-w:min(1240px,92vw);--dm-h:min(680px,88vh)}
html.dm-lock,html.dm-lock body{overflow:hidden}
.dm-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:rgba(20,26,22,.46);padding:12px}
.dm-box{width:var(--dm-w);height:var(--dm-h);display:flex;flex-direction:column;background:#fff;color:var(--ink,#242b29);border:1px solid var(--line,#e4e1d8);border-radius:12px;box-shadow:0 18px 60px rgba(10,16,12,.35);overflow:hidden}
.dm-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line,#e4e1d8)}
.dm-title{display:flex;align-items:baseline;gap:10px;min-width:0}.dm-title h3{margin:0;font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-title small{color:var(--muted,#85887e);font-size:12px;white-space:nowrap}
.dm-close{flex:none;height:32px;padding:0 14px;font:inherit;font-size:13px;font-weight:600;border:1px solid var(--line,#e4e1d8);border-radius:8px;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.dm-close:focus:not(:focus-visible){outline:none}.dm-box:focus{outline:none}.dm-close:hover{background:var(--mint,#eaf2de)}
.dm-body{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}
.dm-error{padding:24px;color:var(--muted,#85887e)}
@media(max-width:760px){.dm-title small{display:none}:root{--dm-w:100vw;--dm-h:92vh}.dm-overlay{padding:0;align-items:flex-end}.dm-box{border-radius:14px 14px 0 0}}
html[data-theme=dark] .dm-box{background:#1b1e24;border-color:#2d313a;color:#d8dde6}
html[data-theme=dark] .dm-head{border-color:#2d313a}html[data-theme=dark] .dm-close{border-color:#2d313a}html[data-theme=dark] .dm-close:hover{background:#252a31}
html[data-theme=dark] .dm-overlay{background:rgba(0,0,0,.62)}

/* 모바일: 닫기 버튼(제목 줄)을 팝업 맨 아래로 내려 엄지로 닫기 쉽게 */
@media(max-width:760px){
 .dm-box:not(.dm-tab) .dm-head{order:3;border-bottom:0;border-top:1px solid var(--line,#e4e1d8);padding:10px 16px calc(12px + env(safe-area-inset-bottom))}
 .dm-box:not(.dm-tab) .dm-close{height:38px;padding:0 24px}
 html[data-theme=dark] .dm-box:not(.dm-tab) .dm-head{border-top-color:#2d313a}
}