@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600&display=swap');
:root{--paper:#f5f2e9;--white:#fcfaf4;--ink:#193b3e;--muted:#5a6d6b;--accent:#9c603c;--line:#d4d9cc;--sans:'DM Sans','Noto Sans KR',sans-serif}
header{height:auto;min-height:96px;padding:16px 5.5vw}#menu{display:none}header .header-actions{gap:22px}header .museum-global{display:flex;gap:28px;padding:0;background:none;color:var(--ink)}header .museum-global a{font-size:12px;text-decoration:none;min-height:44px;display:flex;align-items:center}header .header-actions>button:last-child{border-left:1px solid var(--line);padding-left:22px}.museum-return{padding:10px 5.5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;letter-spacing:1px}.museum-return>a{letter-spacing:0;font-size:12px;min-height:30px;display:flex;align-items:center;white-space:nowrap}.museum-return>a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}header #return-link{display:none}.scene{min-height:calc(100vh - 270px)}
@media(max-width:800px){header{min-height:105px;padding:12px 6vw;align-items:flex-start;position:relative}header .header-actions{display:contents}header .museum-global{position:absolute;left:6vw;right:6vw;bottom:8px;justify-content:space-between;gap:12px}header .museum-global a{font-size:11px;min-height:32px}header .header-actions>button:last-child{margin-left:auto;border:0;padding-left:0;min-height:38px}.museum-return{padding:8px 6vw;gap:6px;flex-wrap:wrap;font-size:8px}.museum-return>a{font-size:11px}.brand{min-height:43px}.review-bar{gap:8px}.scene{min-height:calc(100vh - 285px)}}

/* Keep the same typographic museum identity across both entry points. */
header .brand{gap:15px;flex-shrink:0}header .brandmark{font-family:Georgia,serif;font-size:25px;line-height:1;letter-spacing:-2px;gap:2px;height:46px;width:auto;border:0;border-bottom:2px solid var(--accent)}header .brandmark span{font-size:37px;margin-top:0}header .brand>span:last-child{font-size:9px;line-height:1.65;font-weight:600;letter-spacing:2px}
@media(max-width:800px){header .brand{gap:10px}header .brandmark{font-size:22px;height:38px}header .brandmark span{font-size:31px}header .brand>span:last-child{font-size:8px}}
header .official-header-logo{width:72px;height:60px;object-fit:contain}header #museum-map{border:1px solid var(--accent);padding:0 15px;gap:8px;font-weight:600}header #museum-map:before{content:'◫';font-size:19px;color:var(--accent)}
@media(max-width:800px){header .official-header-logo{width:58px;height:43px}header #museum-map{padding:0 10px}header #museum-map:before{font-size:17px}}

header .official-header-logo{width:42px;height:auto;background:#fff;flex-shrink:0}
@media(max-width:800px){header .official-header-logo{width:36px;height:auto}}

/* The deeper exhibition remains inside the museum's three-question structure. */
header .museum-global{gap:20px}
header .museum-global a{font-size:11px}
header .museum-global a[aria-current=page]{color:var(--accent);font-weight:700}
@media(max-width:800px){header .museum-global{gap:7px}header .museum-global a{font-size:10px;letter-spacing:-.1px}header #museum-map{padding:0 7px}}

/* Shared identity and distinct scene/exit controls for the private redesign. */
:root{--paper:#f2eee5;--white:#fbf7ef;--ink:#081b38;--muted:#574f45;--accent:#b88936;--line:#d8ccb5}
header{background:#11161cf0;color:#fff;border-color:#e1bd7240}
header .official-header-logo{background:transparent}
header .museum-global{color:#fff}header .museum-global a{font-size:12px;min-height:44px}
header .museum-global a[aria-current=page]{color:#e1bd72}
header #museum-map{border:0;padding:0}header #museum-map:before{display:none}
header .brand>span:last-child{font-size:16px;letter-spacing:0;font-family:Georgia,serif;line-height:1.25}
.museum-return{font-size:12px}.museum-return>a{min-height:44px;font-size:13px}
.review-bar{display:none}
.journey-navigation-row{grid-template-columns:90px minmax(0,1fr) 90px}
.sitemap-arrow{min-height:44px}.sitemap-arrow[hidden]{visibility:hidden;display:flex}
.sitemap-arrow small,.map-group-label,#map-hint,.eyebrow,.caption,.image-credit,.visual figcaption,.origin-sources,.page-attribution,.chronology-links,.museum-return{font-size:12px!important}
.map-node{min-width:44px;min-height:44px}
.origin-sources a,.visual figcaption a,.caption a,.chronology-links a,.map-links a{display:inline-flex;align-items:center;min-height:32px}
.scene .actions a{min-height:44px;display:inline-flex;align-items:center}
.map-links{flex-wrap:wrap;gap:12px}
#journey-map{min-width:0;overflow-x:auto}
@media(max-width:800px){header .museum-global a{font-size:12px;min-height:44px}header{min-height:120px}header .brand>span:last-child{font-size:16px}header .museum-global{bottom:0}.museum-return{font-size:12px}.journey-navigation-row{grid-template-columns:66px minmax(0,1fr) 66px}.sitemap-arrow small{white-space:normal;text-align:center}.origin-sources{font-size:12px}.scene{padding-bottom:35px}}
header .official-header-logo{background:#fff;border-radius:50%}
.map-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px}
.map-top a{font-size:12px;min-height:44px}.map-top #count{font-size:12px}
@media(max-width:650px){.map-top{align-items:flex-start;flex-direction:column}.map-top .map-links{display:flex;flex-wrap:wrap}}
/* Focused standalone exhibit review. */
header .brand>span:last-child{font:19px/1.3 Georgia,serif;letter-spacing:0}
#steps{display:block;min-width:0;width:100%}
#steps .six-choice-navigation{padding-inline:4px;gap:20px}
#journey-map{overflow:visible;padding:0;background:transparent;color:var(--ink)}
.six-choice-navigation a{gap:0;text-decoration:none}
.six-choice-navigation .choice-scenes a{min-height:44px}
#catholic-link[hidden]{display:none}
@media(max-width:800px){header .brand>span:last-child{font-size:17px}header .museum-global{justify-content:space-between}.journey-navigation-row{display:flex;flex-wrap:wrap;gap:10px}.journey-navigation-row>.sitemap-arrow{order:1;flex:1}.journey-navigation-row>#journey-map{order:2;flex-basis:100%;width:100%}}
/* Bill's compact footer: outside orientation, inside progression, one shared row. */
.journey-footer{display:block;padding:10px 4vw 12px;min-height:0}
.compact-exhibit-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr);gap:16px;align-items:center;padding-bottom:2px}
.compact-exhibit-toolbar>#home{justify-self:start;font-size:12px;min-height:44px;display:flex;align-items:center}
.compact-exhibit-toolbar>#count{justify-self:end;text-align:right;font-size:12px;line-height:1.4}
.compact-exhibit-toolbar>.sitemap-arrow{display:flex;flex-direction:row;gap:7px;min-height:44px;margin:0;padding:0 7px}
.compact-exhibit-toolbar>.sitemap-arrow span{font-size:23px;line-height:1}
.compact-exhibit-toolbar>.sitemap-arrow small{font-size:12px;white-space:nowrap}
#steps .six-choice-navigation{padding-top:4px;padding-bottom:0}
.navigation-screenreader-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:650px){
 .journey-footer{padding:8px 4vw 12px}
 .compact-exhibit-toolbar{grid-template-columns:minmax(0,1fr) 38px 38px minmax(0,1fr);gap:4px}
 .compact-exhibit-toolbar>#home,.compact-exhibit-toolbar>#count{font-size:12px}
 .compact-exhibit-toolbar>.sitemap-arrow{min-width:38px;padding:0;justify-content:center}
 .compact-exhibit-toolbar>.sitemap-arrow small{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 #steps .six-choice-navigation{gap:12px}
}

.exhibit-institution{padding:18px 5vw;border-top:1px solid var(--line);font-size:12px;line-height:1.8;color:var(--muted)}.exhibit-institution a{display:inline-flex;align-items:center;min-height:32px}