#wg-prop-cont, .card-cont {
    display: flex;
    gap: 40px;
}

/* === PAGE BACKGROUND === */
      .page-bg {
        background-color: #f9fafb;
        /* Tailwind gray-50 */
        padding: 1.5rem;
        /* p-6 */
      }

      /* === CARD === */
      .card {
        /* max-width: 800px; */
        /* Tailwind max-w-2xl */
        margin-inline: 0;
        background-color: #ffffff;
        border-radius: 0.75rem;
        /* rounded-xl */
        border: 1px solid #e5e7eb;
        /* gray-200 */
        box-shadow:
          0 1px 3px 0 rgb(0 0 0 / 0.1),
          0 1px 2px 0 rgb(0 0 0 / 0.06);
        /* shadow-sm + md blend */
      }

      /* Inner padding matches Tailwind UI cards */
      .card-content {
        padding: 2rem;
        /* p-8 */
      }

      /* === DESCRIPTION LIST CONTAINER === */
      .description-list {
        display: flex;
        flex-direction: column;
        row-gap: 1.75rem;
        /* space-y-7 (slightly larger & closer to UI design) */
      }

      /* === ONE ROW === */
      .dl-row {
        display: grid;
        grid-template-columns: 100px 1fr;
        /* grid-cols-3 */
      }

      /* === TERM (dt) === */
      .dl-term {
        font-size: 0.875rem;
        /* text-sm */
        font-weight: 600;
        /* font-semibold (Tailwind UI often uses 600 for labels) */
        color: #6b7280;
        /* gray-500 */
        letter-spacing: 0.01em;
        /* Tailwind subtle tracking */
      }

      /* === VALUE (dd) === */
      .dl-value {
        margin-top: 0.375rem;
        /* mt-1.5 (more accurate Tailwind spacing) */
        font-size: 1rem;
        /* text-base */
        /* font-weight: 500; */
        /* medium — closer to Tailwind UI feel */
        color: #111827;
        /* gray-900 */
      }

      /* Paragraph-style dd values */
      .dl-paragraph {
        font-weight: 400;
        line-height: 1.6;
        color: #374151;
        /* gray-700 */
      }
.admin-actions{
  max-width: 400px;
}
  #prop-comments:empty {
    display: none; 
  }
#prop-comments .comment-block .comment-content p {
    margin-top: 0;
}
#prop-comments .comment-block .comment-content {
    background-color:#FCFAFE;
    border:1px solid #E0D7F3;
    padding: 12px 16px;
    border-radius: 4px;
}
#prop-comments .comment-block {
    margin-bottom: 16px;
}
#prop-comments .comment-block small {
    color: #6B7280;
    font-size: 12px;
}
#prop-comments{
    margin-top: 32px;
}
.wg-dropzone {
  position: relative;
  z-index: 1;
}
.wg-prop-wide .card.comments-section {
  max-width: 400px !important;
}
.quiz-answer-handle {
  cursor: move;
}
.time-approved {
    background-color: #d4edda !important;
    border:2px solid #28a745 !important;
}
@media (max-width: 768px) {
  #wg-prop-cont, .card-cont {
      flex-direction: column;
  }
}