/* Grid Layout */
.tiled-content { 
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 20px; 
    padding-bottom: 16px;
}

.tile { background-color: white; border-radius: 12px; border: 1px solid navy; padding: 30px; text-align: center; }
.tile .icon { color: grey; font-size: 40px; margin-bottom: 20px; }
/*.tile h3 { font-family: 'Playfair Display', serif; color: #2D4A3E; margin: 0 0 10px 0; }
.tile p { color: #4A4A4A; font-size: 18px; line-height: 1.5; margin: 0; }*/

.themes-content { 
    display: grid; 
    grid-template-columns: 1fr 2fr; 
    gap: 2px; 
    padding-bottom: 24px;
}

.themes-header { background-color: grey; color: white; padding: 0px 5px; text-align: left; font-size: 18px; }
.themes-line { border-bottom: 1px solid #D1D5DB; padding: 0px 5px; font-size: 16px; }

/*.content-area { display: flex; flex-direction: column; flex-grow: 1; justify-content: center; width: 100%; }
table { border-collapse: collapse; width: 100%; margin-bottom: 24px;}
th { background-color: navy; color: white; padding: 20px; text-align: left; font-size: 18px; }
td { border-bottom: 1px solid #D1D5DB; padding: 20px; font-size: 16px; }*/

/* Responsive: Switch to vertical display on screens < 768px */
@media (max-width: 768px) {
    .tiled-content { grid-template-columns: 1fr; }
}