/* Living Archive assigned-lens + evidence-viewer UX pass. */

.fn-la-detail-img{
  height:auto;
  min-height:170px;
  max-height:380px;
  padding:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#05050b;
}
.fn-la-detail-img img{
  width:auto!important;
  height:auto!important;
  max-width:100%;
  max-height:360px;
  object-fit:contain!important;
  object-position:center center;
  cursor:zoom-in;
}
.fn-la-detail-img img:focus-visible{
  outline:2px solid var(--fn-cyan);
  outline-offset:3px;
}
.fn-la-gallery-item img{
  object-fit:contain;
  object-position:center center;
}

body.fn-la-image-viewer-open{overflow:hidden}
.fn-la-image-viewer[hidden]{display:none!important}
.fn-la-image-viewer{
  position:fixed;
  inset:0;
  z-index:3000;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  background:rgba(0,0,0,.94);
  color:#f2f2ee;
}
.fn-la-image-viewer-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
  border-bottom:1px solid rgba(255,255,255,.2);
  background:#09090d;
  font-family:'Share Tech Mono',monospace;
  font-size:.78rem;
  letter-spacing:.08em;
}
.fn-la-image-viewer-close{
  min-height:40px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.38);
  background:#15151b;
  color:#fff;
  border-radius:6px;
  cursor:pointer;
  font:inherit;
}
.fn-la-image-viewer-close:focus-visible{outline:2px solid #fff;outline-offset:2px}
.fn-la-image-viewer-stage{
  overflow:auto;
  padding:18px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
}
.fn-la-image-viewer-stage img{
  display:block;
  flex:none;
  width:auto;
  height:auto;
  max-width:none;
  max-height:none;
  margin:0 auto;
}

/* Observer / neutral release-copy legibility. */
body[data-la-lens="observer"] .fn-la-card p,
body[data-la-lens="observer"] .fn-la-detail-sub,
body[data-la-lens="observer"] .fn-la-evidence-caption,
body[data-la-lens="observer"] .fn-la-faction-view-note span{
  color:#334148!important;
}
body[data-la-lens="observer"] .fn-la-card p,
body[data-la-lens="observer"] .fn-la-detail-sub{
  font-size:1rem;
  line-height:1.6;
}
body[data-la-lens="observer"] .fn-la-card-footer,
body[data-la-lens="observer"] .fn-la-material-primary,
body[data-la-lens="observer"] .fn-la-material-secondary,
body[data-la-lens="observer"] .fn-la-material-meta,
body[data-la-lens="observer"] .fn-la-material-side{
  font-size:.74rem;
  line-height:1.5;
}
body[data-la-lens="observer"] .fn-la-personnel-label,
body[data-la-lens="observer"] .fn-la-personnel-claim-owner,
body[data-la-lens="observer"] .fn-la-personnel-claim-route,
body[data-la-lens="observer"] .fn-la-personnel-crossfile,
body[data-la-lens="observer"] .fn-la-artefact-release-note,
body[data-la-lens="observer"] .fn-la-artefact-crossfile{
  color:#3c494f!important;
  font-size:.63rem;
  line-height:1.45;
}
body[data-la-lens="observer"] .fn-la-personnel-value,
body[data-la-lens="observer"] .fn-la-artefact-title,
body[data-la-lens="observer"] .fn-la-material-primary{
  color:#172126!important;
  font-size:.78rem;
}

@media(max-width:940px){
  .fn-la-detail-img{max-height:440px}
  .fn-la-detail-img img{max-height:420px}
}
@media(max-width:620px){
  .fn-la-detail-img{min-height:0;max-height:none;padding:6px}
  .fn-la-detail-img img{max-height:none}
  .fn-la-image-viewer-toolbar{align-items:flex-start;flex-direction:column}
  .fn-la-image-viewer-close{width:100%}
  .fn-la-image-viewer-stage{justify-content:flex-start;padding:10px}
}