html,body{
  margin:0;font:16px/1.45 system-ui,Arial,Helvetica,sans-serif;color:#111;background:#fff}
.wrap{max-width:460px;margin:14vh auto;text-align:center;padding:0 1rem}
h1{font-size:1.9rem;font-weight:600;margin:0 0 .5em}
.sub{margin:0 0 2em;color:#666}
input{width:100%;padding:.75em;border:1px solid #ccc;border-radius:6px;font-size:1rem}
button{margin-top:1rem;padding:.75em 1.5em;border:0;border-radius:6px;
        font-size:1rem;font-weight:600;background:#111;color:#fff;cursor:pointer}
button:hover{opacity:.85}
.error{color:#c00;margin-top:1em}
.hidden{display:none}


.frame-wrap {
  height: 90vh;
  min-height: 800px;
  margin: 0 auto;
  max-width: 860px; 
}
embed.pdf {
  width: 100%;
  height: 100%;
  border: none;
}

.back{position:absolute;left:1rem;top:1rem;font-size:.9rem;text-decoration:none;color:#111}

footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: .75rem 1rem;
  font-size: .85rem;
  font-weight: 500;    
  color: #111;
  background: #fff;     
}
footer a {
  text-decoration: none;
  color: inherit;
}
footer a:hover {
  opacity: .75;
}

.viewer-wrap {
  text-align: center;
}