/* Note / table completion */
.note-block{ padding:16px 18px; }
.note-title{
  font-family:'Source Serif 4', serif; font-weight:700; font-size:1.02rem;
  text-align:center; margin-bottom:12px; padding-bottom:10px; border-bottom:1px solid var(--line);
}
.note-lines{ font-size:0.95rem; line-height:1.85; }
.note-text{ margin:10px 0; }
.note-bullet{ position:relative; margin:6px 0; padding-left:16px; }
.note-bullet::before{ content:"•"; position:absolute; left:0; color:var(--teal); }
.note-bullet.indent-1::before{ content:"–"; }
.note-bullet.indent-2::before{ content:"·"; }

.note-blank{ display:inline-flex; align-items:center; }
.note-blank-num{
  display:inline-flex; align-items:center; justify-content:center;
  width:20px; height:20px; border-radius:50%; background:var(--teal-soft); color:var(--teal);
  font-size:0.72rem; font-weight:700; margin-right:4px; flex:none;
}
.note-blank-input{
  font-family:inherit; font-size:0.9rem; padding:3px 6px; border:none;
  border-bottom:2px solid var(--teal); background:transparent; min-width:120px; margin:0 4px;
}
.note-blank-input:focus{ outline:none; background:var(--teal-soft); }
.note-blank.correct .note-blank-num{ background:var(--green); color:#fff; }
.note-blank.correct .note-blank-input{ border-bottom-color:var(--green); }
.note-blank.incorrect .note-blank-num{ background:var(--coral); color:#fff; }
.note-blank.incorrect .note-blank-input{ border-bottom-color:var(--coral); }

.verdict.verdict-inline{ margin:0 0 0 6px; display:none; }
.verdict.verdict-inline.show{ display:inline; }

.note-table{ width:100%; border-collapse:collapse; margin-top:6px; font-size:0.92rem; }
.note-table th, .note-table td{ border:1px solid var(--line); padding:10px 12px; text-align:left; vertical-align:top; }
.note-table thead th{ background:var(--paper-2); font-weight:700; font-size:0.85rem; }
.note-table td.note-table-label{ font-weight:600; background:var(--paper-2); white-space:nowrap; }