/* Shared site chrome. Scene code must never reposition these elements. */
html:not(.scene-frame) {scrollbar-gutter:stable}
body:not(.scene-frame) .topbar.wrap {
  width:84%;max-width:1440px;height:108px;padding-top:25px;
  margin-inline:auto;display:flex;align-items:flex-start;justify-content:space-between;
  gap:24px;position:relative;
}
body:not(.scene-frame) .topbar .brand {
  font:400 31px/1.1 Georgia,'Palatino Linotype',serif;
  letter-spacing:-1.35px;color:#112847;text-decoration:none;white-space:nowrap;
}
body:not(.scene-frame) .topbar .brand small {
  display:block;font:600 9px/1.4 Arial,Helvetica,sans-serif;
  letter-spacing:2.8px;margin-top:5px;
}
body:not(.scene-frame) .topbar .mainnav {
  position:absolute;left:50%;top:0;transform:translateX(-50%);
  display:flex;gap:36px;padding-top:34px;align-items:center;
}
body:not(.scene-frame) .topbar .mainnav a {
  font:400 15px/1.4 Georgia,'Palatino Linotype',serif;
  color:#102949;text-decoration:none;white-space:nowrap;
  padding-bottom:19px;border-bottom:2px solid transparent;
}
body:not(.scene-frame) .topbar .mainnav a.active {border-bottom-color:#d3a962}
body:not(.scene-frame) .topbar .mainnav a.has-updates::after {content:none!important;display:none!important}
body:not(.scene-frame) .topbar .header-tools {display:flex;gap:28px;align-items:center}
body:not(.scene-frame) .topbar .icon-button {border:0;background:none;width:34px;height:34px;padding:7px;display:grid;place-items:center;cursor:pointer;color:#102949}
body:not(.scene-frame) .topbar .icon-button svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
body:not(.scene-frame) .topbar .me {width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#102949;color:#fff;border:1px solid #456688;text-decoration:none;font:14px/1 Georgia,serif}
.scene-backdrop {display:none;position:fixed;inset:0;z-index:0;overflow:hidden;background:#dce6ee;pointer-events:none}
.scene-background-edges {position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.scene-backdrop-world,.standalone-scene-background {position:absolute;width:1672px;height:941px;transform-origin:0 0;pointer-events:none;isolation:isolate}
.scene-backdrop-world {z-index:1}
.scene-background-base,.scene-background-repair {position:absolute;inset:0;width:1672px;height:941px;object-fit:fill;pointer-events:none}
/* Keep the approved photographic repair, with old lettering safely erased. */
.scene-background-repair {
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1672' height='941' viewBox='0 0 1672 941'%3E%3Cdefs%3E%3Cfilter id='soft' x='-5%25' y='-5%25' width='110%25' height='110%25'%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='1672' height='941' fill='white'/%3E%3Cg fill='black' filter='url(%23soft)'%3E%3Crect x='110' y='0' width='1440' height='145'/%3E%3Crect x='99' y='256' width='640' height='386'/%3E%3Cpath d='M728 159L1090 151L1103 200L1104 785L714 785L716 214Z M1046 242L1376 242L1387 291L1388 766L1040 766L1044 298Z M1330 302L1616 302L1628 352L1632 745L1325 745L1330 359Z M707 722L1120 722L1147 812L1099 866L711 848Z M1041 696L1400 696L1431 816L1191 841L1040 800Z M1319 680L1641 680L1660 808L1374 813L1318 754Z'/%3E%3C/g%3E%3C/svg%3E") 0 0/100% 100% luminance;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1672' height='941' viewBox='0 0 1672 941'%3E%3Cdefs%3E%3Cfilter id='soft' x='-5%25' y='-5%25' width='110%25' height='110%25'%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='1672' height='941' fill='white'/%3E%3Cg fill='black' filter='url(%23soft)'%3E%3Crect x='110' y='0' width='1440' height='145'/%3E%3Crect x='99' y='256' width='640' height='386'/%3E%3Cpath d='M728 159L1090 151L1103 200L1104 785L714 785L716 214Z M1046 242L1376 242L1387 291L1388 766L1040 766L1044 298Z M1330 302L1616 302L1628 352L1632 745L1325 745L1330 359Z M707 722L1120 722L1147 812L1099 866L711 848Z M1041 696L1400 696L1431 816L1191 841L1040 800Z M1319 680L1641 680L1660 808L1374 813L1318 754Z'/%3E%3C/g%3E%3C/svg%3E") 0 0/100% 100% luminance;
}
@media(min-width:761px) {
  body.scene-shell-active {background:#dce6ee}
  body.scene-shell-active .scene-backdrop {display:block}
  body.scene-shell-active .warm-landscape,body.scene-shell-active .site-footer {display:none}
  body.scene-shell-active #app {position:relative;z-index:1;width:100%;max-width:none;margin:0;padding:0}
  body.scene-shell-active .topbar.wrap {position:fixed;top:0;left:50%;transform:translateX(-50%);margin:0;z-index:40;background:transparent}
  body.scene-shell-active .today-scene-frame,body.scene-shell-active .explore-scene-frame {
    display:block;position:fixed;inset:auto;
    left:var(--scene-viewport-left,0px);top:var(--scene-viewport-top,0px);
    width:var(--scene-viewport-width,100%);height:var(--scene-viewport-height,100vh);
    border:0;background:transparent;
  }
  body.scene-shell-active .explore-story {height:100vh}
}
/* Both embedded foregrounds use the same viewport and contain scaling. */
html.scene-frame.embedded-scene,html.scene-frame.embedded-scene body,
html.scene-frame.embedded-scene .page,html.scene-frame.embedded-scene .scene {background:transparent!important}
html.scene-frame.embedded-scene,html.scene-frame.embedded-scene body {overflow:hidden}
html.scene-frame.embedded-scene .scene {height:100vh;min-height:0}
html.scene-frame.embedded-scene .page {min-height:100vh}
html.scene-frame .standalone-scene-background {inset:0;z-index:0}
@media(max-width:1150px) and (min-width:761px) {
  body:not(.scene-frame) .topbar.wrap {width:90%}
  body:not(.scene-frame) .topbar .mainnav {left:57%;gap:22px}
  body:not(.scene-frame) .topbar .header-tools {gap:14px}
  body:not(.scene-frame) .topbar .brand {font-size:24px}
}
@media(max-width:760px) {
  body:not(.scene-frame) .topbar.wrap {width:92%;height:116px;padding-top:19px;gap:12px}
  body:not(.scene-frame) .topbar .brand {font-size:27px}
  body:not(.scene-frame) .topbar .brand small {font-size:8px;letter-spacing:2.5px;margin-top:7px}
  body:not(.scene-frame) .topbar .header-tools {gap:10px}
  body:not(.scene-frame) .topbar .mainnav {left:50%;top:78px;padding:0;gap:25px}
  body:not(.scene-frame) .topbar .mainnav a {font-size:13px;padding-bottom:11px}
}
@media(max-width:390px) {body:not(.scene-frame) .topbar .mainnav {gap:18px}}
