* {box-sizing: border-box; margin: 0; padding: 0;
}

:root {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #1f2937; background: #f7fafc;
}

body {line-height: 1.6; padding: 0; margin: 0;
}

.page-content {max-width: 1160px; margin: 1.5rem auto 2.5rem; padding: 0 1rem;
}

.site-header {background: linear-gradient(90deg, #0f172a, #1e40af); color: #ffffff; padding: 1.25rem 1rem;
}
.site-header h1 {font-size: 2rem; margin-bottom: .75rem;
}

.site-nav {display: flex; gap: 1rem;
}
.site-nav a {color: #e2e8f0; text-decoration: none; font-weight: 600; padding: .15rem .6rem; border-radius: .35rem;
}
.site-nav a:hover {background: rgba(226, 232, 240, 0.2);
}
.site-nav a.active {background: #93c5fd; color: #0b1223;
}

.main h2 {margin: 1.25rem 0 .75rem;
}

.intro-section, .data-section, .gallery, .inference {background: #ffffff; border-radius: .7rem; box-shadow: 0 8px 18px rgba(15, 23, 42, 0.07); margin-bottom: 1.25rem; padding: 1rem 1.1rem;
}

.intro-section p, .inference p {margin-bottom: .8rem;
}
.intro-section ul, .inference ol {margin-left: 1.1rem; margin-bottom: .8rem;
}

.image-row {display: flex; flex-wrap: wrap; gap: 1rem; margin-top: .8rem;
}

.image-row figure {flex: 1 1 calc(33% - 1rem); background: #f8fafc; border: 1px solid #e2e8f0; border-radius: .5rem; overflow: hidden; text-align: center;
}
.image-row img {width: 100%; height: auto; display: block;
}
.image-row figcaption {padding: .6rem .5rem; font-size: .9rem; color: #475569;
}

.table-wrap {overflow-x: auto; margin-top: .8rem;
}

.data-table {width: 100%; border-collapse: collapse; font-size: 0.9rem; margin-bottom: .5rem;
}
.data-table th, .data-table td {border: 1px solid #cbd5e1; padding: .62rem .7rem; text-align: left;
}
.data-table th {background: #e2e8f0; color: #0f172a; font-weight: 700; position: sticky; top: 0; z-index: 1;
}
.data-table tbody tr:nth-child(odd) {background: #f8fafc;
}
.tg-0lax {text-align:left; vertical-align:top;
}

.site-footer {font-size: .9rem; text-align: center; padding: 1rem; color: #64748b;}
@media (max-width: 880px) { .image-row figure {flex: 1 1 100%;} }