/* barexam page styles, lifted out of barexam.html */
  .examwrap { width: 100%; max-width: 1000px; margin: 0 auto; }
  .question {
    background: var(--cream);
    border: 2px solid var(--brown);
    border-radius: 8px;
    padding: 14px 16px;
    margin-bottom: 12px;
  }
  .question h3 { font-family: Georgia, serif; font-size: 15px; margin-bottom: 8px; }
  .question h3 .qn { color: var(--rust); font-family: 'Courier New', monospace; }
  .question label {
    display: flex; gap: 8px; align-items: flex-start;
    padding: 6px 8px; border-radius: 6px; font-size: 13.5px; cursor: pointer;
  }
  .question label:hover { background: var(--paper-dark); }
  .question input { margin-top: 3px; }
  .startcard {
    background: var(--cream);
    border: 2px solid var(--brown);
    border-radius: 8px;
    padding: 22px;
    text-align: center;
  }
  .startcard h2 { font-family: Georgia, serif; color: var(--rust); letter-spacing: 1px; margin-bottom: 10px; }
  .startcard p { font-size: 13.5px; color: var(--ink-soft); max-width: 560px; margin: 6px auto; }
  .resultcard {
    border: 3px double var(--brown);
    border-radius: 8px;
    background: var(--cream);
    padding: 22px;
    text-align: center;
    margin-bottom: 16px;
  }
  .resultcard .score { font-family: 'Cooper Black', Georgia, serif; font-size: 42px; }
  .resultcard.pass .score { color: var(--avocado); }
  .resultcard.fail .score { color: var(--rust); }
  .attempts { font-size: 13px; }
  .attempts table { width: 100%; border-collapse: collapse; background: var(--cream); }
  .attempts th, .attempts td { border: 1px solid var(--ink-soft); padding: 6px 9px; text-align: left; }
  .attempts th { background: var(--paper-dark); font-size: 11px; text-transform: uppercase; letter-spacing: 1px; }
  .progress { position: sticky; top: 0; z-index: 40; background: var(--paper-dark);
    border: 2px solid var(--brown); border-radius: 8px; padding: 8px 14px;
    margin-bottom: 12px; font-size: 13px; font-weight: bold; display: flex; gap: 12px; align-items: center; }