/* Two discoveries within the existing exhibition, using its seasonal tokens. */
.order-trigger { position:relative; display:inline; padding:0; border:0; border-radius:0; background:transparent; color:var(--accent); font:inherit; letter-spacing:inherit; line-height:inherit; cursor:grab; touch-action:pan-y; user-select:none; }
.order-trigger::after { content:""; position:absolute; left:0; right:0; bottom:.03em; border-bottom:1px dotted currentColor; opacity:0; transition:opacity .2s; }
.order-trigger:hover::after, .order-trigger:focus-visible::after { opacity:.65; }
.order-trigger:active { cursor:grabbing; }
.order-trigger.is-playing { color:transparent; }
.order-trigger.is-playing::after { opacity:0; }
.order-canvas { position:absolute; inset:0; z-index:3; width:100%; height:100%; pointer-events:none; }
.paper-relations { margin:28px 0 38px; border-block:1px solid var(--line); scroll-margin-top:90px; }
.paper-relations summary { list-style:none; display:flex; align-items:center; gap:28px; min-height:142px; padding:22px 4px; cursor:pointer; color:var(--ink); }
.paper-relations summary::-webkit-details-marker { display:none; }
.paper-relations summary:focus-visible { outline:3px solid var(--accent); outline-offset:5px; }
.paper-relations__pair { display:flex; align-items:center; flex:none; width:190px; }
.paper-relations__pair > span { display:block; width:62px; flex:none; }
.paper-relations__pair .publication-volume { transform:rotate(-6deg); box-shadow:3px 7px 10px #0002; }
.paper-relations__pair > span:last-child .publication-volume { transform:rotate(6deg); }
.paper-relations__pair .publication-volume--book { box-shadow:none; }
.paper-relations__pair .publication-volume__title { font-size:7px; }
.paper-relations__pair .publication-volume__type { display:none; }
.paper-relations__pair svg { min-width:0; flex:1; fill:none; stroke:var(--accent); stroke-width:1; }
.paper-relations__pair circle { fill:var(--accent); stroke:none; }
.paper-relations__intro { min-width:0; display:grid; gap:9px; }
.paper-relations__intro > strong { font:600 24px/1.5 "Research Display","Songti SC",serif; text-wrap:balance; }
#relations-reason { font-size:12px; color:var(--muted); line-height:1.7; }
.paper-relations__action { display:flex; gap:14px; align-items:center; width:fit-content; font-size:12px; color:var(--accent); text-decoration:underline; text-underline-offset:5px; }
.paper-relations__action i { transition:transform .25s; }
.paper-relations details[open] .paper-relations__action i { transform:rotate(90deg); }
.paper-relations__body { padding:10px 0 24px; }
.paper-relations__topics { display:flex; flex-wrap:wrap; gap:8px 22px; padding-bottom:14px; }
.paper-relations__topics button { min-height:44px; padding:6px 0; border:0; border-bottom:1px solid transparent; border-radius:0; color:var(--muted); background:transparent; font-size:12px; cursor:pointer; }
.paper-relations__topics button[aria-pressed="true"] { color:var(--ink); border-color:var(--accent); }
.paper-relations__topics button:hover { color:var(--accent); }
.paper-map { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:auto 100px auto; column-gap:26px; row-gap:16px; padding:24px 10px; isolation:isolate; }
.paper-map__lines { position:absolute; inset:0; width:100%; height:100%; z-index:-1; pointer-events:none; overflow:visible; fill:none; stroke:var(--accent); stroke-width:1; opacity:.5; }
.paper-map__lines path { stroke-dasharray:1; stroke-dashoffset:0; }
.paper-map__lines.is-drawing path { animation:research-thread .75s cubic-bezier(.16,1,.3,1) both; }
@keyframes research-thread { from { stroke-dashoffset:1; } to { stroke-dashoffset:0; } }
.paper-map__hub { grid-column:2; grid-row:2; display:flex; flex-direction:column; justify-content:center; align-self:center; justify-self:center; position:relative; text-align:center; padding:14px; background:var(--canvas); color:var(--ink); max-width:100%; }
.paper-map__hub > span { font-size:10px; color:var(--muted); margin-bottom:5px; }
.paper-map__hub strong { font:600 20px/1.4 "Songti SC",serif; text-wrap:balance; }
.paper-map__node { grid-column:var(--map-col); grid-row:var(--map-row); align-self:start; position:relative; display:flex; align-items:center; flex-direction:column; gap:10px; min-width:0; padding:10px 4px; border:0; background:var(--canvas); color:var(--ink); cursor:pointer; }
.paper-map__cover { width:66px; display:block; margin:0 auto; }
.paper-map__cover .publication-volume { transform:rotate(-3deg); box-shadow:3px 7px 10px #0002; transition:transform .3s cubic-bezier(.16,1,.3,1); }
.paper-map__cover .publication-volume--book { box-shadow:none; }
.paper-map__cover .publication-volume__title { font-size:7px; }
.paper-map__cover .publication-volume__type { display:none; }
.paper-map__node:hover .publication-volume, .paper-map__node:focus-visible .publication-volume { transform:translateY(-5px) rotate(0); }
.paper-map__node > strong { font-size:12px; font-weight:500; line-height:1.65; text-wrap:balance; }
.paper-map__node > small { color:var(--muted); font-size:10px; line-height:1.5; }
.paper-map__node.is-read > small { color:var(--accent); }
.paper-relations__note { color:var(--muted); font-size:11px; line-height:1.8; max-width:70ch; margin:24px 0 0; }
.publication-pick.is-read .publication-pick__hint { color:var(--accent); }
@media(max-width:650px) {
 .paper-relations summary { gap:18px; padding-block:20px; }
 .paper-relations__pair { width:116px; }
 .paper-relations__pair > span { width:42px; }
 .paper-relations__pair .publication-volume__title { font-size:5px; }
 .paper-relations__intro > strong { font-size:20px; }
 .paper-map { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto 100px auto auto; gap:18px; padding-inline:0; }
 .paper-map__node { grid-column:var(--map-mobile-col); grid-row:var(--map-mobile-row); }
 .paper-map__hub { grid-column:1 / -1; }
}
@media(max-width:350px) { .paper-relations summary { display:grid; gap:18px; }.paper-relations__pair { width:150px; }.paper-relations__pair > span { width:48px; }.paper-map { column-gap:10px; } }
html[data-motion="off"] .paper-map__lines.is-drawing path { animation:none; }
html[data-motion="off"] .paper-map__node:hover .publication-volume { transform:none; }
@media(prefers-reduced-motion:reduce) { .paper-map__lines.is-drawing path { animation:none; } .paper-map__node:hover .publication-volume { transform:none; } }
@media print { .order-canvas, .paper-relations { display:none!important; }.order-trigger.is-playing { color:var(--ink); } }
