/* 
   FIELD NOTES STYLE for the Hazelverse 
   Triggered by adding 'field-notes' to cssclasses 
*/

.markdown-rendered.field-notes {
    /* Mimics a weather-resistant, yellowed field notebook */
    background-color: #fffdf0; 
    background-image: linear-gradient(#e5e5e5 1px, transparent 1px);
    background-size: 100% 2.5rem; /* Creates the "ruled line" effect */
    padding: 3rem !important;
    border-left: 15px solid #5d4037; /* Dark leather-bound spine effect */
    font-family: 'Kalam', cursive;
    line-height: 2.5rem; /* Matches the text to the ruled lines */
}

/* Style for the 'Observer' or 'Date' at the top */
.markdown-rendered.field-notes h1 {
    font-family: 'Courier New', monospace;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #5d4037;
    border-bottom: 2px solid #5d4037;
    margin-bottom: 2rem;
}

/* Style for "Specimen" or "Finding" headers */
.markdown-rendered.field-notes h2 {
    font-family: 'Courier New', monospace;
    font-size: 1.2em;
    background: #5d4037;
    color: #fffdf0;
    padding: 5px 10px;
    display: inline-block;
    margin-top: 2rem;
}

/* Special styling for checklists (checking off observations) */
.markdown-rendered.field-notes .task-list-item-checkbox {
    filter: sepia(1) saturate(2) hue-rotate(-50deg); /* Makes checkboxes look "rusty" */
}

/* Metadata footnote at the bottom */
.markdown-rendered.field-notes hr + p {
    font-size: 0.8em;
    color: #8d6e63;
    font-family: 'Courier New', monospace;
    text-align: right;
}