.ms-photo-viewer{width:100%;min-width:0;margin:0}
.ms-photo-open{display:block;width:100%;position:relative;border:0;padding:12px;background:#d9e3e7;cursor:zoom-in;color:#203542}
.ms-photo-open img{display:block;width:100%;height:auto;max-height:65svh;object-fit:contain;margin:0 auto}
.ms-enlarge-label{position:absolute;right:18px;bottom:18px;background:#f7f7f2ed;border:1px solid #a4b7c1;padding:8px 12px;font:500 12px/1.4 var(--sans)}
.ms-photo-caption{font:400 12px/1.6 var(--sans);color:#536b79;margin:12px 0 7px}
.ms-source-link{display:inline-flex;align-items:center;min-height:44px;font:500 11px/1.4 var(--sans);color:#90382d;text-decoration:none}
.ms-photo-status:empty{display:none}
.ms-photo-status{font:400 13px/1.5 var(--sans);color:#923b31}
.ms-view-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ms-control{border:1px solid #afbec6;background:#fafbf8;color:#304c5b;padding:10px 14px;min-height:44px;font:500 12px/1.4 var(--sans);cursor:pointer}
.ms-control[aria-pressed=true]{background:#304c5b;color:white}
.ms-control:disabled{opacity:.45;cursor:default}
.ms-control:focus-visible,.ms-thumb:focus-visible,.ms-photo-open:focus-visible{outline:3px solid #a53227;outline-offset:3px}
.ms-photo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;margin:20px 0}
.ms-thumb{display:flex;flex-direction:column;align-items:center;justify-content:end;min-width:0;padding:9px 9px 0;background:#e2eaed;border:1px solid #bacbd3;text-decoration:none;color:#324d5b;cursor:pointer}
.ms-thumb img{display:block;width:100%;height:170px;object-fit:contain;max-height:none}
.ms-thumb span{display:flex;align-items:center;justify-content:center;min-height:44px;font:500 12px/1.4 var(--sans)}
.ms-thumb[aria-current=true]{border-color:#96382f;box-shadow:inset 0 -3px #96382f}
.ms-thumb:hover{border-color:#536f7e;background:#d3e0e6}
.ms-gallery-heading h3{font:400 29px/1.15 var(--serif);margin:0 0 12px;letter-spacing:-.025em}
.ms-gallery-pager{display:flex;gap:12px;justify-content:space-between}
#handPhotoGallery{margin-top:32px;padding-top:28px;border-top:1px solid #c3d1d9;scroll-margin-top:110px}
.hand-page-choice{display:block;font:500 11px/1.5 var(--sans);margin-top:20px;width:100%;color:#536b79}
.hand-page-choice select{display:block;width:100%;min-height:44px;margin-top:7px;padding:8px 12px;border:1px solid #a6bac5;background:white;font:400 16px/1.4 var(--sans);color:#304c5b;border-radius:0}
.hand-photo-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;width:100%}
.hand-photo-strip .ms-thumb{padding:7px 7px 0}
.hand-photo-strip .ms-thumb img{height:95px}
.hand-photo-strip .ms-thumb span{font-size:11px;min-height:32px}
.hand-photo-pager{display:flex;justify-content:space-between;gap:8px;margin-top:12px}
.chapter-visual .ms-photo-open{padding:0;background:transparent}
.chapter-visual .ms-photo-open img{height:auto;max-height:590px;width:100%;filter:drop-shadow(4px 7px 10px #28444f20)}
.chapter-visual:has(.ms-photo-viewer){justify-content:start;padding-top:30px}
.chapter-visual .ms-photo-caption{font-size:11px}
.chapter-visual .ms-enlarge-label{right:10px;bottom:10px}
.ms-lightbox{width:min(1200px,96vw);max-width:96vw;height:92dvh;max-height:92dvh;margin:auto;padding:18px;background:#f3f6f6;color:#223b49;border:1px solid #819aa8;overflow:hidden}
.ms-lightbox[open]{display:flex;flex-direction:column;gap:10px}
.ms-lightbox::backdrop{background:#101d26d9}
.ms-lightbox-header{display:flex;justify-content:space-between;align-items:center;gap:18px}
.ms-lightbox-header p{font:500 13px/1.5 var(--sans);margin:0}
.ms-zoom-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ms-zoom-tools output{font:500 12px/1.5 var(--sans);min-width:45px;text-align:center}
.ms-zoom-tools a{display:inline-flex;align-items:center;min-height:44px;margin-left:auto;font:500 12px/1.5 var(--sans);color:#93382d}
.ms-zoom-viewport{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#d4dfe4;padding:0;scrollbar-gutter:stable}
.ms-zoom-viewport img{display:block;height:auto!important;max-width:none!important;max-height:none!important;margin:auto;object-fit:initial}
.ms-lightbox>.ms-photo-caption{font-size:10px;margin:0}
@media(max-width:1100px){.ms-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ms-thumb img{height:150px}}
@media(max-width:699px){
 .ms-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .ms-thumb{padding:6px 6px 0}.ms-thumb img{height:110px}
 .ms-control{font-size:11px;padding:9px 12px}
 .chapter-visual .ms-photo-open img{height:360px;max-height:55svh}
 .hand-photo-strip .ms-thumb img{height:90px}
 .ms-lightbox{padding:12px;width:96vw;height:94dvh;max-height:94dvh}
 .ms-lightbox-header p{font-size:11px}
 .ms-zoom-tools{gap:6px}.ms-zoom-tools a{font-size:11px}
 /* Keep the selected hand and page controls above the photograph on phones. */
 #panel-hands .chapter-interaction,#panel-hands #hand-result{display:contents}
 #panel-hands .chapter-interaction>.eyebrow{order:1;margin:24px 21px 12px}
 #panel-hands .chapter-interaction>h3{order:2;margin:0 21px 16px}
 #panel-hands .chapter-interaction>p:not(.eyebrow):not(.chapter-note){order:3;margin:0 21px 20px}
 #panel-hands .hand-choices{order:4;margin:0 21px;width:calc(100% - 42px)}
 #panel-hands #hand-result>.encoded-word{display:none}
 #panel-hands #hand-result>.word-counts{order:5;margin:18px 21px 0}
 #panel-hands #hand-result>.word-counts>div{flex-direction:row;align-items:baseline;gap:9px}
 #panel-hands #hand-result>.word-counts strong{font-size:26px}
 #panel-hands .hand-page-choice{order:6;margin:15px 21px 0;width:calc(100% - 42px)}
 #panel-hands .hand-photo-pager{order:7;margin:10px 21px 18px}
 #panel-hands #hand-photo{order:8;padding-top:20px}
 #panel-hands .hand-photo-strip{order:9;margin:20px 21px 0;width:calc(100% - 42px)}
 #panel-hands #hand-result>.ms-source-link{order:10;margin:8px 21px}
 #panel-hands .chapter-interaction>.chapter-note{order:11;margin:10px 21px 18px!important}
 #panel-hands .chapter-open{order:12;align-self:start;margin:0 21px 26px}
}
