/* Detail imagery follows the graph; relationship groups keep distinct meanings. */
#detail .detail-photo {background:transparent;box-shadow:none}
#detail .detail-photo img {mix-blend-mode:normal;object-fit:contain}
/* A compact thumbnail and title share the first row of the content well. */
#detail .detail-content {padding:24px 20px 28px}
#detail .detail-hero {display:grid;grid-template-columns:minmax(0,1fr) 76px;align-items:center;gap:18px;margin:0 0 24px}
#detail .detail-hero .detail-photo {width:76px;height:88px;margin:0;padding:0;justify-self:end}
#detail .detail-heading {min-width:0}
#detail .detail-heading h2 {margin:0 0 12px;font-size:24px;line-height:1.2;letter-spacing:-.7px;overflow-wrap:anywhere;text-wrap:pretty}
#detail .detail-heading .detail-kicker {flex-direction:column;gap:4px;font-size:9px;line-height:1.5;letter-spacing:.7px}
@media(max-width:360px) {
  #detail .detail-hero {grid-template-columns:minmax(0,1fr) 60px;gap:14px}
  #detail .detail-hero .detail-photo {width:60px;height:76px}
  #detail .detail-heading h2 {font-size:21px}
}
.detail-significance {margin:0 0 20px;padding:16px;border:0;border-radius:16px;background:linear-gradient(145deg,#f1f4f6,#e2e7eb);box-shadow:var(--neu-raised),inset 1px 1px 2px rgba(255,255,255,.9)}
.detail-significance h3 {margin:0 0 7px;color:var(--muted);font-size:9px;font-weight:600;line-height:1.5;letter-spacing:1.1px;text-transform:uppercase}
.detail-significance p {margin:0;color:var(--ink);font-size:13px;line-height:1.7;text-wrap:pretty}
.connection-group {margin:20px 0 26px;padding-top:18px;border-top:1px solid var(--line)}
.connection-group h3 {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;font-size:13px;font-weight:600;line-height:1.5;color:var(--ink)}
.connection-group h3>span {display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:12px;background:rgba(174,187,197,.18);color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}
.connection-group-note {font-size:11px;line-height:1.6;color:var(--muted);margin:-4px 0 13px}
.connection-group-item {margin:0 0 12px}
.connection-group-item:last-child {margin-bottom:0}
.connection-group .related-item {padding:10px 0;border-bottom:0;gap:12px}
.connection-group .related-item strong {font-size:12px}
.connection-group .related-item small {font-size:10px;color:var(--muted)}
.connection-tags {display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.connection-tags>span {padding:2px 6px;border:1px solid var(--line);border-radius:6px;font-size:9px;line-height:1.5;color:var(--muted)}
.connection-group .relation-note {margin:1px 0 0;font-size:10px;line-height:1.65}

/* Exhibition summaries share the detail panel's molded porcelain surfaces. */
#detail .exhibition-membership {margin:20px 0;padding:16px;border:0;border-radius:18px;background:linear-gradient(145deg,#f1f4f6,#e2e7eb);box-shadow:var(--neu-raised),inset 1px 1px 2px rgba(255,255,255,.9);color:var(--ink)}
#detail .exhibition-membership .section-label {margin:0 0 8px;color:var(--muted);font-size:9px;letter-spacing:1px}
#detail .exhibition-membership-title {display:flex;align-items:center;gap:6px;width:fit-content;min-height:32px;font-size:15px;line-height:1.4}
#detail .exhibition-membership-title svg {width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}
#detail .exhibition-membership-venue {margin:6px 0 2px;font-size:12px;color:var(--ink)}
#detail .exhibition-membership-dates {margin:0;font-size:11px;color:var(--muted)}
#detail .exhibition-membership>button {margin-top:12px;min-height:44px;padding:8px 16px;border:0;border-radius:24px;background:var(--neu-surface,#e8ecef);box-shadow:var(--neu-inset);font-size:11px;color:var(--ink)}
#detail .exhibition-membership>button:hover {color:var(--orange)}
#detail .exhibition-membership>button:active {box-shadow:inset 4px 4px 8px #bec7cf,inset -4px -4px 8px #fff}