/* The saved figure owns its width. Use a block caption: the article theme also
   makes figures blocks, so table-caption would shrink into an anonymous table. */
#wr-body figure.news-photo, .wr-prev figure.news-photo, .body figure.news-photo {
  display:block; box-sizing:border-box; max-width:100%; padding:0;
}
#wr-body figure.news-photo img, .wr-prev figure.news-photo img, .body figure.news-photo img {
  display:block; width:100%; max-width:100%; height:auto; margin:0;
}
#wr-body figure.news-photo figcaption, .wr-prev figure.news-photo figcaption, .body figure.news-photo figcaption {
  display:block; box-sizing:border-box; width:100%; min-width:0;
  padding:7px 0; font-size:13px; line-height:1.6; text-align:left; color:#666; overflow-wrap:anywhere;
}
#wr-body:after, .wr-prev:after, .body:after { content:""; display:block; clear:both; }
.wr-photo-tools { position:sticky; z-index:5; background:#f8fafc; display:flex; flex-wrap:wrap; gap:5px; align-items:center; border-top:1px solid #d5dbe3; padding:8px 10px; margin:0; border-bottom:1px solid #d5dbe3; font-family:inherit; font-size:13px; line-height:1.5; color:#222; }
.wr-photo-tools[hidden], .wr-photo-outline[hidden], .wr-photo-drop[hidden] { display:none; }
.wr-photo-tools b { margin-right:5px; }
.wr-photo-tools span { flex-basis:100%; color:#666; font-size:12px; }
.wr-photo-tools button, .wr-photo-tools select, .wr-photo-position button { font:inherit; background:#fff; color:#222; border:1px solid #d5dbe3; border-radius:4px; padding:5px 8px; cursor:pointer; min-height:32px; }
.wr-photo-tools button[aria-pressed="true"], .wr-photo-position [data-apply] { color:#fff; border-color:#1765a8; background:#1765a8; }
.wr-photo-tools select { width:auto!important; flex:0 0 auto; }
.wr-photo-tools label { display:flex; gap:4px; align-items:center; margin-left:5px; }
.wr-photo-tools input { width:70px!important; min-width:0; padding:5px!important; font:inherit; }
.wr-photo-tools :focus-visible, .wr-photo-position :focus-visible, .wr-photo-outline button:focus-visible { outline:3px solid #1765a8; outline-offset:2px; }
.wr-photo-outline { position:fixed; border:2px solid #1765a8; pointer-events:none; z-index:72; box-sizing:border-box; }
.wr-photo-outline button { position:absolute; pointer-events:auto; color:#fff; background:#1765a8; border:1px solid #fff; width:30px; height:30px; font-size:20px; padding:0; }
.wr-photo-grip { left:-2px; top:-2px; cursor:grab; }
.wr-photo-resize { right:-2px; bottom:-2px; cursor:nwse-resize; touch-action:none; }
.wr-photo-drop { position:fixed; height:4px; background:#1765a8; pointer-events:none; z-index:74; }
.wr-photo-position { width:560px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 40px); box-sizing:border-box; padding:20px; border:1px solid #d5dbe3; border-radius:8px; color:#222; background:#fff; font:14px/1.6 sans-serif; }
.wr-photo-position::backdrop { background:rgba(0,0,0,.4); }
.wr-photo-position h3 { margin:0; font-size:18px; }
.wr-photo-position select { display:block; width:100%; margin-top:8px; padding:4px; font:inherit; border:1px solid #d5dbe3; }
.wr-photo-position option { padding:8px; }
.wr-photo-position>div { display:flex; justify-content:flex-end; gap:8px; }
.wr-photo-position-error { color:#b91c1c; }
@media(max-width:600px) {
  #wr-body figure.news-photo, .wr-prev figure.news-photo, .body figure.news-photo { float:none!important; margin:16px auto!important; max-width:100%!important; }
  .wr-photo-tools button, .wr-photo-tools select { min-height:36px; }
}
