.pin-heading {display:flex;align-items:center;justify-content:center;gap:4px;max-width:100%;min-width:0}
.pin-heading span {overflow:hidden;text-overflow:ellipsis}
.turn-pin.has-shot {display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}
.has-shot .pin-heading {flex:0 0 21px;padding:0 4px}
.pin-shot {display:none}
.has-shot .pin-shot {display:block;width:100%;height:0;min-height:0;flex:1 1 auto;object-fit:contain;background:#111813}
#corner-sight {position:relative;margin:12px 16px 2px}
#sight-angles {position:absolute;top:6px;left:6px;display:flex;align-items:center;gap:1px;padding:2px;border:1px solid #819675;border-radius:4px;background:#18251ce8}
#sight-angles button {color:#ebf0e6;font-size:11px;border-radius:2px;padding:3px 7px}
#sight-angles button[aria-pressed=true] {background:#d8e7b7;color:#1f2c1c;font-weight:650}
#open-sight {position:relative;display:block;width:100%;padding:0;border:1px solid #43503e;border-radius:5px;overflow:hidden;background:#101710;cursor:zoom-in}
#sight-image {display:block;width:100%;height:auto;max-height:clamp(145px,25dvh,222px);object-fit:contain;background:#101710}
.sight-type,.enlarge-sight {position:absolute;bottom:7px;display:flex;align-items:center;padding:3px 6px;border-radius:3px;background:#102019df;color:#f2f5e9}
.sight-type {left:7px;font-size:10px;font-weight:600;letter-spacing:.04em}
.enlarge-sight {right:7px;padding:4px}
.enlarge-sight .icon {width:13px;height:13px}
#corner-sight figcaption {display:flex;justify-content:space-between;gap:8px;padding:5px 1px 0;color:#c1cbb9;font-size:10.5px;line-height:1.4}
#sight-meta {display:block;color:#adbba4;font-size:10px;margin-top:2px}
#sight-original {align-self:end;color:#d6e8aa;white-space:nowrap}
#shot-credits {padding:0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:2px}
#all-photo-credits {margin:10px 0}
#all-photo-credits summary {color:#d4e8a5;cursor:pointer}
#all-photo-credits ul {padding-left:1.1em}
#all-photo-credits li {margin:5px 0;font-size:12px}
#sight-viewer {width:min(960px,calc(100vw - 24px));max-height:92dvh;margin:auto;padding:0;overflow:auto;background:#141b16}
#sight-viewer header {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px}
#sight-location {margin:0 0 3px;color:#bad091;font:600 11px/1.25 var(--mono)}
#sight-title {margin:0;font-size:clamp(18px,3vw,25px);line-height:1.25}
#sight-full {display:block;width:100%;height:auto;max-height:66dvh;object-fit:contain;background:#0c100e}
.sight-credit {padding:11px 18px 15px;color:#c6d0c0;font-size:12px;line-height:1.65}
.sight-credit p {margin:0}
.sight-credit a {color:#d9ebb1;text-decoration:underline;text-underline-offset:2px}
@media(max-width:820px) and (min-height:520px){
  #corner-sight {margin:8px 13px 1px}
  #sight-image {max-height:clamp(105px,16dvh,148px)}
}
@media(max-width:540px){#sight-viewer header,.sight-credit {padding:10px 12px}}