body {
    font-family: 'Segoe UI', 'Noto Sans', Arial, sans-serif;
    font-size: 14pt;
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
    background-color: #fdfcf8;
    color: #333;
    line-height: 1.2;
}

        /* Title section styling */
        .title-section {
            text-align: center;
            margin-bottom: 40px;
            padding: 30px 0;
            border-bottom: 2px solid #8b4513;
        }

        .title-section p {
            margin: 8px 0;
        }

        .main-title {
            font-size: 2em;
            font-weight: bold;
            color: #8b4513;
        }

        .chinese-title {
            font-size: 2.5em;
            font-weight: bold;
            color: #8b4513;
        }

        .translator {
            font-style: italic;
            color: #666;
            margin-top: 20px;
        }

        /* Hexagram table styling */
        table {
            width: 100%;
            border-collapse: collapse;
            margin: 30px 0;
            background-color: white;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }

        thead tr {
            background-color: #f5f0e8;
        }

        th, td {
            padding: 15px;
            vertical-align: top;
            border: 1px solid #ddd;
        }

        /* First column: hexagram image */
        th:nth-child(1), td:nth-child(1) {
            width: 100px;
            text-align: center;
            background-color: #fafaf8;
        }

        /* Second column: Chinese character */
        th:nth-child(2), td:nth-child(2) {
            width: 100px;
            text-align: center;
            background-color: #fafaf8;
        }

        /* Third column: text content */
        th:nth-child(3), td:nth-child(3) {
            width: auto;
            padding: 20px;
        }

        /* Image sizing */
        th img, td img {
            max-width: 100%;
            height: auto;
            display: block;
            margin: 0 auto;
        }

        /* Hexagram title and number */
        .hexagram-title {
            font-size: 1.3em;
            font-weight: bold;
            color: #8b4513;
            margin-bottom: 10px;
        }

        /* Chinese text styling */
        .chinese-text {
            font-size: 1.2em;
            color: #8b4513;
            margin: 10px 0;
        }

        /* Pinyin styling */
        .pinyin {
            font-style: italic;
            color: #666;
            margin: 8px 0;
        }

        /* Serbian translation */
        .translation {
            font-weight: normal;
            margin: 15px 0;
            color: #2c2c2c;
        }

        /* Image commentary row */
        tbody tr td {
            background-color: #f9f9f9;
        }

        tbody tr td:nth-child(1) {
            padding: 20px;
        }

        /* Responsive design */
        @media (max-width: 768px) {
            body {
                padding: 10px;
            }
            
            th, td {
                padding: 10px;
            }
            
            th:nth-child(1), td:nth-child(1),
            th:nth-child(2), td:nth-child(2) {
                width: 80px;
            }
        }

/* Target all paragraphs in the header third column - make them normal weight by default */
thead th:nth-child(3) p {
    font-weight: normal;
}

/* Target only the FIRST paragraph in the header third column - make it bold */
thead th:nth-child(3) p:first-child {
    font-weight: bold;
    font-size: 1.3em;
    color: #8b4513;
    margin-bottom: 10px;
}

/* Make sure the Chinese text looks good */
thead th:nth-child(3) p:nth-child(2) {
    font-size: 1.2em;
    color: #8b4513;
}

/* Pinyin styling */
thead th:nth-child(3) p:nth-child(3) {
    font-style: italic;
    color: #666;
}

/* Final judgment text */
thead th:nth-child(3) p:nth-child(4) {
    color: #2c2c2c;
}


/* Title section styling */
.title-section {
    text-align: center;
    margin-bottom: 50px;
    padding: 50px 20px;
    background: linear-gradient(135deg, #f5f0e8 0%, #fdfcf8 100%);
    border: 2px solid #8b4513;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(139, 69, 19, 0.15);
}

.title-section p {
    margin: 10px 0;
}

/* Main romanized title */
.title-section p:nth-child(1) {
    font-size: 2.5em;
    font-weight: bold;
    color: #8b4513;
    letter-spacing: 3px;
    margin-bottom: 5px;
}

/* Chinese title */
.title-section p:nth-child(2) {
    font-size: 3.5em;
    font-weight: bold;
    color: #a0522d;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

/* Serbian title - first line */
.title-section p:nth-child(3) {
    font-size: 2em;
    font-weight: bold;
    color: #654321;
    margin-bottom: 5px;
}

/* Serbian title - second line */
.title-section p:nth-child(4) {
    font-size: 2em;
    font-weight: bold;
    color: #654321;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #8b4513;
}

/* Translator info */
.title-section p:nth-child(5) {
    font-size: 1.1em;
    font-style: italic;
    color: #666;
    margin-top: 20px;
}

.title-section p:nth-child(6) {
    font-size: 1.3em;
    font-weight: 600;
    color: #8b4513;
}

.title-section p:nth-child(7) {
    font-size: 1em;
    color: #888;
    font-style: italic;
}