@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Lusitana:wght@400;700&family=Nixie+One&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Radley:ital@0;1&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');

body {
    font-size: 17px;
    font-family: "Source Serif 4", "Noto Serif", "Radley", "Nixie One", "Playfair Display", "Lusitana", "EB Garamond", Lora, Lato;
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Lusitana", "Nixie One", serif;
}

h1 {
    margin: 1rem 0;
}

table {
    width: 100%;               /* Full width */
    border-collapse: collapse; /* Remove spacing between table cells */
    margin: 20px 0;            /* Add some spacing around the table */
    font-size: 16px;           /* Text size */
    text-align: left;          /* Align text to the left */
}

th, td {
    border: 1px solid #ddd;    /* Add a light border around cells */
    padding: 12px;             /* Add padding inside cells */
}

table.compact th, table.compact td {
    padding: 2px 5px;
}

th {
    background-color: #f4f4f4; /* Light background for headers */
    color: #333;               /* Darker text color */
    font-weight: bold;         /* Bold text for headers */
}

tr:nth-child(even) {
    background-color: #f9f9f9; /* Alternate row colors */
}

tr:hover {
    background-color: #f1f1f1; /* Highlight row on hover */
}

caption {
    font-size: 18px;           /* Larger text for captions */
    margin: 10px 0;            /* Space around caption */
    font-weight: bold;         /* Bold text */
    text-align: left;          /* Align caption to the left */
}

p {
    margin: 0 0 1rem 0;
    line-height: 1.6;
}

.mb1 {
    margin-bottom: 1rem;
}