.photo-banner{border:6px solid #fff;box-shadow:0 1px 6px #ccc;background:#fff}
.photo-slides{aspect-ratio:4/3;position:relative;overflow:hidden;background:#eee}
.banner .photo-slide{display:block;width:100%;height:100%;object-fit:contain;border:0;box-shadow:none}
.banner .photo-slide[hidden]{display:none}
.photo-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;flex-wrap:wrap}
.photo-controls button{font:inherit;font-size:14px;background:#e3f3ff;color:#194d70;border:1px solid #b6d2e6;padding:8px 14px;min-height:44px;cursor:pointer}
.photo-controls button:hover{background:#d0eaff}
.photo-controls button:focus-visible{outline:3px solid #327cab;outline-offset:2px}
.photo-controls span{font-size:14px;color:#555;min-width:38px;text-align:center}