/* Shared Case Detail dialog styling for pages outside the Home documents (Capabilities KO/EN).
   Extracted verbatim, in cascade order, from the .cd rules of index.html / en/index.html. */
.cd{--font-ko:"Malgun Gothic","Apple SD Gothic Neo","Noto Sans KR",sans-serif;--font-name:Georgia,"Times New Roman",serif;word-break:keep-all;overflow-wrap:break-word}
[data-case-trigger]{cursor:pointer}
[data-case-trigger]:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.cd{border:0;padding:0;background:var(--sheet);color:var(--ink);width:min(1120px,calc(100vw - 96px));max-width:none;max-height:min(770px,calc(100vh - 64px));overflow:hidden;box-shadow:0 30px 80px rgba(41,39,34,.34)}
.cd::backdrop{background:rgba(41,39,34,.66)}
.cd-inner{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);grid-template-rows:auto minmax(0,1fr);gap:0 34px;padding:22px 32px 28px;max-height:min(770px,calc(100vh - 64px))}
.cd-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:2px solid var(--ink);padding-bottom:13px;margin-bottom:22px}
.cd-entry{font:800 14px/1.55 Arial,Helvetica,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin:0}
.cd-close{font:800 12px/1 Arial,Helvetica,"Pretendard","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;letter-spacing:.08em;text-transform:uppercase;background:var(--accent);color:#fff;border:0;padding:11px 17px;cursor:pointer}
.cd-close:hover{background:var(--ink)}
.cd-close:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.cd-shot{margin:0;border:1px solid var(--rule);align-self:start;background:var(--paper)}
.cd-frame{display:block;position:relative;overflow:hidden;aspect-ratio:16/10;background:#e6ded1}
.cd-shot img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.cd-shotcap{font:800 11px/1.45 Arial,Helvetica,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#6d6659;border-top:1px solid var(--rule);padding:9px 12px}
.cd-body{overflow-y:auto;min-height:0;padding-right:6px}
.cd-title{font-size:36px;line-height:1.04;letter-spacing:-.05em;margin:0 0 7px}
.cd-title:focus{outline:none}
.cd-title:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.cd-identity{font:800 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.08em;color:var(--accent);margin:0 0 4px;text-transform:uppercase}
.cd-fields{margin:0}
.cd-fields dt{font:800 10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#6d6659;margin-top:17px}
.cd-fields dd{margin:6px 0 0;font-size:15px;line-height:1.55;max-width:58ch}
html.motion-on .cd[open]{animation:cd-in .36s cubic-bezier(.2,.78,.22,1)}
@keyframes cd-in{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
@media(max-width:1000px){
  .cd-inner{grid-template-columns:1fr;gap:20px}
}
@media(prefers-reduced-motion:reduce){
  html.motion-on .cd[open]{animation:none}
}
.cd-title{letter-spacing:-.025em;line-height:1.2}
.cd-subtitle{margin:0 0 6px;line-height:1.5}
.cd-code{margin:0 0 6px;opacity:.72;letter-spacing:.06em}
.cd-fields dd{line-height:1.62}
.cd-entry,.cd-code,.cd-shotcap{letter-spacing:.04em}
.cd-fields dt{word-break:keep-all}
.cd-code{display:none}
.cd-entry,.cd-shotcap,.cd-fields dt{letter-spacing:0;text-transform:none}
.cd-fields dt{font-size:11px}
.cd-fields dd{font-size:15px}
.cd-title:focus-visible{outline:0;border-left:3px solid var(--accent);padding-left:9px}
body .cd-title{font-family:var(--font-name)!important}
.cd-entry,.cd-shotcap,.cd-fields dt{letter-spacing:0;text-transform:none}
.cd-shotcap,.cd-fields dt{line-height:1.55}
.cd-close{font-size:12px;font-weight:700;letter-spacing:0}
.cd-title{font-size:34px;line-height:1.18}
.cd-subtitle{font-size:15px;line-height:1.55}
.cd-fields dt{font-size:12px;margin-top:12px}
.cd-fields dd{font-size:15px;line-height:1.58;margin-top:4px}
.cd-inner{padding:18px 32px 18px}
.cd-head{margin-bottom:15px}
@media(max-width:1000px){
  .cd-inner{grid-template-rows:auto auto minmax(0,1fr)}
  .cd-shot{align-self:start}
  .cd-body{padding-right:0}
}
@media(max-width:700px) and (pointer:coarse),(max-width:520px){
  .cd-close{min-height:44px;min-width:64px}
}
@media(min-width:701px){
  .cd-close{font-size:14px}
  .cd-entry{font-size:15px}
  .cd-fields dt{font-size:14px}
  .cd-shotcap{font-size:13px}
}
/* Same type system as the Home dialog: one sans family for the whole component, serif only for the project name. */
/* English pages use the English Home dialog's sans stack (Arial first), exactly as the Home dialog does. */
html[lang="en"] .cd{--font-ko:Arial,Helvetica,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif}
body .cd,body .cd *{font-family:var(--font-ko)!important}
body .cd .cd-title{font-family:var(--font-name)!important}
/* Optional link to a standalone case study (only injected for projects that have one). */
.cd-fulllink{margin:22px 0 0;padding-bottom:6px}
.cd-fulllink a{display:inline-block;color:var(--accent);font-weight:800;font-size:15px;text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:2px}
.cd-fulllink a:hover{color:var(--ink);border-bottom-color:var(--ink)}
.cd-fulllink a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.cd-body{padding-bottom:10px}