*{box-sizing:border-box}
html{overflow-x:hidden}
html,body{margin:0;height:100%}
body{overflow-x:hidden;background:#EDEEF0;color:#2A3037;font-family:"IBM Plex Sans",system-ui,sans-serif;
  display:flex;flex-direction:column}
.bar{background:#2A3037;color:#EDF1F6;border-bottom:4px solid #6B490E;
  padding:.9rem 1.5rem;display:flex;align-items:center;justify-content:space-between;
  gap:1rem;flex-wrap:wrap;flex:0 0 auto}
.bar .t{font-family:Spectral,Georgia,serif;font-size:1.25rem;line-height:1.25;margin:0}
.bar .t small{display:block;font-family:"IBM Plex Sans",sans-serif;font-size:.8rem;
  letter-spacing:.12em;text-transform:uppercase;color:#FFF3D0;margin-bottom:.2rem;font-weight:500}
.bar nav{display:flex;gap:.7rem;flex-wrap:wrap}
.bar a{display:inline-block;text-decoration:none;font-size:1rem;padding:.55rem 1.1rem;
  border:1px solid #FFF3D0;color:#EDF1F6;line-height:1.2}
.bar a:hover{background:#6B490E;border-color:#6B490E;color:#1A1206}
.bar a.home{background:#6B490E;border-color:#6B490E;color:#1A1206;font-weight:500}
.bar a.home:hover{background:#FFF3D0;border-color:#FFF3D0}
.bar a:focus-visible{outline:2px solid #FFF3D0;outline-offset:2px}
.viewer{flex:1 1 auto;min-height:0}
.viewer object,.viewer iframe{width:100%;height:100%;border:0;display:block}
.fallback{display:none;padding:3rem 1.5rem;max-width:38rem;margin:0 auto}
.fallback h2{font-family:Spectral,Georgia,serif;font-weight:400;font-size:1.8rem;margin:0 0 .8rem}
.fallback p{font-size:1.15rem;line-height:1.6;color:#4A5A72;margin:0 0 1.4rem}
.fallback a{display:block;text-align:center;text-decoration:none;border:2px solid #2A3037;
  color:#2A3037;padding:1rem;margin-bottom:.8rem;font-size:1.1rem;font-weight:500}
.fallback a.go{background:#2A3037;color:#EDF1F6}
@media(max-width:52rem){
  .viewer{display:none}
  .fallback{display:block}
  body{display:block;height:auto}
  .bar{position:sticky;top:0;z-index:10}
  .bar{padding:.8rem 1.1rem}
  .bar .t{font-size:1.05rem}
  .bar a{font-size:.95rem;padding:.5rem .9rem}
}