@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap');

@font-face {
    font-family: "GentiumAlt";
    src: url("Fonts/genar102.ttf");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "GentiumAlt";
    src: url("Fonts/genai102.ttf");
    font-style: italic;
    font-weight: normal;
}

:root { --bg:#f0eeeb; --card-bg:#faf9f7; --border:#d0c8bc; --ink:#1e1a14; --dim:#6b6055; --gold:#8b6914; --gold-light:#c9a84c; --shadow:rgba(0,0,0,0.08); }
* { margin:0; padding:0; box-sizing:border-box; }
body { background:var(--bg); min-height:100vh; font-family:'Crimson Text',serif; color:var(--ink); display:flex; flex-direction:column; align-items:center; padding:50px 24px 80px; font-size:18px; }
.back { position:fixed; top:20px; left:20px; }
.back a { color:var(--dim); text-decoration:none; font-size:1rem; font-family:'Cinzel',serif; }
.back a:hover { color:var(--gold); }
h1 { font-family:'Cinzel',serif; font-size:1rem; letter-spacing:0.3em; color:var(--gold); text-transform:uppercase; margin-bottom:8px; margin-top:14px; }
.subtitle { color:var(--dim); font-size:0.95rem; margin-bottom:24px; text-align:center; }
.verse-head { font-family:"GentiumAlt","Gentium Plus","Gentium","Times New Roman",serif; font-size:clamp(1.1rem,2.2vw,1.5rem); font-style:italic; text-align:center; line-height:2; max-width:820px; border:1px solid var(--border); padding:22px 32px; margin-bottom:36px; background:var(--card-bg); border-radius:8px; box-shadow:0 2px 8px var(--shadow); }
.analysis-grid { width:100%; max-width:960px; display:flex; flex-direction:column; gap:4px; margin-bottom:50px; }
.word-row { display:grid; grid-template-columns:1.2fr 1.2fr 1.4fr 2.2fr; gap:0; border-radius:4px; overflow:hidden; border:1px solid var(--border); transition:border-color 0.2s; background:var(--card-bg); }
.word-row:hover { border-color:var(--gold-light); box-shadow:0 2px 6px var(--shadow); }
.cell { padding:13px 16px; font-size:0.95rem; line-height:1.45; border-right:1px solid var(--border); }
.cell:last-child { border-right:none; }
.cell-greek { font-family:"GentiumAlt","Gentium Plus","Gentium","Times New Roman",serif; font-style:italic; font-size:1.2rem; color:var(--gold); background:#fef9ee; font-weight:600; }
.cell-lemma { font-family:"GentiumAlt","Gentium Plus","Gentium","Times New Roman",serif; color:var(--dim); font-style:italic; font-size:0.95rem; }
.cell-parse { font-family:'Cinzel',serif; font-size:0.72rem; letter-spacing:0.04em; color:var(--dim); display:flex; flex-direction:column; gap:3px; justify-content:center; }
.cell-parse .pos { color:var(--gold); font-size:0.8rem; font-weight:700; }
.cell-gloss { color:var(--ink); font-size:0.93rem; line-height:1.55; }
.header-row .cell { background:#ede8df; padding:9px 16px; color:var(--dim); font-family:'Cinzel',serif; font-size:0.7rem; letter-spacing:0.18em; text-transform:uppercase; }
.notes-section { max-width:800px; width:100%; }
.notes-section h2 { font-family:'Cinzel',serif; font-size:0.85rem; letter-spacing:0.2em; color:var(--gold); text-transform:uppercase; margin-bottom:20px; border-bottom:2px solid var(--gold-light); padding-bottom:10px; }
.note { margin-bottom:26px; padding:20px 22px; background:var(--card-bg); border:1px solid var(--border); border-left:4px solid var(--gold-light); border-radius:0 6px 6px 0; box-shadow:0 1px 4px var(--shadow); }
.note-word { font-family:"GentiumAlt","Gentium Plus","Gentium","Times New Roman",serif; font-style:italic; color:var(--gold); font-size:1.1rem; margin-bottom:8px; font-weight:600; }
.note-text { font-size:1rem; color:var(--ink); line-height:1.75; }
@media (max-width:640px) { .word-row { grid-template-columns:1fr 1fr; } .cell-parse { display:none; } }