/* Import a handwriting font from Google Fonts */
@import url('fonts.googleapis.com');

/* Apply styles specifically to notes with the 'Protagonist Journal' type in the frontmatter */
.markdown-rendered[data-type="Protagonist Journal"] {
    font-family: 'Kalam', cursive; /* Apply the handwriting font */
    font-size: 18px; /* Slightly larger for easier reading of handwriting */
    line-height: 1.6;
    background-color: #fffff8; /* Off-white, slightly aged paper color */
    padding: 25px;
    border: 1px solid #c0c0c0; /* A simple, light border */
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);
    max-width: 600px; /* Keep it feeling like a handheld journal page */
    margin: 20px auto;
}

/* Style the main date heading */
.markdown-rendered[data-type="Protagonist Journal"] h1 {
    font-size: 1.5em;
    color: #4a4a4a;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

/* Style bullet points to look less formal */
.markdown-rendered[data-type="Protagonist Journal"] ul {
    list-style-type: circle; /* Use simple circles */
    padding-left: 20px;
}