/* Public field essays: image-led discovery, outside the original writing. */
.field-connections[hidden], .field-preview[hidden], .field-previews[hidden] {display:none !important;}
.field-connections {margin:64px 0; color:var(--primary-text-color);}
.field-connections-inner {max-width:1040px; margin:0 auto; border-top:1px solid var(--surface-rule);padding-top:24px;}
.field-connections-heading {display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:24px;}
.field-connections-heading h2 {font:inherit;font-size:18px;font-weight:600;margin:0;}
.field-connections-heading>a {font-size:14px;color:var(--accent-blue);white-space:nowrap;}
.field-connections-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:0;list-style:none;}
.field-connections-list>li {margin:0;min-width:0;}
.field-essay-link {display:flex;flex-direction:column;align-items:flex-start;gap:12px;color:inherit;text-decoration:none;}
.field-essay-link img {display:block;width:auto;max-width:100%;height:116px;object-fit:contain;object-position:left center;border-radius:0;}
.field-essay-title {font-family:var(--font-sans);font-size:15px;line-height:1.5;font-weight:500;overflow-wrap:anywhere;}
.field-essay-read {font-size:12px;color:var(--accent-blue);}
.field-essay-link:hover .field-essay-title {text-decoration:underline;text-underline-offset:4px;}
.field-essay-link:focus-visible,.field-preview button:focus-visible,.field-preview-toggle:focus-visible {outline:2px solid var(--accent-blue);outline-offset:5px;}
.field-preview-toggle {background:transparent;border:0;color:var(--secondary-text-color);font:inherit;font-size:12px;min-height:44px;padding:8px 0;margin-top:14px;cursor:pointer;}
/* The same dedicated side areas remain available at the top and throughout a page. */
.has-field-discovery {--field-gutter:clamp(148px,12.22vw,176px);}
@media(min-width:1100px) {
 .has-field-discovery #main-content {width:calc(100% - var(--field-gutter) * 2);max-width:calc(100% - var(--field-gutter) * 2);margin-inline:auto;min-width:0;}
 .has-field-discovery #main-content .gh-outer {padding-inline:20px;}
 .has-field-discovery #main-content .kg-width-full {width:100%;max-width:100%;margin-inline:0;}
 .has-field-discovery .museum-home .tag-name {font-size:clamp(32px,3.05vw,64px);}
}
.field-previews {position:fixed;inset:0;z-index:65;pointer-events:none;color:var(--primary-text-color);}
.field-preview {position:absolute;width:calc(var(--field-gutter) - 32px);max-width:144px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 180ms ease,translate var(--preview-move-duration,620ms) cubic-bezier(.22,1,.36,1),visibility 0s 180ms;isolation:isolate;}
.field-preview.is-visible {opacity:1;visibility:visible;pointer-events:auto;transition:opacity 560ms ease var(--preview-delay,0ms),translate var(--preview-move-duration,620ms) cubic-bezier(.22,1,.36,1),visibility 0s;}
@supports(translate:0px){.field-preview{left:0!important;top:0!important;translate:var(--preview-x,0px) var(--preview-y,0px);}}
.field-preview .field-essay-link {display:flex;align-items:center;text-align:center;gap:10px;}
.field-preview[data-side="right"] .field-essay-link {align-items:center;text-align:center;}
.field-preview .field-essay-link img {height:auto;width:auto;max-height:88px;max-width:80px;object-fit:contain;}
.field-preview .field-essay-title {font-size:13px;line-height:1.45;font-weight:400;color:var(--secondary-text-color);}
.field-preview .field-essay-link:hover .field-essay-title,.field-preview .field-essay-link:focus-visible .field-essay-title {color:var(--primary-text-color);}
.field-preview .field-essay-link,.field-preview .field-essay-link:hover .field-essay-title {text-decoration:none;border:0;box-shadow:none;background-image:none;}
.field-preview .field-essay-read {font-size:12px;color:var(--secondary-text-color);}
.field-preview .field-essay-link-text {border:0;padding:0;}
.field-preview-controls {position:fixed;left:calc(var(--field-gutter) / 2);transform:translateX(-50%);bottom:20px;display:flex;gap:10px;pointer-events:auto;}
.field-preview-controls[hidden] {display:none;}
.field-preview-controls button {appearance:none;background:var(--surface-background);border:0;color:var(--secondary-text-color);font:inherit;font-size:11px;padding:4px;min-height:32px;cursor:pointer;}
.field-discovery-dock {display:none;}
.field-discovery-panel {position:fixed;inset:0 0 0 auto;width:min(440px,calc(100vw - 32px));max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:22px 24px 40px;border:0;border-left:1px solid var(--surface-rule);background:var(--surface-background);color:var(--primary-text-color);overflow:auto;overscroll-behavior:contain;}
.field-discovery-panel::backdrop {background:#0004;}
.field-discovery-panel[open] {animation:field-discovery-enter 300ms cubic-bezier(.65,0,.35,1);}
.field-discovery-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--surface-rule);margin-bottom:24px;}
.field-discovery-heading h2 {flex:1;font:inherit;font-size:19px;font-weight:600;margin:0;}
.field-discovery-heading button {border:0;background:none;color:inherit;font:inherit;font-size:14px;min-height:44px;cursor:pointer;}
.field-discovery-panel .field-connections-list {grid-template-columns:1fr;gap:32px;}
body.field-discovery-active > .site {transition:transform 300ms cubic-bezier(.65,0,.35,1);}
body.field-discovery-open > .site {transform:translateX(-32px);}
@keyframes field-discovery-enter {from{transform:translateX(100%);}to{transform:translateX(0);}}
/* Mobile keeps the reference's narrow right-edge glimpse and leftward reveal. */
.field-rail-reveal,.field-rail-close,.field-rail-backdrop {display:none;}
@media(max-width:1099px) {
 .has-field-discovery {overflow-x:clip;--field-peek:clamp(44px,12vw,64px);--field-mobile-rail:clamp(156px,41vw,240px);}
 .has-field-discovery #main-content {width:calc(100% - var(--field-peek));max-width:calc(100% - var(--field-peek));margin-inline:0;min-width:0;}
 .has-field-discovery #main-content .gh-outer {padding-inline:16px;}
 .has-field-discovery #main-content .kg-width-full {width:100%;max-width:100%;margin-inline:0;}
 .has-field-discovery #main-content :is(.moo-vr,.moo-curatorial-use,.moo-visual-tour,.moo-procedure-viz,.ed-template-update,.edp-visual-wide,.edp-dashboard,.moo-ed-feature,.programme-output-wayfinding) {width:100%!important;max-width:100%!important;left:0!important;transform:none!important;}
 .field-previews {inset:0 0 0 auto;width:var(--field-mobile-rail);overflow:hidden;background:var(--surface-background);transform:translate3d(calc(var(--field-mobile-rail) - var(--field-peek)),0,0);transition:transform 560ms cubic-bezier(.22,1,.36,1);}
 .field-preview {width:calc(var(--field-mobile-rail) - 32px);max-width:none;}
 .field-preview.is-visible {transition:opacity 480ms ease var(--preview-delay,0ms),translate var(--preview-move-duration,620ms) cubic-bezier(.22,1,.36,1),visibility 0s;}
 .field-preview .field-essay-link,.field-preview[data-side="right"] .field-essay-link {display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;min-height:44px;}
 .field-preview .field-essay-link img {max-width:64px;max-height:60px;width:auto;height:auto;}
 .field-preview .field-essay-title {font-size:12px;line-height:1.35;}
 .field-preview .field-essay-read {font-size:11px;line-height:1.4;}
 .field-preview .field-essay-type {font-size:11px;line-height:1.4;}
 .field-preview-controls {position:absolute;left:16px;bottom:calc(8px + env(safe-area-inset-bottom));transform:none;gap:8px;visibility:hidden;}
 .field-preview-controls button {min-height:44px;font-size:11px;}
 .field-preview-toggle {display:block;}
 .field-connections {margin:44px 0;}
 .field-rail-reveal:not([hidden]) {z-index:2;display:block;position:absolute;inset:0;width:var(--field-peek);height:100%;border:0;padding:0;background:transparent;pointer-events:auto;cursor:pointer;}
 .field-rail-close:not([hidden]) {display:block;position:absolute;right:12px;top:8px;min-width:44px;min-height:44px;padding:8px;border:0;background:transparent;color:inherit;font:inherit;font-size:12px;pointer-events:auto;cursor:pointer;}
 .field-rail-reveal:focus-visible,.field-rail-close:focus-visible {outline:2px solid var(--accent-blue);outline-offset:-4px;}
 body.field-preview-rail-open>.site {transform:translate3d(calc(var(--field-peek) - var(--field-mobile-rail)),0,0);transition:transform 560ms cubic-bezier(.22,1,.36,1);}
 body.has-field-discovery>.site {transition:transform 560ms cubic-bezier(.22,1,.36,1);}
 body.field-preview-rail-open .field-previews {transform:translate3d(0,0,0);}
 body.field-preview-rail-open .field-preview-controls {visibility:visible;}
 .field-rail-backdrop:not([hidden]) {display:block;position:fixed;inset:0 var(--field-mobile-rail) 0 0;z-index:64;background:transparent;}
 .field-discovery-dock:not([hidden]) {display:flex;position:fixed;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:64;align-items:center;gap:9px;max-width:calc(100vw - 32px);min-height:52px;padding:7px 12px;border:1px solid var(--surface-rule);border-radius:0;background:var(--surface-background);color:var(--primary-text-color);font:inherit;font-size:13px;box-shadow:0 2px 14px #0002;cursor:pointer;}
 .field-discovery-dock.has-floating-previews {display:none;}
 .field-discovery-dock img {width:28px;height:36px;object-fit:contain;}
 .field-discovery-dock:focus-visible {outline:2px solid var(--accent-blue);outline-offset:3px;}
 .has-field-discovery .gh-foot {padding-bottom:90px;}
 .canvas-opened .field-previews,body.moo-essay-reader-open .field-previews,body.field-discovery-active .field-previews {visibility:hidden;pointer-events:none;}
 .canvas-opened .field-discovery-dock,body.moo-essay-reader-open .field-discovery-dock,body.field-discovery-active .field-discovery-dock {visibility:hidden;}
}
@media(max-width:599px) {
 .field-connections-heading {align-items:flex-start;gap:12px;}
 .field-connections-heading h2 {font-size:17px;}
 .field-connections-heading>a {font-size:13px;min-height:44px;}
 .field-connections-list {grid-template-columns:1fr;gap:24px;}
 .field-essay-link {display:grid;grid-template-columns:84px minmax(0,1fr);column-gap:18px;row-gap:6px;align-items:start;min-height:88px;}
 .field-essay-link img {grid-row:1/3;width:84px;height:88px;object-fit:contain;object-position:center top;}
 .field-essay-title {font-size:15px;line-height:1.5;}
 .field-essay-read {font-size:13px;}
}
@media(prefers-reduced-motion:reduce) {.field-preview,.field-preview.is-visible {transition:none;filter:none;}.field-discovery-panel[open]{animation:none;}body.field-discovery-active>.site{transform:none;transition:none;}.field-essay-link{transition:none;}}
@media print {.field-previews,.field-preview-toggle,.field-discovery-dock,.field-discovery-panel{display:none!important;} .has-field-discovery #main-content{width:100%;max-width:100%;}}
/* Published outputs retain their own titles and programme connections. */
.field-essay-type {color:var(--accent-red);font-size:12px;line-height:1.5;}
.field-essay-link-text {padding-top:18px;border-top:1px solid var(--surface-rule);}
.field-essay-programme {display:block;margin-top:14px;font-size:13px;line-height:1.6;color:var(--accent-blue);overflow-wrap:anywhere;}
.field-essay-programme:focus-visible {outline:2px solid var(--accent-blue);outline-offset:4px;}
@media(max-width:599px) {
 .field-essay-link-text {display:flex;gap:10px;min-height:0;}
 .field-essay-programme {min-height:44px;}
 .field-connections-heading {flex-wrap:wrap;}
}

.field-discovery-panel.is-closing {animation:field-discovery-leave 300ms cubic-bezier(.65,0,.35,1) forwards;}
body.field-discovery-active {overflow:hidden;}
@keyframes field-discovery-leave {from{transform:translateX(0);}to{transform:translateX(100%);}}
@media(prefers-reduced-motion:reduce){.field-discovery-panel.is-closing{animation:none;}}

@media(max-width:599px){.field-discovery-heading{gap:10px;flex-wrap:wrap;}.field-discovery-heading button{font-size:12px;}.field-discovery-heading h2{font-size:17px;}}

@media(prefers-reduced-motion:reduce){body.has-field-discovery>.site,.field-previews{transition:none!important;}}

@media print{.field-rail-backdrop{display:none!important;}body.has-field-discovery>.site{transform:none!important;}}

@media(max-width:599px){
 .has-field-discovery #main-content .kg-audio-content {min-width:0;flex:1;}
 .has-field-discovery #main-content .kg-audio-player {min-width:0;flex-wrap:wrap;gap:4px;}
 .has-field-discovery #main-content .kg-audio-title {overflow-wrap:anywhere;}
 .has-field-discovery #main-content .kg-audio-thumbnail {width:56px;height:56px;min-width:56px;}
 .has-field-discovery #main-content .kg-audio-volume-slider {max-width:48px;flex:0 1 48px;}
}

@media(max-width:1099px){
 .has-field-discovery :is(.gh-foot,.mo1-colophon-end) {box-sizing:border-box;width:calc(100% - var(--field-peek))!important;max-width:calc(100% - var(--field-peek))!important;margin-inline:0!important;}
 .has-field-discovery .moo-research-visual .moo-wide {width:min(1050px,calc(100vw - var(--field-peek) - 40px));max-width:100%;}
}
