/* Tekmeria: essay-specific typography layered on eulogikon-base.css.
   Base provides the chrome (navbar, footer, container, fonts); this styles the
   prose body of a Tekmeria essay. Scope everything under .tekmeria-essay so it can
   never collide with a lifted corpus rule. */

.tekmeria-essay {
    max-width: 760px;
    margin: 0 auto;
    padding: 8px 4px 64px;
    color: #2D3748;
    font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 1.12em;
    line-height: 1.72;
}

/* --- Title block --- */
.tekmeria-essay .post-header {
    margin: 12px 0 36px;
    text-align: center;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 28px;
}
.tekmeria-essay .post-header h1 {
    font-weight: 300;
    font-size: 2.1em;
    line-height: 1.2;
    color: #2D3748;
    margin: 0 0 14px;
}
.tekmeria-essay .post-meta {
    color: #718096;
    font-size: 0.92em;
    font-style: italic;
}
.tekmeria-essay .post-meta a { color: #718096; }

/* --- Section headings --- */
.tekmeria-essay h2 {
    font-weight: 400;
    font-size: 1.5em;
    color: #2D3748;
    margin: 2.2em 0 0.6em;
    line-height: 1.3;
}
.tekmeria-essay h3 {
    font-weight: 600;
    font-size: 1.12em;
    color: #4a5568;
    margin: 1.8em 0 0.5em;
}

.tekmeria-essay p { margin: 0 0 1.1em; }

/* --- Greek source quotations --- */
.tekmeria-essay blockquote.grc {
    margin: 0.5em 0 0.4em;
    padding: 0.6em 1.1em;
    border-left: 4px solid #cbd5e0;
    background: #f7fafc;
    border-radius: 0 4px 4px 0;
    font-size: 1.12em;
    line-height: 1.8;
    color: #2D3748;
}
.tekmeria-essay .translit {
    margin: 0 0 0.2em 1.1em;
    color: #718096;
    font-size: 0.94em;
    letter-spacing: 0.01em;
}
.tekmeria-essay .translation {
    margin: 0 0 1.4em 1.1em;
    color: #4a5568;
    font-style: italic;
    font-size: 0.98em;
}

/* Primary station citation: one per witness, above the three lines */
.tekmeria-essay .witness-ref {
    margin: 1.4em 0 0.35em;
    font-size: 1em;
    font-weight: 600;
    line-height: 1.45;
    color: #2D3748;
}
.tekmeria-essay .witness-ref a {
    color: #2b6cb0;
    text-decoration: none;
    border-bottom: 1px dotted #90cdf4;
    font-variant-numeric: tabular-nums;
}
.tekmeria-essay .witness-ref a:hover { border-bottom-style: solid; }

/* --- Inline corpus citations (secondary pointers only) --- */
.tekmeria-essay .cite {
    color: #718096;
    font-size: 0.95em;
}
.tekmeria-essay .cite a {
    color: #2b6cb0;
    text-decoration: none;
    border-bottom: 1px dotted #90cdf4;
    font-variant-numeric: tabular-nums;
}
.tekmeria-essay .cite a:hover { border-bottom-style: solid; }

/* --- Summary tables ---
   eulogikon-base.css styles all tables as corpus passage viewers (hidden
   thead, hover-only ref column, enlarged Greek in last column). Reset
   everything under .tekmeria-essay table.summary and use modifier classes for
   column widths. */
.tekmeria-essay .table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 1.4em 0;
}
.tekmeria-essay .table-scroll table.summary {
    margin: 0;
}
.tekmeria-essay table.summary {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin: 1.4em 0;
    font-size: 0.98em;
}
.tekmeria-essay table.summary thead {
    display: table-header-group !important;
}
.tekmeria-essay table.summary tbody {
    display: table-row-group;
}
.tekmeria-essay table.summary tr {
    display: table-row;
}
.tekmeria-essay table.summary th,
.tekmeria-essay table.summary td {
    display: table-cell;
    opacity: 1 !important;
    text-align: left;
    vertical-align: top;
    padding: 10px 14px;
    border-bottom: 1px solid #e2e8f0;
    font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont,
        'Segoe UI', Arial, sans-serif;
    font-size: inherit;
    line-height: 1.45;
    font-weight: 400;
    color: #2D3748;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.tekmeria-essay table.summary thead th {
    border-bottom: 2px solid #cbd5e0;
    background-color: #4A5568;
    color: #E2E8F0;
    font-weight: 600;
    white-space: nowrap;
}
.tekmeria-essay table.summary td a {
    color: #2b6cb0;
    text-decoration: none;
    border-bottom: 1px dotted #90cdf4;
}
.tekmeria-essay table.summary td a:hover {
    border-bottom-style: solid;
}

/* Diachronic shape: Period | Count | Character */
.tekmeria-essay table.summary.diachronic {
    min-width: 0;
    table-layout: auto;
}
.tekmeria-essay table.summary.diachronic th,
.tekmeria-essay table.summary.diachronic td {
    padding: 10px 12px;
}
.tekmeria-essay table.summary.diachronic th:first-child,
.tekmeria-essay table.summary.diachronic td:first-child {
    width: 32%;
    font-weight: 600;
}
.tekmeria-essay table.summary.diachronic th:nth-child(2),
.tekmeria-essay table.summary.diachronic td:nth-child(2) {
    width: 12%;
    font-weight: 600;
    white-space: nowrap;
}
.tekmeria-essay table.summary.diachronic th:nth-child(3),
.tekmeria-essay table.summary.diachronic td:nth-child(3) {
    width: 56%;
}

/* Passage survey: Period | Author | wid | ref | note */
.tekmeria-essay table.summary.survey {
    min-width: 36em;
}
.tekmeria-essay table.summary.survey th:first-child,
.tekmeria-essay table.summary.survey td:first-child {
    width: 12%;
    font-weight: 600;
}
.tekmeria-essay table.summary.survey th:nth-child(2),
.tekmeria-essay table.summary.survey td:nth-child(2) {
    width: 16%;
    font-weight: 600;
}
.tekmeria-essay table.summary.survey th:nth-child(3),
.tekmeria-essay table.summary.survey td:nth-child(3) {
    width: 10%;
    font-family: ui-monospace, 'Courier New', monospace;
    font-size: 0.92em;
    white-space: nowrap;
}
.tekmeria-essay table.summary.survey th:nth-child(4),
.tekmeria-essay table.summary.survey td:nth-child(4) {
    width: 14%;
    white-space: nowrap;
}
.tekmeria-essay table.summary.survey th:nth-child(5),
.tekmeria-essay table.summary.survey td:nth-child(5) {
    width: 48%;
}

/* Sources cited: Author | Title | wid | Passages cited */
.tekmeria-essay table.summary.sources {
    min-width: 34em;
}
.tekmeria-essay table.summary.sources th:first-child,
.tekmeria-essay table.summary.sources td:first-child {
    width: 18%;
    font-weight: 600;
}
.tekmeria-essay table.summary.sources th:nth-child(2),
.tekmeria-essay table.summary.sources td:nth-child(2) {
    width: 40%;
}
.tekmeria-essay table.summary.sources th:nth-child(3),
.tekmeria-essay table.summary.sources td:nth-child(3) {
    width: 12%;
    font-family: ui-monospace, 'Courier New', monospace;
    font-size: 0.92em;
    white-space: nowrap;
}
.tekmeria-essay table.summary.sources th:nth-child(4),
.tekmeria-essay table.summary.sources td:nth-child(4) {
    width: 30%;
    white-space: nowrap;
}

/* Term gloss: Term | Root | In the passage */
.tekmeria-essay table.summary.terms th:first-child,
.tekmeria-essay table.summary.terms td:first-child {
    width: 22%;
    font-weight: 600;
}
.tekmeria-essay table.summary.terms th:nth-child(2),
.tekmeria-essay table.summary.terms td:nth-child(2) {
    width: 18%;
    white-space: nowrap;
}
.tekmeria-essay table.summary.terms th:nth-child(3),
.tekmeria-essay table.summary.terms td:nth-child(3) {
    width: 60%;
}

/* --- Closing caveats block --- */
.tekmeria-essay .caveats {
    margin-top: 2.4em;
    padding: 1.2em 1.4em;
    background: #f7fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.98em;
}
.tekmeria-essay .caveats h2 { margin-top: 0; font-size: 1.2em; }
.tekmeria-essay .caveats li { margin-bottom: 0.7em; }

@media (max-width: 768px) {
    /* Keep Tekmeria tables as real tables; base.css switches all tables to
       display:block and hides thead on small screens. */
    .tekmeria-essay table.summary {
        display: table !important;
        table-layout: fixed;
    }
    .tekmeria-essay table.summary thead {
        display: table-header-group !important;
    }
    .tekmeria-essay table.summary tbody {
        display: table-row-group !important;
    }
    .tekmeria-essay table.summary tr {
        display: table-row !important;
    }
    .tekmeria-essay table.summary th,
    .tekmeria-essay table.summary td {
        display: table-cell !important;
    }
}

@media (max-width: 640px) {
    .tekmeria-essay { font-size: 1.05em; padding: 4px 2px 48px; }
    .tekmeria-essay .post-header h1 { font-size: 1.65em; }
}