/* 진단·식스 툴·과제 화면 */
meter { width: 140px; height: 12px; vertical-align: middle; }
.dx-total { display: flex; align-items: baseline; gap: .4rem; flex-wrap: wrap; margin: .2rem 0 .6rem; }
.dx-total b { font-size: 2.2rem; text-align: left; }
.dx-axes { list-style: none; padding: 0; margin: 0 0 .6rem; display: grid; gap: .3rem; }
.dx-axes li { display: grid; grid-template-columns: 6rem 1fr 2.5rem; align-items: center; gap: .5rem; }
.dx-axes meter { width: 100%; }
.dx-notes li { padding: .5rem 0; border-bottom: 1px dashed var(--line); }
.dx-notes li:last-child { border-bottom: 0; }
.dx-issues { padding-left: 1.2rem; }
.dx-issues li { margin-bottom: .8rem; }
.dx-issues p { margin: .15rem 0; }
.dx-form .q { padding: .7rem 0; border-bottom: 1px solid var(--line); }
.dx-form .q:last-of-type { border-bottom: 0; }
.dx-form .q-t { margin: 0 0 .35rem; font-weight: 600; }
.q-opts { display: flex; flex-wrap: wrap; gap: .3rem .9rem; }
.q-opts label { display: inline-flex; align-items: center; gap: .3rem; font-weight: 400; }
.q-num input { width: 9rem; display: inline-block; }
.q-unk { display: inline-flex; align-items: center; gap: .3rem; margin-top: .35rem; color: var(--mute); }
.dx-actions { position: sticky; bottom: 0; display: flex; gap: .5rem; justify-content: flex-end; padding: .7rem 0; background: var(--bg); border-top: 1px solid var(--line); }
.dx-steps { flex-wrap: wrap; }
tr.late td { background: var(--bad-l); }
.tbl-wrap { overflow-x: auto; }
.dx-shared { padding-top: 1rem; }
@media (max-width: 640px) {
  meter { width: 90px; }
  .dx-axes li { grid-template-columns: 5rem 1fr 2.2rem; }
  .q-num input { width: 100%; }
}
@media print {
  .w-head, .w-nav, .dx-actions, details, form, .btn { display: none !important; }
  .card { box-shadow: none; break-inside: avoid; }
}