/* Selected original artifacts stay readable at every viewport. */
.source-plate .media{background:#eef0f3;padding:clamp(16px,3vw,40px)}
.research-tensions{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.research-tensions>div{padding:24px;border:1px solid var(--hair);border-radius:18px;background:var(--surface)}
.research-tensions h3{font-size:20px;margin:0 0 14px;line-height:1.25;color:var(--ink)}
.research-tensions p{font-size:17px;margin:0;line-height:1.55;color:var(--muted)}
.phone-sequence{max-width:1120px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px;align-items:start}
.phone-sequence .media{background:#fff;border-radius:18px}
.phone-sequence figcaption{text-align:left;max-width:28ch}
figure[data-detail]{position:relative}
.image-detail button{font:600 13px/1.3 var(--sans);border:1px solid var(--hair);background:var(--surface);color:var(--ink);border-radius:999px;padding:11px 16px;min-height:44px;cursor:pointer}
figure[data-detail] .media{position:relative}
.image-enlarge{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;background:none;cursor:zoom-in;-webkit-tap-highlight-color:transparent}
.image-enlarge::after{content:"\2922";position:absolute;right:14px;bottom:14px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:600 16px/1 var(--sans);background:var(--paper);color:var(--ink);box-shadow:0 4px 14px rgba(0,0,0,.25);opacity:0;transform:scale(.9);transition:opacity .2s var(--motion,ease),transform .2s var(--motion,ease)}
.image-enlarge:hover::after,.image-enlarge:focus-visible::after{opacity:1;transform:none}
.image-detail button:hover{border-color:var(--brand);color:var(--brand)}
.image-enlarge:focus-visible,.image-detail button:focus-visible,.image-detail-viewport:focus-visible{outline:2px solid var(--brand);outline-offset:4px}
.image-detail-open{overflow:hidden}
.image-detail{width:min(96vw,1800px);max-width:none;max-height:94svh;padding:0;border:1px solid var(--hair);border-radius:18px;background:var(--paper);color:var(--ink)}
.image-detail::backdrop{background:rgba(0,0,0,.84)}
.image-detail-bar{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--hair)}
.image-detail-bar p{font-size:14px;line-height:1.4;margin:0 auto 0 0;max-width:70ch}
.image-detail-bar form{margin:0;flex:none}
.image-detail-size{flex:none}
.image-detail-viewport{max-height:calc(94svh - 100px);overflow:auto;background:#eef0f3;overscroll-behavior:contain}
.image-detail-viewport img{display:block;width:auto;height:auto;max-width:100%;margin:auto}
.image-detail.actual-size .image-detail-viewport img{max-width:none;margin:0}
@media(max-width:820px){.research-tensions{grid-template-columns:1fr;gap:16px}.phone-sequence{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.image-detail-bar{flex-wrap:wrap;padding:12px}.image-detail-bar p{flex-basis:100%}.image-detail-bar form{margin-left:auto}.image-detail-viewport{max-height:calc(94svh - 150px)}}
.image-enlarge:focus-visible{outline-offset:-4px} /* inside the clipped image box */