/* Biblical Archaeology Encyclopedia — shared styles (pages are generated by scripts/build_archaeology.py) */
:root {
    --bg-color: #121212;
    --card-bg: #1e1e1e;
    --sidebar-bg: #1a1a1a;
    --text-color: #dcdcdc;
    --header-gold: #c5a059;
    --accent-red: #8a0303;
    --label-red: #d0574f;
    --border-color: #333;
    --hover-glow: rgba(197, 160, 89, 0.15);
}

body {
    font-family: 'Crimson Text', serif;
    font-size: 1.15rem;
    line-height: 1.75;
    color: var(--text-color);
    margin: 0;
    background: radial-gradient(circle at top, #1a1a1a, #121212) fixed var(--bg-color);
}
a { color: var(--header-gold); }
a:hover { color: #fff; }
strong { color: #fff; }

/* ---------- index ---------- */
body.index > header {
    background: #000;
    border-bottom: 2px solid var(--header-gold);
    padding: 3rem 1rem;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0,0,0,0.8);
}
body.index > header h1 {
    margin: 0; font-size: clamp(1.8rem, 6vw, 3rem); font-family: 'Cinzel', serif;
    color: var(--header-gold); letter-spacing: 2px; text-transform: uppercase;
}
body.index > header p { font-family: 'Cinzel', serif; color: #888; margin: .5rem 0 0; letter-spacing: 1px; }
body.index > header p.standard { font-family: 'Crimson Text', serif; font-style: italic; color: #aaa; letter-spacing: 0; }
.container { max-width: 1000px; margin: 3rem auto; padding: 0 1rem; }
.period-section { margin-bottom: 4rem; }
.period-title {
    font-family: 'Cinzel', serif; font-size: 1.7rem; color: var(--text-color);
    border-bottom: 1px solid var(--accent-red); padding-bottom: .5rem; margin-bottom: 2rem; display: inline-block;
}
.discovery-list { list-style: none; padding: 0; display: grid; gap: 1.5rem; }
.discovery-card {
    background: var(--card-bg); border: 1px solid var(--border-color); padding: 1.5rem;
    border-left: 3px solid var(--header-gold); transition: all .3s ease;
}
.discovery-card:hover { transform: translateY(-3px); box-shadow: 0 0 15px var(--hover-glow); border-left-color: var(--accent-red); background: #252525; }
.discovery-title { margin: 0 0 .5rem; font-family: 'Cinzel', serif; font-size: 1.35rem; }
.discovery-title a { text-decoration: none; }
.meta-data { font-size: .95rem; color: #999; margin-bottom: 1rem; border-left: 1px solid #444; padding-left: 10px; }
.meta-label { font-weight: bold; color: var(--label-red); font-family: 'Cinzel', serif; font-size: .8rem; }
.significance { margin-top: 1rem; font-size: 1rem; color: #ccc; font-style: italic; }

/* ---------- entry ---------- */
nav { background: #000; padding: 1rem; border-bottom: 1px solid #333; }
nav a {
    color: var(--header-gold); text-decoration: none; font-family: 'Cinzel', serif; font-weight: bold;
    font-size: .9rem; text-transform: uppercase; letter-spacing: 1px;
}
.wrapper { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 3rem; padding: 3rem; }
@media (max-width: 850px) { .wrapper { grid-template-columns: minmax(0,1fr); padding: 1.5rem 1rem; gap: 1.5rem; } }
.wrapper > header { grid-column: 1 / -1; border-bottom: 2px solid var(--accent-red); padding-bottom: 1rem; }
.wrapper > header h1 {
    font-size: clamp(1.8rem, 6vw, 3.2rem); margin: 0 0 .2rem; color: var(--header-gold);
    font-family: 'Cinzel', serif; letter-spacing: 2px; text-transform: uppercase; overflow-wrap: anywhere;
}
.wrapper > header p { color: #999; font-family: 'Cinzel', serif; margin: 0; }
main h2 {
    color: var(--header-gold); border-bottom: 1px solid #333; padding-bottom: .5rem; margin-top: 2.5rem;
    font-family: 'Cinzel', serif; font-weight: 400;
}
main h2:first-child { margin-top: 0; }
.inscription-box {
    background: #111; color: #d8d0bc; border: 1px solid #444; border-left: 4px solid var(--header-gold);
    padding: 1.5rem 2rem; margin: 1.5rem 0; font-style: italic; white-space: pre-line;
    box-shadow: inset 0 0 20px rgba(0,0,0,.8);
}
.inscription-box cite { display: block; margin-top: 1rem; font-style: normal; font-size: .9rem; color: #999; }
.inscription-box cite::before { content: "— "; }
ul.evidence, ul.questions, ul.updates { padding-left: 1.3rem; }
ul.evidence li, ul.questions li, ul.updates li { margin-bottom: .7rem; }
ul.questions li::marker { content: "? "; color: var(--header-gold); }
ul.updates .when { font-family: 'Cinzel', serif; color: var(--header-gold); font-size: .85rem; margin-right: .5rem; }
ol.sources { font-size: .95rem; color: #bbb; padding-left: 1.6rem; overflow-wrap: anywhere; }
ol.sources li { margin-bottom: .6rem; }
ol.sources .kind { font-size: .75rem; color: #888; border: 1px solid #444; padding: 0 .35rem; margin-left: .3rem; white-space: nowrap; }
details.corrections { margin-top: 2rem; border: 1px solid #333; padding: .8rem 1rem; color: #aaa; font-size: .95rem; }
details.corrections summary { cursor: pointer; color: var(--header-gold); font-family: 'Cinzel', serif; font-size: .9rem; }
p.checked { color: #888; font-size: .9rem; font-style: italic; margin-top: 2rem; }

.sidebar { background: var(--sidebar-bg); padding: 1.5rem; border: 1px solid #333; height: fit-content; box-shadow: 0 10px 30px rgba(0,0,0,.5); }
.fact-box { margin-bottom: 2rem; }
.fact-box:last-child { margin-bottom: 0; }
.fact-box h3 {
    margin: 0; background: #000; color: var(--header-gold); padding: .8rem; text-align: center;
    font-size: 1rem; border: 1px solid var(--header-gold); letter-spacing: 1px; font-family: 'Cinzel', serif;
}
.fact-list { list-style: none; padding: 0; font-size: .95rem; }
.fact-list li { margin-bottom: 1rem; border-bottom: 1px solid #333; padding-bottom: .5rem; color: #bbb; }
.fact-label, .fact-list .ref {
    font-weight: bold; display: block; color: var(--label-red); font-family: 'Cinzel', serif; font-size: .85rem; margin-bottom: .2rem;
}
.fact-list .ref { color: var(--header-gold); }