@font-face{font-family:Source;src:url('fonts/source-sans-3-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
*{box-sizing:border-box}
html{color-scheme:light;background:#061e3d}
body{margin:0;display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:320px;font:400 16px/1.4 Source,'Segoe UI',sans-serif;color:#061e3d}
.viewer-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;flex-shrink:0;padding:10px clamp(16px,3vw,44px);border-top:4px solid #ff5a1f;background:#fff}
.viewer-logo{position:relative;display:block;overflow:hidden;aspect-ratio:380/168;width:88px;flex-shrink:0;background:#fff}
.viewer-logo img{position:absolute;width:147.368%;max-width:none;left:-11.842%;top:-31.548%;height:auto}
.viewer-title{margin:0 auto 0 0;font-size:16px}
.viewer-title span{display:block;color:#52647a;font-size:12px}
.viewer-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px}
.viewer-nav a{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:#1558d6;font-size:14px;text-underline-offset:3px}
.viewer-nav a:first-child{padding:9px 13px;border:1px solid #cbd9ec;border-radius:6px;text-decoration:none}
.viewer-nav a:hover{color:#061e3d}
a:focus-visible,iframe:focus-visible{outline:3px solid #ff5a1f;outline-offset:3px}
.viewer-main{display:flex;flex:1;min-height:0;background:#061e3d}
.fp-iframe{display:block;border:0;width:100%;height:100%;flex:1;min-height:0;background:#061e3d}
@media(max-width:620px){.viewer-header{gap:4px 15px;padding:8px 16px}.viewer-logo{width:73px}.viewer-title{font-size:15px}.viewer-nav{width:100%;justify-content:space-between;gap:8px}.viewer-nav a{font-size:13px}}