/* Trace2Trace OPS R318 – fullscreen evidence overview + legibility corrections.
   R297 modal behavior and R317 raw-source data remain unchanged. */
:root{--r318-primary:#193e46;--r318-divider:#dce8e2}
/* Desktop Evidence Inspector: use width instead of a long single column. */
html body dialog#r297EvidenceDialog.r297-modal{
 width:min(1440px,calc(100vw - 32px))!important;
 max-width:1440px!important;
 height:max-content!important;
 max-height:calc(100dvh - 24px)!important;
 border-radius:15px!important;
}
html body #r297EvidenceDialog .r297-modal-shell{height:auto!important;max-height:calc(100dvh - 24px)!important;min-height:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important}
html body #r297EvidenceDialog .r297-modal-header{padding:14px 23px!important;align-items:center!important;min-height:0!important}
html body #r297EvidenceDialog .r297-modal-heading h2{font-size:clamp(22px,1.65vw,27px)!important;line-height:1.2!important;margin:3px 0 2px!important}
html body #r297EvidenceDialog .r297-modal-heading p{font-size:13px!important;line-height:1.35!important}
html body #r297EvidenceDialog .r297-kicker{font-size:10px!important;letter-spacing:.13em!important}
html body #r297EvidenceDialog .r297-modal-close{width:37px!important;height:37px!important;flex-basis:37px!important;font-size:26px!important}
html body #r297EvidenceDialog .r297-modal-content{min-height:0!important;max-height:none!important;padding:17px 21px 14px!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important}
html body #r297EvidenceDialog .r297-modal-content:has(>.r297-technical){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.11fr)!important;grid-auto-rows:auto!important;column-gap:13px!important;row-gap:11px!important;align-content:start!important;align-items:start!important}
html body #r297EvidenceDialog .r297-modal-content>.r297-summary{grid-column:1/-1!important;margin:0!important;padding:11px 14px!important}
html body #r297EvidenceDialog .r297-summary h3{font-size:14px!important;line-height:1.2!important;margin:0 0 3px!important}
html body #r297EvidenceDialog .r297-summary p{font-size:14px!important;line-height:1.38!important}
html body #r297EvidenceDialog .r297-modal-content>.r297-qualification{grid-column:1/-1!important;padding:7px 12px!important;margin:0!important;font-size:12px!important;line-height:1.35!important}
html body #r297EvidenceDialog .r297-modal-content>.r297-sources{grid-column:1/3!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important;margin:0!important;min-width:0!important;align-self:stretch!important}
html body #r297EvidenceDialog .r297-modal-content>.r297-technical{grid-column:3!important;border:1px solid var(--r318-divider)!important;border-radius:10px!important;background:#fbfdfc!important;padding:11px 13px!important;min-width:0!important;height:auto!important;box-sizing:border-box!important}
html body #r297EvidenceDialog .r297-source{padding:11px 12px!important;min-width:0!important;height:auto!important}
html body #r297EvidenceDialog .r297-source h3,html body #r297EvidenceDialog .r297-technical h3{font-size:14px!important;line-height:1.25!important;margin:0 0 8px!important;font-weight:800!important}
html body #r297EvidenceDialog .r297-field{margin:7px 0 0!important;gap:3px!important}
html body #r297EvidenceDialog .r297-field>label{font-size:11px!important;line-height:1.25!important;letter-spacing:.03em!important}
html body #r297EvidenceDialog .r297-field>div{font-size:13px!important;line-height:1.38!important}
html body #r297EvidenceDialog .r297-field>code{font-size:12px!important;line-height:1.4!important;padding:7px 9px!important;min-height:0!important;max-height:96px!important;overflow-y:auto!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
html body #r297EvidenceDialog .r297-field>button{margin-top:2px!important;min-height:27px!important;padding:3px 9px!important;font-size:12px!important}
html body #r297EvidenceDialog .r297-modal-content>.r297-disclaimer{grid-column:1/-1!important;margin:0!important;padding:8px 12px!important;font-size:12px!important;line-height:1.38!important}
html body #r297EvidenceDialog .r297-modal-content>.r297-action-panel{grid-column:1/-1!important;margin-top:0!important}
html body #r297EvidenceDialog .r297-modal-actions{padding:9px 20px max(9px,env(safe-area-inset-bottom))!important;gap:9px!important;min-height:57px!important;box-shadow:none!important}
html body #r297EvidenceDialog .r297-modal-actions>.r297-btn{min-height:39px!important;padding:8px 12px!important;font-size:13px!important}
html body #r297EvidenceDialog .r297-modal-content:has(>.r297-full-shot){display:block!important}
/* Responsive: narrow screens still show every item, but no cropped values. */
@media (max-width:900px){
 html body #r297EvidenceDialog .r297-modal-content:has(>.r297-technical){grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important}
 html body #r297EvidenceDialog .r297-modal-content>.r297-sources{grid-column:1/-1!important;grid-row:auto!important}
 html body #r297EvidenceDialog .r297-modal-content>.r297-technical{grid-column:1/-1!important;grid-row:auto!important}
 html body #r297EvidenceDialog .r297-modal-content>.r297-disclaimer{grid-row:auto!important}
}
@media(max-width:660px){
 html body dialog#r297EvidenceDialog.r297-modal{width:calc(100vw - 10px)!important;height:calc(100dvh - 12px)!important;max-height:calc(100dvh - 12px)!important;border-radius:10px!important}
 html body #r297EvidenceDialog .r297-modal-header{padding:11px 14px!important}
 html body #r297EvidenceDialog .r297-modal-heading h2{font-size:20px!important}
 html body #r297EvidenceDialog .r297-modal-content{padding:12px 12px 15px!important;scrollbar-gutter:auto!important}
 html body #r297EvidenceDialog .r297-modal-content:has(>.r297-technical){display:block!important}
 html body #r297EvidenceDialog .r297-modal-content>.r297-sources{grid-template-columns:1fr!important;display:grid!important;gap:8px!important;margin-top:9px!important}
 html body #r297EvidenceDialog .r297-modal-content>.r297-technical{margin-top:9px!important}
 html body #r297EvidenceDialog .r297-modal-content>.r297-disclaimer{margin-top:9px!important}
 html body #r297EvidenceDialog .r297-modal-content>.r297-qualification{margin-top:8px!important}
 html body #r297EvidenceDialog .r297-modal-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:8px 10px!important;min-height:0!important}
 html body #r297EvidenceDialog .r297-modal-actions>.r297-btn{min-height:39px!important;padding:7px!important;font-size:12px!important}
 html body #r297EvidenceDialog .r297-modal-actions>.r297-btn:first-child{grid-column:1/-1!important}
}
@media (min-width:901px) and (max-height:780px){
 html body #r297EvidenceDialog .r297-modal-header{padding:9px 18px!important}
 html body #r297EvidenceDialog .r297-modal-content{padding:11px 17px!important}
 html body #r297EvidenceDialog .r297-modal-content:has(>.r297-technical){row-gap:7px!important}
 html body #r297EvidenceDialog .r297-source{padding:8px 10px!important}
 html body #r297EvidenceDialog .r297-modal-content>.r297-technical{padding:8px 10px!important}
 html body #r297EvidenceDialog .r297-field{margin-top:5px!important}
 html body #r297EvidenceDialog .r297-modal-content>.r297-disclaimer{padding:6px 9px!important}
 html body #r297EvidenceDialog .r297-modal-actions{padding:7px 14px!important}
}
/* More readable website Relationships workspace without giant empty margins. */
#v3Workspace.r304-native .r304-connection-header h2{font-size:clamp(23px,1.8vw,30px)!important;line-height:1.2!important}
#v3Workspace.r304-native .r304-connection-header p,#v3Workspace.r304-native .r304-candidate-pane>p{font-size:13.5px!important;line-height:1.48!important}
#v3Workspace.r304-native .r304-rel-stats article span{font-size:12.5px!important;line-height:1.35!important}
#v3Workspace.r304-native .r304-rel-stats article small{font-size:12px!important;line-height:1.45!important}
#v3Workspace.r304-native .r304-candidate-pane h3{font-size:18px!important}
#v3Workspace.r304-native .r304-related-row strong{font-size:14px!important;line-height:1.3!important}
#v3Workspace.r304-native .r304-related-row small{font-size:12px!important;line-height:1.45!important}
#v3Workspace.r304-native .r304-proof-identity h3{font-size:21px!important}
#v3Workspace.r304-native .r316-review-main{font-size:13px!important;line-height:1.48!important}
#v3Workspace.r304-native .r314-source-summary .r314-source-note{font-size:12.5px!important;line-height:1.45!important}
#v3Workspace.r304-native .r316-review .r316-clarity-grid p{font-size:12.5px!important;line-height:1.45!important}
#v3Workspace.r304-native .r316-family summary b{font-size:13px!important}
#v3Workspace.r304-native .r316-family summary small{font-size:12px!important;line-height:1.45!important}
#v3Workspace.r304-native .r317-index-explanation{padding:10px 12px!important;margin-top:9px!important}
#v3Workspace.r304-native .r317-index-explanation p{font-size:12.5px!important;line-height:1.45!important;margin-bottom:5px!important}
#v3Workspace.r304-native .r317-index-explanation span{font-size:11.5px!important}
#v3Workspace.r304-native .r304-map-details{margin-top:14px!important}
@media(max-width:660px){#v3Workspace.r304-native .r304-related-row strong{font-size:13.5px!important}}
