/* ===== Placement assessment ===== */
.pq-unsure { border-style: dashed !important; color: #666 !important; font-style: italic; }
.pl-table { width: 100%; border-collapse: collapse; margin: 14px 0; }
.pl-table th, .pl-table td { padding: 10px 8px; text-align: left; border-bottom: 1px solid #eee; }
.pl-table th { background: #f6f4ff; font-size: .9rem; }
.pl-solid    { color: #0a7a34; font-weight: bold; }
.pl-building { color: #a35b00; font-weight: bold; }
.pl-focus    { color: #a12020; font-weight: bold; }
.pl-none     { color: #999; }
div.pl-focus { background: #fff7ed; border-left: 5px solid #ffb020; border-radius: 10px;
               padding: 14px 18px; margin: 16px 0; color: #2b2b45; font-weight: normal; }
div.pl-focus h4 { margin: 0 0 8px; color: #a35b00; }
div.pl-focus ul { margin: 0; padding-left: 20px; line-height: 1.9; }
div.pl-focus code { background: #fff; border: 1px solid #f0d9b5; border-radius: 4px;
                    padding: 1px 6px; font-size: .85rem; }

/* Centre the assessment start / retake button. */
#placementBody > .pq-next { display: block; margin: 14px auto 0; }
.pl-verdict {
  background: #f6f4ff; border-left: 5px solid #7b6cf6; border-radius: 10px;
  padding: 14px 18px; margin: 14px 0; line-height: 1.6; color: #2b2b45;
}

/* Subject picker for the assessments */
.assess-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap: 12px; margin: 16px 0; }
.assess-btn {
  background: linear-gradient(135deg,#a18cd1,#fbc2eb) !important; color: #fff !important;
  border: none; border-radius: 16px; padding: 18px 14px; font-family: inherit;
  font-size: 1.1rem; font-weight: bold; cursor: pointer; text-align: center;
  display: flex; flex-direction: column; gap: 4px; box-shadow: 0 5px 0 rgba(0,0,0,.12);
}
.assess-btn:active { transform: translateY(3px); box-shadow: 0 2px 0 rgba(0,0,0,.12); }
.assess-btn small { font-weight: normal; font-size: .78rem; opacity: .95; }
.assess-btn.done { background: linear-gradient(135deg,#43c463,#4facfe) !important; }
.assess-btn[disabled] { opacity: .55; cursor: not-allowed; filter: grayscale(.4); }