body,
p,
li
{
	font-family: Arial Unicode MS,Arial,Helvetica Neue,Helvetica,sans-serif;
	font-size: 11pt;
	line-height: 110%;
	margin-top: 2px;
	margin-bottom: 2px;
}
.prompt-box 
{
	display: block;
	width: auto;   
	max-width: 85ch;
	background-color: #f0f0f0; /* Light grey background */
	border: 1px solid #ccc;    /* Subtle border */
	padding: 12px ;             /* Space inside the box */
	border-radius: 12px;        /* Rounded corners */
	font-size: 14px;           /* Text size */
	color: #333;               /* Text color */
	margin: 10px 10px;            /* Space around the box */
	box-sizing: border-box;          /* Width calc includes padding/border */
	white-space: normal;             /* Allow wrapping inside the box */
	overflow-wrap: anywhere;         /* Break long words if  overflow-wrap: anywhere;         /* Break long words if needed */
	}

/* Base note paragraph */
p.note {
    position: relative;
    padding: 12px 12px 12px 70px; 
    margin: 16px 0;
    font-size: 10px;
    color: #666666;
}

/* INFO icon */
p.note::before {
    content: "\2139";
    position: absolute;
    left: 8px;
    top: 8px;
	
    font-size: 16px;
    font-weight: bold;
    color: #14215c;
}

/* Vertical teal bar */
p.note::after {
    content: "";
    position: absolute;
    left: 50px;
    top: 8px;
    bottom: 8px;
    width: 3px;
    background-color: #14215c;
}

/* Insert NOTE: label automatically */
p.note span.note-label::before {
    content: "NOTE: ";
    font-weight: 700;
    color: #0F6F82;
}

.updated-date {
    color: #666;                /* grey text */
    font-size: 0.8em;           /* slightly smaller UI text */
    margin-top: 10px;
}

.updated-date.icon {
    margin-right: 6px; /* spacing between icon and text */
	         
    color: #666;
}
img.icon
{
margin-bottom: -5px;
}