.la-exam{ max-width:900px; margin:20px auto; background:#fff; border:1px solid #e5e7eb; border-radius:10px; padding:20px; }
.la-exam h2{ margin-top:0; }
.la-row{ margin-bottom:12px; }
.la-start{ display:flex; gap:10px; align-items:center; }
.la-progress{ height:10px; background:#eee; border-radius:6px; overflow:hidden; margin:10px 0 20px; }
.la-progress > div{ height:100%; width:0%; background:#3b82f6; transition: width .3s ease; }
.la-q{ border:1px solid #e5e7eb; border-radius:8px; padding:12px; margin-bottom:10px; }
.la-q h4{ margin:0 0 8px; }
.la-controls{ display:flex; justify-content:space-between; align-items:center; margin-top:10px; }
.la-timer{ font-weight:bold; }
.la-badge{ background:#0f172a; color:#fff; padding:4px 8px; border-radius:6px; font-size:12px; }
.la-report{ border-top:1px dashed #ddd; padding-top:16px; }
.la-table{ width:100%; border-collapse: collapse; }
.la-table th, .la-table td{ border:1px solid #e5e7eb; padding:6px 8px; text-align:left; }
.la-pass{ color:#16a34a; font-weight:700; }
.la-fail{ color:#dc2626; font-weight:700; }
.la-sign{ margin-top:24px; text-align:right; font-weight:700; }
/* ===== Responsive Enhancements (v1.0.9) ===== */
.la-exam * { box-sizing: border-box; }

.la-start input, .la-start select { min-height: 44px; font-size: 16px; }

.la-opts input[type="radio"], .la-opts input[type="checkbox"] {
  width: 18px; height: 18px; vertical-align: middle;
}

@media (max-width: 640px) {
  .la-exam { margin: 10px; padding: 14px; border-radius: 12px; }
  .la-exam h2 { font-size: clamp(18px, 4vw, 22px); }
  .la-start { flex-direction: column; align-items: stretch; gap: 8px; }
  .la-progress { height: 12px; margin: 8px 0 12px; }
  .la-q { padding: 12px; }
  .la-controls {
    position: sticky; bottom: 8px; z-index: 2;
    background: rgba(255,255,255,0.96); backdrop-filter: blur(4px);
    border: 1px solid #e5e7eb; border-radius: 12px;
    padding: 10px; gap: 8px; flex-wrap: wrap; justify-content: center;
  }
  .la-controls .button { flex: 1 1 calc(50% - 8px); min-height: 44px; }
  .la-controls .js-page-now { font-size: 14px; }
  .la-badge { display: inline-block; margin-top: 4px; }
  .la-table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .la-table th, .la-table td { white-space: nowrap; }
}

@media (min-width: 1024px) {
  .la-controls .button { min-width: 140px; }
}