.nhpo{max-width:1100px;margin:40px auto;font-family:inherit;color:#111}
.nhpo-header{text-align:center;margin-bottom:28px}
.nhpo-header h2{margin:0 0 8px;font-size:32px}
.nhpo-header p{margin:0;opacity:.7}
.nhpo-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 20px}
.nhpo-step{display:flex;align-items:center;gap:8px;padding:12px 10px;border-bottom:3px solid #ddd;opacity:.55}
.nhpo-step.is-active,.nhpo-step.is-done{opacity:1;border-bottom-color:#111}
.nhpo-step span{width:28px;height:28px;border:1px solid #bbb;border-radius:50%;display:grid;place-items:center;font-size:13px}
.nhpo-step.is-active span,.nhpo-step.is-done span{background:#111;color:#fff;border-color:#111}
.nhpo-status{min-height:22px;margin:10px 0;text-align:center}
.nhpo-viewer{border:1px solid #ddd;background:#f5f5f5}
.nhpo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:#fff;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:5}
.nhpo-toolbar button{border:0;background:#111;color:#fff;padding:12px 18px;border-radius:4px;cursor:pointer}
.nhpo-toolbar button:disabled{opacity:.35;cursor:not-allowed}
.nhpo-page-title{font-weight:600}
.nhpo-pages{padding:25px;overflow:auto}
.nhpo-page{position:relative;margin:0 auto 25px;background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.12)}
.nhpo-page canvas{display:block;width:100%;height:auto}
.nhpo-field{position:absolute;box-sizing:border-box;background:rgba(255,255,255,.92);border:1px solid #4d73d9;border-radius:2px;padding:2px 4px;font:12px Arial;color:#111;z-index:2}
.nhpo-field:focus{outline:2px solid #111}
.nhpo-field[type=checkbox],.nhpo-field[type=radio]{background:#fff}
.nhpo-complete{text-align:center;padding:70px 20px;border:1px solid #ddd;background:#fff}
.nhpo-success-icon{width:60px;height:60px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;margin:0 auto 20px;font-size:30px}
@media(max-width:700px){.nhpo{margin:20px 10px}.nhpo-header h2{font-size:25px}.nhpo-progress{grid-template-columns:1fr 1fr}.nhpo-step strong{font-size:12px}.nhpo-pages{padding:8px}.nhpo-toolbar{flex-wrap:wrap}.nhpo-page-title{order:-1;width:100%;text-align:center}.nhpo-toolbar button{flex:1}}


/* All button controls are rendered as round radio-style controls so the
   completed PDF uses one consistent, aligned marker everywhere. */
.nhpo-field[type=radio]{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block;
  border:1px solid #222!important;
  border-radius:50%!important;
  background:#fff!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  cursor:pointer;
}
.nhpo-field[type=radio]:checked{
  background:#fff!important;
  background-image:radial-gradient(circle at center,#111 0,#111 28%,transparent 30%)!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:100% 100%!important;
}
.nhpo-field[type=radio]:focus{outline:1px solid #111!important;outline-offset:1px}

/* I-9 electronic signature field */
.nhpo-signature-field{
  position:absolute;
  box-sizing:border-box;
  border:1px solid #4d73d9;
  background:rgba(255,255,255,.94);
  z-index:3;
  overflow:hidden;
}
.nhpo-signature-canvas{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  background:transparent;
  cursor:crosshair;
}
.nhpo-signature-hint{
  position:absolute;
  left:7px;
  top:50%;
  transform:translateY(-50%);
  font:11px Arial,sans-serif;
  color:#777;
  pointer-events:none;
  user-select:none;
}
.nhpo-signature-clear{
  position:absolute;
  right:3px;
  top:3px;
  z-index:2;
  border:0;
  border-radius:3px;
  background:rgba(255,255,255,.9);
  color:#555;
  font:9px Arial,sans-serif;
  padding:2px 4px;
  cursor:pointer;
  opacity:.85;
}
.nhpo-signature-clear:hover{opacity:1}

/* v2.1: fields are intentionally kept inside the printed value area so the
   original PDF labels remain visible. */
.nhpo-field{z-index:4;min-height:0;}
.nhpo-field:not([type=radio]):not([type=checkbox]){background:rgba(255,255,255,.72);}
.nhpo-signature-field{z-index:4;background:rgba(255,255,255,.72);}
.nhpo-signature-canvas{background:rgba(255,255,255,.08);}