.viewing-room{--photo-notes-width:clamp(300px,24vw,350px)}
.viewing-room.notes-open #viewer-stage{right:var(--photo-notes-width);width:auto}
.viewing-room.notes-open .viewer-top,.viewing-room.notes-open .viewer-bottom{right:var(--photo-notes-width)}
.viewing-room.notes-open .viewer-arrow.next{right:calc(var(--photo-notes-width) + 16px)}
.photo-notes{position:absolute;z-index:4;inset:0 0 0 auto;width:var(--photo-notes-width);padding:24px 26px 28px;overflow:auto;overscroll-behavior:contain;background:#eee5d8;color:#302b35;display:none;font-size:calc(14px * var(--reading-scale,1));line-height:1.5;scrollbar-width:thin;scrollbar-color:#b5a5aa transparent}
.notes-open .photo-notes{display:block;animation:notes-enter .3s ease}
.notes-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.notes-heading .eyebrow{font-size:calc(10px * var(--reading-scale,1));letter-spacing:.16em}
.notes-hide{background:none;border:0;color:inherit;font-size:28px;width:36px;height:36px;padding:0;line-height:1}
.photo-notes h2{font:clamp(32px,3vw,44px)/1.1 'Libre Caslon Display',Georgia,serif;letter-spacing:-.025em;margin:20px 0 5px}.notes-date{font-size:calc(12px * var(--reading-scale,1));color:#6e5d65;margin:0 0 25px}
.camera-card{border-top:1px solid #c7b7b8;padding-top:20px}.camera-card h3{font:500 calc(18px * var(--reading-scale,1))/1.4 'DM Sans',Arial,sans-serif;margin:0 0 5px}.camera-card>p{font-size:calc(12px * var(--reading-scale,1));overflow-wrap:anywhere;color:#6e5d65;margin:0 0 16px}
.source-spec{display:flex;flex-wrap:wrap;gap:7px 12px;align-items:center;border-bottom:1px solid #c7b7b8;padding:0 0 16px;font-size:calc(12px * var(--reading-scale,1))}#notes-format{background:#d7dce0;padding:2px 7px;border-radius:3px;margin-left:auto}
#notes-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 10px;margin:18px 0 20px}#notes-settings div{min-width:0}#notes-settings dt{font-size:calc(10px * var(--reading-scale,1));color:#76636a;line-height:1.4}#notes-settings dd{font-size:calc(14px * var(--reading-scale,1));margin:5px 0 0;overflow-wrap:anywhere}.camera-card .notes-source{font-size:calc(11px * var(--reading-scale,1));margin-bottom:25px}
.place-card{border-top:1px solid #c7b7b8;padding-top:18px}.map-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px;font-size:calc(12px * var(--reading-scale,1))}.map-controls{display:flex;gap:4px}.map-controls button{border:1px solid #ad9da6;background:none;color:inherit;padding:5px 7px;font-size:calc(10px * var(--reading-scale,1))}.map-controls button[aria-pressed=true]{background:#40303f;color:#f5ebdf;border-color:#40303f}
.notes-map{background:#b6cae3;color:#302b35;min-height:150px;display:grid;place-items:center;overflow:hidden}.notes-map svg{display:block;width:100%;height:auto}.map-water-label{fill:#587083;font:italic 10px Georgia,serif}.map-region-label{fill:#a08c91;font:italic 16px Georgia,serif;letter-spacing:2px}.map-town-label{fill:#6e5d65;font:8px 'DM Sans',Arial,sans-serif;paint-order:stroke;stroke:#eee5d8;stroke-width:2.5px;stroke-linejoin:round}
.map-precision{font-size:calc(10px * var(--reading-scale,1));margin:10px 0;color:#76636a}.notes-map-link{display:block;padding:8px 0;border-bottom:1px solid #a798a1;font-size:calc(13px * var(--reading-scale,1))}.map-credit{display:block;margin:9px 0 0;font-size:calc(9px * var(--reading-scale,1));color:#76636a}.notes-download{display:block;width:100%;margin:26px 0 15px;padding:14px 10px;border:1px solid #40303f;background:#40303f;color:#f5ebdf;font-size:calc(13px * var(--reading-scale,1))}.notes-copyright{font-size:calc(10px * var(--reading-scale,1));color:#76636a;margin:0}.photo-notes button:focus-visible,.photo-notes a:focus-visible{outline:2px solid #40303f;outline-offset:3px}
@keyframes notes-enter{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:899px){.photo-notes{inset:auto 0 0;width:100%;height:52dvh;padding:16px 22px 28px;border-top:1px solid #c7b7b8}.viewing-room.notes-open #viewer-stage{right:0;bottom:52dvh;width:100%;height:auto}.viewing-room.notes-open .viewer-top{right:0}.viewing-room.notes-open .viewer-bottom{right:0;bottom:52dvh}.viewing-room.notes-open .viewer-arrow.next{right:7px}.viewing-room.notes-open .viewer-arrow{top:calc(24dvh - 19px)}.photo-notes h2{font-size:36px;margin-top:12px}.notes-hide{width:44px;height:44px}.notes-map{max-height:260px}.notes-map svg{max-height:260px}.map-controls button{min-height:36px}.viewing-room.notes-open .viewer-hint{display:none}}
@media(prefers-reduced-motion:reduce){.notes-open .photo-notes{animation:none}}

.viewing-room{--photo-notes-width:clamp(300px,24vw,350px)}
#notes-settings{grid-template-columns:repeat(2,minmax(0,1fr))}
.camera-more{font-size:calc(12px * var(--reading-scale,1));margin:20px 0 24px}.camera-more summary{cursor:pointer;padding:8px 0;border-bottom:1px solid #c7b7b8}.camera-more>p{margin:15px 0;color:#6e5d65;font-size:calc(12px * var(--reading-scale,1))}.camera-more .source-spec{margin:15px 0}.camera-more dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}.camera-more dl div{min-width:0}.camera-more dt{color:#76636a;font-size:calc(10px * var(--reading-scale,1))}.camera-more dd{margin:4px 0 0}