.trade-work-photo{margin:16px 0 20px;background:#f4f6f8;border:1px solid #d9dfe6;border-radius:12px;overflow:hidden}.trade-work-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.trade-work-photo figcaption{padding:10px 12px;font-size:14px;line-height:1.45;color:#17212b}.trade-work-photo figcaption span{display:block;color:#536273;font-size:12px;margin-top:3px}.assessment-work-photos{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.assessment-work-photos .trade-work-photo{margin:0}@media(max-width:600px){.assessment-work-photos{grid-template-columns:1fr;gap:16px}}
.photo-enlarge{display:block;position:relative;cursor:zoom-in}.photo-enlarge-hint{position:absolute;bottom:10px;right:10px;padding:6px 10px;border-radius:6px;background:#101a28ed;color:white;font-size:12px;font-weight:700}.photo-enlarge:focus-visible{outline-offset:-4px}
#photo-viewer{width:min(1100px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:16px;border:1px solid #52657c;border-radius:14px;background:#101a28;color:#edf3fb;overflow:auto}#photo-viewer::backdrop{background:#000c}.photo-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.photo-viewer-bar h2{font-size:20px;letter-spacing:0;line-height:1.3;margin:0}.photo-close{flex:none;min-width:44px;min-height:44px;background:#23334a;color:white;border:1px solid #52657c;border-radius:8px}.photo-viewer-image{display:block;max-height:65dvh;width:100%;object-fit:contain;border-radius:6px}.photo-viewer-note{font-size:12px;color:#b4c2d3}.photo-viewer-actions{display:flex;gap:8px;flex-wrap:wrap}.photo-viewer-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;background:#1456b8;color:white;border-radius:7px;font-size:14px;font-weight:700}.photo-viewer-actions .green{background:#146b37}body.photo-viewer-open{overflow:hidden}@media(max-width:480px){.photo-viewer-actions{display:grid;grid-template-columns:1fr 1fr}.photo-viewer-actions a:first-child{grid-column:1/-1}.photo-viewer-bar h2{font-size:17px}}