#directorWorkInstructions .wi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1100px}
#directorWorkInstructions .wi-card{border:1px solid #d6dfeb;border-radius:16px;overflow:hidden;background:#fff;color:#14263d}
#directorWorkInstructions .wi-preview{display:block;width:100%;height:260px;margin:0;border:0;border-radius:0;background:#e8eef6;padding:12px;cursor:zoom-in}
#directorWorkInstructions .wi-preview img{display:block;width:100%;height:100%;object-fit:contain}
#directorWorkInstructions .wi-card-body{padding:20px}#directorWorkInstructions h2{margin:8px 0;font-size:23px}#directorWorkInstructions small{color:#526782;font-size:12px;font-weight:700}#directorWorkInstructions .wi-card p{color:#44576e;line-height:1.55;min-height:48px}
#directorWorkInstructions .wi-actions{display:flex;gap:10px;flex-wrap:wrap}#directorWorkInstructions .wi-actions button,#directorWorkInstructions .wi-actions a,.wi-viewer header a,.wi-viewer header button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid #bac9de;border-radius:9px;background:#fff;color:#18304e;font:inherit;text-decoration:none;cursor:pointer}#directorWorkInstructions .wi-actions button{background:#225dc2;color:#fff;border-color:#225dc2}
.wi-viewer{width:min(1100px,96vw);max-width:96vw;max-height:94dvh;padding:0;border:0;border-radius:14px;background:#fff;color:#14263d;overflow:auto}.wi-viewer::backdrop{background:#102238b8}.wi-viewer header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fff;border-bottom:1px solid #d6dfeb;z-index:1}.wi-viewer header h2{margin:0;font:700 20px system-ui}.wi-viewer header>div{display:flex;gap:8px;flex-wrap:wrap}.wi-viewer>img{display:block;width:100%;height:auto}.wi-viewer button:focus-visible,.wi-viewer a:focus-visible,#directorWorkInstructions button:focus-visible,#directorWorkInstructions a:focus-visible{outline:3px solid #2e72e0;outline-offset:3px}
@media(max-width:700px){#directorWorkInstructions .wi-grid{grid-template-columns:1fr}#directorWorkInstructions .wi-preview{height:220px}.wi-viewer header{align-items:flex-start;flex-direction:column}.wi-viewer header>div{width:100%}.wi-viewer header a,.wi-viewer header button{flex:1;padding:8px;font-size:13px}}