/* Screen controls only: never baked into photographs. */
#view article.card[data-completion-index]{cursor:pointer;-webkit-tap-highlight-color:transparent}
#view article.card[data-completion-index]:has(.printing-detail-open:focus-visible){outline:3px solid #237fb0;outline-offset:-3px}
.printing-card-hint{display:block;box-sizing:border-box;margin:7px 0;padding:7px 6px;border:1px solid #cadcde;border-radius:7px;background:#eef5f5;color:#315a67;font-size:11px;font-weight:600;line-height:1.5;white-space:normal;overflow-wrap:anywhere;text-align:center}
.printing-card-hint>span{display:block}
#view .printing-detail-open{position:absolute;width:1px;height:1px;min-height:0;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
@media(hover:hover){#view article.card[data-completion-index]:hover{outline:2px solid #b58a38;outline-offset:-2px}}
.printing-dialog{box-sizing:border-box;width:min(980px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #b6ced1;border-radius:18px;background:#fff;color:#203b48;box-shadow:0 24px 90px #031a3966;overflow:hidden;font-family:Pretendard,'Noto Sans KR',sans-serif}
.printing-dialog[open]{display:flex;flex-direction:column}
.printing-dialog::backdrop{background:#061829a8;backdrop-filter:blur(3px)}
.printing-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:0;padding:18px 22px;border-bottom:1px solid #d6e4e6;background:#f1f7f7;flex:none}
.printing-dialog-header h2{font-size:23px;line-height:1.3;margin:0;color:#193c4c}
.printing-kicker{margin:0 0 4px;color:#4b737c;font-size:11px;font-weight:800;letter-spacing:.04em}
.printing-close{flex:none;min-width:70px;min-height:44px;padding:10px 14px;border:1px solid #a8c6cd;border-radius:9px;background:#fff;color:#183c4b;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.printing-close:focus-visible,.printing-dialog a:focus-visible{outline:3px solid #237fb0;outline-offset:2px}
.printing-dialog-body{overflow:auto;min-height:0;overscroll-behavior:contain;padding:24px}
.printing-dialog-layout{display:grid;grid-template-columns:minmax(0,0.86fr) minmax(0,1.14fr);gap:28px;align-items:start}
.printing-dialog-art,.printing-dialog-info{min-width:0}
.printing-figure{margin:0;min-width:0}
.printing-image-frame{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:min(58vh,510px);overflow:hidden;border-radius:12px;background:#f6f8fa;border:1px solid #dce6eb;box-sizing:border-box}
.printing-image-frame img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.printing-image-note{color:#667c88;font-size:11px;line-height:1.6;margin-top:9px;overflow-wrap:anywhere}
.printing-name{margin:0 0 6px;font-size:24px;line-height:1.4;color:#172f3c;overflow-wrap:anywhere}
.printing-subtitle{font-size:13px;color:#607987;margin:0 0 18px;overflow-wrap:anywhere}
.printing-fields{display:grid;grid-template-columns:125px minmax(0,1fr);font-size:13px;line-height:1.65;margin:0;border-top:1px solid #dce7ea}
.printing-fields dt,.printing-fields dd{margin:0;padding:10px 0;border-bottom:1px solid #e5edef;overflow-wrap:anywhere}
.printing-fields dt{padding-right:12px;font-weight:800;color:#365967}
.printing-fields dd{color:#29414d}
.printing-notes{margin-top:14px;padding:12px 14px;border:1px solid #e4d9b8;border-radius:10px;background:#fffbef}
.printing-note{font-size:12px;line-height:1.7;margin:6px 0;color:#6b5b35;overflow-wrap:anywhere}
.printing-sources{margin-top:20px}
.printing-sources h4{font-size:13px;margin:14px 0 8px;color:#2c5364}
.printing-sources ul{list-style:none;padding:0;margin:0}
.printing-sources li{font-size:12px;line-height:1.6;margin:6px 0;overflow-wrap:anywhere}
.printing-sources a{color:#176178;text-underline-offset:3px;overflow-wrap:anywhere}
.printing-source-kind{color:#71848c;font-size:11px}
.ph-monster-printing-info{margin:18px 0;padding:16px;border:1px solid #cadcde;border-radius:12px;background:#fafdfd;min-width:0}
.ph-monster-printing-help,.ph-monster-printing-status,.ph-monster-printing-image-note{font-size:12px;line-height:1.7;overflow-wrap:anywhere;color:#607480}
.ph-monster-printing-content{min-width:0}
.monster-dialog .printing-name{font-size:18px;margin:0 0 6px}
.monster-dialog .printing-fields{grid-template-columns:110px minmax(0,1fr)}
.monster-detail-art>.printing-figure{width:100%}
.monster-dialog .printing-image-frame{height:min(52vh,450px)}
.monster-dialog .printing-image-frame img{width:100%;height:100%;max-width:100%;max-height:100%}
@media(max-width:650px){
 .printing-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:13px}
 .printing-dialog-header{padding:12px 14px;padding-top:max(12px,env(safe-area-inset-top));gap:8px}
 .printing-dialog-header h2{font-size:19px}
 .printing-dialog-body{padding:16px 14px max(18px,env(safe-area-inset-bottom))}
 .printing-dialog-layout{grid-template-columns:minmax(0,1fr);gap:20px}
 .printing-image-frame{height:min(43vh,360px)}
 .printing-name{font-size:21px}
 .printing-fields{grid-template-columns:102px minmax(0,1fr);font-size:12px}
 .ph-monster-printing-info{padding:12px}
 .monster-dialog .printing-fields{grid-template-columns:95px minmax(0,1fr)}
 .monster-dialog .printing-image-frame{height:min(43vh,360px)}
}