/* Commercial 상세 공통 (2026-10-01 피드백) — 페이지 CSS 뒤에 로드한다.
   1) 사진 크게 보기: 사진만 크게, 뒤 화면은 블러로 흐리게, 사진 바깥을 누르면 닫힘(detail-common.js). 창은 사진 크기에 맞춘다(fit-content — auto면 화면 폭까지 늘어나 사진이 한쪽으로 붙는다)
   2) 줄간격: h1과 버튼·라벨류를 뺀 글의 줄 사이 여백을 ×0.6 (build_detail_common.py가 생성) */
dialog#viewer,dialog#image-viewer{width:fit-content;height:fit-content;max-width:94vw;max-height:94vh;padding:0;margin:auto;border:0;background:transparent;overflow:visible;color:#111}
dialog#viewer::backdrop,dialog#image-viewer::backdrop,dialog.lightbox::backdrop{background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
dialog#viewer img{display:block;width:auto;height:auto;max-width:94vw;max-height:88vh;margin:0 auto;object-fit:contain;box-shadow:0 18px 60px rgba(0,0,0,.25)}
dialog#viewer button,dialog#image-viewer button{position:fixed;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(17,17,17,.18);background:rgba(255,255,255,.92);color:#111;font-size:26px;line-height:1;box-shadow:0 4px 16px rgba(0,0,0,.12);cursor:pointer}
dialog#viewer .viewer-close,dialog#image-viewer #viewer-close{top:18px;right:20px;left:auto;transform:none}
dialog#viewer .viewer-prev,dialog#image-viewer #viewer-prev{top:50%;left:18px;right:auto;transform:translateY(-50%)}
dialog#viewer .viewer-next,dialog#image-viewer #viewer-next{top:50%;right:18px;left:auto;transform:translateY(-50%)}
dialog#image-viewer .viewer-toolbar{background:transparent;color:#111}
dialog#image-viewer #viewer-close{font-size:15px;width:auto;padding:0 16px;border-radius:999px}
dialog#image-viewer .viewer-stage{background:transparent}
dialog#image-viewer #viewer-image{max-width:94vw;max-height:84vh;box-shadow:0 18px 60px rgba(0,0,0,.25)}
dialog#image-viewer #viewer-caption{color:#333}
dialog.lightbox,dialog.lightbox[open]{background:transparent}
dialog.lightbox img{box-shadow:0 18px 60px rgba(0,0,0,.25)}
dialog.lightbox button{width:46px;height:46px;border-radius:50%;border:1px solid rgba(17,17,17,.18);background:rgba(255,255,255,.92);font-size:26px;line-height:1;box-shadow:0 4px 16px rgba(0,0,0,.12)}
@media(max-width:700px){dialog#viewer img{max-width:96vw;max-height:80vh}dialog#viewer button,dialog#image-viewer button{width:40px;height:40px;font-size:22px}dialog#viewer .viewer-prev,dialog#image-viewer #viewer-prev{left:8px}dialog#viewer .viewer-next,dialog#image-viewer #viewer-next{right:8px}}
/* posco.css → .cs-page (로컬 미리보기) */
.cs-page .project-place{line-height:1.45}
.cs-page .lead{line-height:1.48}
.cs-page .project-meta dd{line-height:1.48}
.cs-page h2{line-height:1.18}
.cs-page h3{line-height:1.24}
.cs-page .section-copy{line-height:1.51}
.cs-page figcaption{line-height:1.39}
.cs-page .note{line-height:1.36}
.cs-page .contribution{line-height:1.36}
.cs-page .hall strong.hname{line-height:1.18}
.cs-page .hall li{line-height:1.27}
.cs-page .space-key strong{line-height:1.24}
.cs-page .space-key span{line-height:1.36}
.cs-page .stages p{line-height:1.39}
.cs-page .signal-cell strong{line-height:1.27}
.cs-page .credits dl>div{line-height:1.48}
@media(max-width:700px){.cs-page .section-copy{line-height:1.48}}
.cs-page .project-meta .meta-sub{line-height:1.36}