.exam-clock-strip{
  position:sticky;top:71px;z-index:48;
  display:grid;grid-template-columns:minmax(150px,.85fr) minmax(230px,1.25fr) minmax(190px,1fr) auto;
  gap:1px;align-items:stretch;
  background:#cfe0ef;border-bottom:1px solid #b8cee2;
  box-shadow:0 7px 18px rgba(15,61,117,.09)
}
.exam-clock-item{background:#f8fbff;padding:9px 14px;min-width:0}
.exam-clock-item span,.exam-clock-item strong,.exam-clock-item small{display:block}
.exam-clock-item span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#667085}
.exam-clock-item strong{margin-top:2px;color:#0f3d75;font-size:1rem;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.exam-clock-item small{margin-top:2px;color:#667085;font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.countdown-display strong{font-size:1.08rem;letter-spacing:.025em}
.countdown-display.is-close{background:#fff8e8}.countdown-display.is-close strong{color:#9a6700}
.countdown-display.is-over{background:#fff0f0}.countdown-display.is-over strong{color:#b42318}
.exam-clock-edit{border:0;padding:0 18px;background:#0f3d75;color:#fff;font-weight:800;cursor:pointer;white-space:nowrap}
.exam-clock-edit:hover{background:#1769aa}
.exam-clock-editor{position:absolute;right:12px;top:calc(100% + 8px);width:min(390px,calc(100vw - 24px));padding:16px;border:1px solid #cbd9e7;border-radius:14px;background:#fff;box-shadow:0 18px 42px rgba(15,61,117,.18)}
.exam-clock-editor label{display:block;font-weight:800;color:#344054;margin-bottom:7px}
.exam-clock-editor input{width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;font:inherit}
.exam-clock-editor-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.exam-clock-editor-actions .btn{padding:9px 13px}
@media(max-width:900px){
  .exam-clock-strip{top:71px;grid-template-columns:1fr 1fr auto}
  .exam-date-display{grid-column:1/3;grid-row:2}.countdown-display{grid-column:1/3}.exam-clock-edit{grid-column:3;grid-row:1/3}
}
@media(max-width:600px){
  .exam-clock-strip{top:71px;grid-template-columns:1fr auto}
  .exam-clock-item{padding:7px 10px}.exam-clock-item span{font-size:.62rem}.exam-clock-item strong{font-size:.91rem}.exam-clock-item small{font-size:.68rem}
  .exam-clock-item:first-child{grid-column:1}.exam-date-display{grid-column:1}.countdown-display{grid-column:1}.exam-clock-edit{grid-column:2;grid-row:1/4;padding:0 12px;writing-mode:vertical-rl;text-orientation:mixed}
}