/* Field Notes Expansion */
.field-notes {
    margin-bottom: 25px;
    font-family: var(--font-ui);
    font-size: 0.85rem;
}

details {
    background: rgba(251, 250, 247, 0.9);
    border: 1px dashed #dcdbd5;
    padding: 10px;
    cursor: pointer;
    transition: background 0.2s;
}

details:hover {
    background: rgba(255, 255, 255, 0.95);
    border-color: var(--ink-color);
}

summary {
    font-weight: 600;
    color: var(--accent-red);
    list-style: none;
    /* Hide default triangle */
    outline: none;
}

summary::after {
    content: "+";
    float: right;
    font-weight: bold;
}

details[open] summary::after {
    content: "-";
}

details p {
    margin-top: 10px;
    line-height: 1.5;
    color: var(--ink-color);
}