/* Instructor agreement document (white paper, used on screen, in print and in the PDF copy) */
.kc-doc{background:#fff;color:#1a1d3a;font-family:'IBM Plex Sans Arabic','Readex Pro',Tahoma,Arial,sans-serif;font-size:14.5px;line-height:1.95;padding:38px 44px;width:100%;max-width:794px;margin:0 auto;box-sizing:border-box;letter-spacing:normal;word-spacing:normal}
.kc-head{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:3px solid #c6f84a;margin-bottom:20px}
.kc-head img{height:40px;width:auto}
.kc-head b{display:block;font-size:17px;color:#010232}
.kc-head small{color:#5d6088}
.kc-body h1{font-size:19px;color:#010232;margin:0 0 4px}
.kc-body h3{font-size:15.5px;color:#010232;margin:18px 0 4px;padding-inline-start:10px;border-inline-start:4px solid #c6f84a}
.kc-body p{margin:0 0 6px}
.kc-party{font-weight:600;color:#010232}
.kc-sign{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px;padding-top:18px;border-top:1px solid #e3e5f1}
.kc-sign>div{display:grid;gap:4px;align-content:start}
.kc-sign span{font-size:12.5px;color:#5d6088}
.kc-sign b{font-size:15px;color:#010232}
.kc-sign small{color:#5d6088;font-size:12px}
.kc-sig{display:block;max-width:240px;max-height:90px;border-bottom:1.5px solid #1a1d3a;margin-top:6px;object-fit:contain;object-position:right}
.kc-sig-empty{height:70px;color:#b3b6cc;display:flex;align-items:flex-end;font-size:12px}
.kc-stamp{margin-top:8px;width:112px;height:112px;border:2.5px solid #3a2a8c;border-radius:50%;display:grid;place-items:center;text-align:center;color:#3a2a8c;font-weight:800;font-size:13px;line-height:1.3;transform:rotate(-8deg)}
.kc-stamp small{font-weight:600;font-size:10.5px;color:#3a2a8c}
.kc-audit{margin-top:22px;padding:12px 14px;border-radius:10px;background:#f4f6fb;color:#3f4366;font-size:11.5px;line-height:1.75;display:grid;gap:2px}
.kc-audit b{color:#010232;font-size:12.5px}
.kc-hash{word-break:break-all;font-family:Consolas,Menlo,monospace;font-size:10.5px}
bdi{unicode-bidi:isolate}

/* signing step on teach.html */
.kc-box{max-height:420px;overflow:auto;border-radius:14px;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.kc-box .kc-doc{padding:24px 26px;font-size:14px}
.kc-signform{display:grid;gap:14px;margin-top:6px}
.kc-pad{position:relative;border-radius:12px;background:#fff;height:150px;touch-action:none}
.kc-pad canvas{width:100%;height:100%;display:block;border-radius:12px;cursor:crosshair}
.kc-pad span{position:absolute;bottom:10px;inset-inline-start:14px;color:#9aa0c0;font-size:12px;pointer-events:none}
.kc-pad button{position:absolute;top:8px;inset-inline-end:8px;color:#010232!important;background:#eef0f8!important;border-color:#d7dbee!important}
.kc-ok{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:12px;background:rgba(126,231,135,.1);border:1px solid rgba(126,231,135,.35)}

@media print{
  body>*:not(.kc-print){display:none!important}
  .kc-print{display:block!important}
  .kc-print .kc-doc{max-width:none;padding:0}
  @page{size:A4;margin:16mm}
  .kc-doc{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
@media (max-width:640px){.kc-doc{padding:22px 18px}.kc-sign{grid-template-columns:1fr}}