.hsc-reference-photo{max-width:680px;margin:2.5rem auto;padding:1rem;border:1px solid #d8d0ba;border-radius:8px;background:#faf7ee;color:#233c31}
.hsc-reference-photo__heading{margin:0 0 .75rem;font-size:1.25rem;line-height:1.3}
.hsc-reference-photo__image{display:block;line-height:0}
.hsc-reference-photo__image img{display:block;width:100%;height:auto;max-height:600px;object-fit:contain;background:#f2efe7;border-radius:4px}
.hsc-reference-photo figcaption{margin-top:.75rem;font-size:.875rem;line-height:1.5;color:#394b40}
.hsc-reference-photo figcaption a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.hsc-reference-gallery-credits{float:left;width:48%;margin:12px 0 24px;padding:12px 0 0;border-top:1px solid #d8d0ba}
.hsc-reference-gallery-credit{margin:0 0 .5rem;font-size:.76rem;line-height:1.55;color:#45564b;overflow-wrap:anywhere}
.hsc-gallery-frame>.hsc-reference-gallery-credits{grid-area:2/1;float:none;width:auto;margin:12px 0 0}
.hsc-reference-gallery-credit a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.hsc-reference-gallery-credit a:focus-visible{outline:3px solid #8b593b;outline-offset:3px}
.hsc-guide-article .hsc-reference-photo{margin:2rem auto 3rem}
.hsc-guide-article .hsc-reference-photo__heading{font-size:1.25rem!important;margin:0 0 .75rem!important;padding:0}
.hsc-guide-article .hsc-reference-photo__heading::before{display:none}
.hsc-reference-photo__additional{max-width:680px;margin:-2.25rem auto 2.75rem;border:1px solid #d8d0ba;border-radius:8px;background:#faf7ee;color:#233c31}
.hsc-reference-photo__additional summary{cursor:pointer;padding:.8rem 1rem;font-size:.94rem;font-weight:600;line-height:1.4}
.hsc-reference-photo__additional summary:focus-visible{outline:3px solid #8b593b;outline-offset:3px}
.hsc-reference-photo__additional .hsc-reference-photo{border:0;border-top:1px solid #d8d0ba;border-radius:0;margin:0!important;padding:1rem}
@media(max-width:768px){.hsc-reference-gallery-credits{float:none;width:100%}}

/* The article rail must not enlarge these deliberately compact reference photos. */
.hsc-guide-post .hsc-guide-article>.hsc-reference-photo{width:min(680px,calc(100% - 32px));max-width:680px!important}
.hsc-reference-photo__image img{max-width:680px;margin-inline:auto}
