/* Notice detail uses the same container, columns and gutters as its list. */
.wmcsb-notice-detail-layout #bo_v {width:100%!important;}
.wmcsb-notice-detail-layout #bo_v_con img,.wmcsb-notice-detail-layout #bo_v_img img {max-width:100%;height:auto;}
.wmcsb-notice-detail-layout .notice-image-trigger {cursor:zoom-in;display:inline-block;max-width:100%;}
.wmcsb-notice-detail-layout .notice-image-trigger:focus-visible {outline:3px solid #7a233d!important;outline-offset:3px;}
.wmcsb-notice-detail-layout .notice-image-help {margin:0 0 12px;padding:8px 12px;color:#56616f;font-size:13px;line-height:1.6;text-align:left;}
dialog.notice-image-dialog {box-sizing:border-box;width:calc(100vw - 32px);max-width:1500px;height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:6px;background:#fff;color:#303b48;overflow:hidden;}
dialog.notice-image-dialog::backdrop {background:rgba(0,0,0,.78);}
.notice-image-dialog .notice-image-viewer {display:flex;flex-direction:column;height:100%;min-height:0;}
.notice-image-dialog .notice-image-toolbar {display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 16px;border-bottom:1px solid #dce3ed;flex:none;}
.notice-image-dialog .notice-image-title {margin:0 auto 0 0;font-size:16px;font-weight:600;}
.notice-image-dialog .notice-image-toolbar button {font-family:inherit;font-size:14px;line-height:22px;min-height:44px;padding:8px 14px;border:1px solid #ccd7e4;border-radius:4px;background:#fff;color:#30496d;cursor:pointer;}
.notice-image-dialog .notice-image-toolbar button:hover {background:#f3f5f8;color:#7a233d;}
.notice-image-dialog .notice-image-toolbar button:focus-visible {outline:2px solid #7a233d!important;outline-offset:2px;}
.notice-image-dialog .notice-image-stage {flex:1;min-height:0;display:block;overflow:auto;padding:12px;background:#edf0f3;}
.notice-image-dialog .notice-image-stage img {display:block;width:100%;height:auto;max-width:100%;max-height:none;margin:0 auto;}
.notice-image-dialog.is-original .notice-image-stage {display:block;}
.notice-image-dialog.is-original .notice-image-stage img {width:auto;max-width:none;max-height:none;margin:0 auto;}
.notice-image-dialog .notice-image-status {flex:none;margin:0;padding:6px 16px;font-size:12px;line-height:1.6;color:#56616f;text-align:center;}
@media(max-width:600px) {
 dialog.notice-image-dialog {width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);}
 .notice-image-dialog .notice-image-toolbar {padding:8px;gap:6px;}
 .notice-image-dialog .notice-image-title {font-size:14px;}
 .notice-image-dialog .notice-image-toolbar button {padding:6px 10px;}
 .notice-image-dialog .notice-image-stage {padding:8px;}
 .wmcsb-notice-detail-layout .notice-image-help {text-align:left;}
}