/* Small field cues; retain the complete picture when enlarged. */
.check-picture{display:flex;align-items:center;gap:12px;width:100%;padding:7px 10px;margin:0 0 8px;border:1px solid #c9cdbd;border-radius:10px;background:#faf8f0;color:#173f38;text-align:left;font:inherit;cursor:pointer;min-height:44px}
.marked-image{display:block;position:relative;flex:none;width:112px;aspect-ratio:3/2}
.marked-image img{display:block;width:100%;height:100%;object-fit:contain;border-radius:5px}
.marked-image svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.marked-image ellipse{fill:none;vector-effect:non-scaling-stroke}
.mark-under{stroke:#fffdf7;stroke-width:5px}.mark-top{stroke:#aa3427;stroke-width:2.5px}
.check-picture>span:last-child{font-size:15px;line-height:1.6}.check-picture b{display:block;font-size:14px}
.check-picture:focus-visible,.bank-story-zoom:focus-visible{outline:3px solid #aa3427;outline-offset:3px}
.visual-dialog{width:min(94vw,1100px);max-width:94vw;max-height:92dvh;padding:16px;border:0;border-radius:12px;background:#fffdf7;color:#173f38;overflow:auto}
.visual-dialog::backdrop{background:rgba(10,25,22,.8)}
.visual-dialog h2{font-size:20px;line-height:1.5;margin:8px 0 16px}
.visual-dialog form{display:flex;justify-content:flex-end;position:sticky;top:0;z-index:2}
.visual-close{min-height:44px;padding:8px 20px;border:1px solid #173f38;border-radius:8px;background:#173f38;color:white;font:inherit;cursor:pointer}
.visual-dialog .marked-image{width:100%;height:auto}.visual-open{overflow:hidden}
.bank .bank-reuse .bank-flow>div{grid-template-columns:96px minmax(0,1fr);column-gap:12px;padding:10px;text-align:left;align-items:center}
.bank .bank-reuse .bank-story-image{width:96px;height:64px;aspect-ratio:3/2;object-fit:contain}
.bank .bank-reuse .bank-story-zoom{grid-row:1/3;padding:0;border:0;border-radius:6px;background:transparent;cursor:zoom-in}
.bank .bank-reuse .bank-flow b,.bank .bank-reuse .bank-flow>div>span{grid-column:2;font-size:16px;line-height:1.55}
.bank .bank-reuse .bank-flow>div>span{font-size:14px}
.spot ruby{ruby-align:center}.spot rt{font-size:12px;font-weight:400;color:#314b40}
.architect-grid .name-reading{font-size:14px;line-height:1.5;margin:0 0 12px;color:#314b40}
@media(max-width:360px){.bank .bank-reuse{padding:12px}.bank .bank-reuse .bank-flow>div{grid-template-columns:76px minmax(0,1fr)}.bank .bank-reuse .bank-story-image{width:76px;height:51px}}