.grid-stack-item[data-type="notebook"] .grid-stack-item-content {
background: var(--surface-panel); 
border: 5px solid white !important;

}

.grid-notebook-card { 
position: relative; 
padding: 10px 12px; 
overflow: hidden; 
}

.grid-notebook-card .grid-notebook-title {
margin: 0 0 .35rem 0;
font-weight: 600;
font-size: 1.05rem;
text-align: center;
color: #384c65;
font-family: "askwhy" !important;
}

.grid-notebook { 
list-style: none; 
padding: 0; 
margin: 0; 
display: flex; 
flex-direction: column; 
gap: 6px; 
}

.grid-notebook li { 
display: grid; 
grid-template-columns: 26px 1fr; 
gap: 8px; 
text-align: left !important;
}

.grid-notebook-card .custom-bullet {
width: 20px; 
height: 20px; 
background-size: contain; 
background-repeat: no-repeat; 
flex: 0 0 20px; 
}