/* Global override for group box borders */
fieldset {
    border: 1px solid #cccccc !important;  /* Light gray border; adjust color as needed */
    border-radius: 4px;                     /* Optional: slight rounding for modern look */
    padding: 10px 15px 15px 15px;           /* Space inside the box */
    margin: 10px 0;                         /* Space around the box */
    background-color: #f9f9f9;              /* Optional: subtle background for contrast */
}

legend {
    padding: 0 10px;                        /* Space around the title */
    font-weight: bold;                      /* Optional: make title stand out */
}

/* Sets the cursor to a pointer when over a list item with a default action */
.pointercursor {
    cursor:pointer;
}


/* Use for Pale Yellow note boxes */
.note-box {
     border: 1px solid #ccc; 
     border-radius: 8px; margin-bottom: 16px; padding: 16px; 
     padding: 16px 16px 16px 50px;          /* ← extra left padding for icon */     
     border-left: 10px solid #600000;
     /*border-right: 10px solid #600000;*/
     font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #5c0000; 
     background-color: #fffef5; text-align: justify; line-height: 1.5; 
     box-shadow: 0 2px 6px rgba(0,0,0,0.08); max-width: 100%; 
     position: relative;                    /* ← THIS IS CRITICAL */

&::before {
  content: "💡";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: #f59e0b;  /* golden yellow */
}