:root { --ink:#1a1a2e; --accent:#205c40; --soft:#f4f6f4; --line:#d8ded8; }
* { box-sizing: border-box; }
body { margin:0; font-family: Georgia, 'Times New Roman', serif; color:var(--ink); line-height:1.65; }
.site-header { display:flex; flex-wrap:wrap; gap:1rem; align-items:baseline; justify-content:space-between; padding:1rem 1.25rem; border-bottom:2px solid var(--accent); }
.brand { font-size:1.4rem; font-weight:bold; color:var(--accent); text-decoration:none; }
.site-header nav a { margin-left:1rem; color:var(--ink); text-decoration:none; font-size:.95rem; }
.site-header nav a:hover { text-decoration:underline; }
main { max-width:46rem; margin:0 auto; padding:1.5rem 1.25rem 3rem; }
h1 { font-size:1.9rem; line-height:1.25; }
h2 { margin-top:2.2rem; color:var(--accent); }
blockquote { background:var(--soft); border-left:4px solid var(--accent); margin:1.2rem 0; padding:.8rem 1rem; }
table { border-collapse:collapse; width:100%; font-size:.95rem; }
th, td { border:1px solid var(--line); padding:.45rem .6rem; text-align:left; }
code { background:var(--soft); padding:.1rem .3rem; }
a { color:var(--accent); }
.guide-list li { margin-bottom:.5rem; }
.site-footer { border-top:1px solid var(--line); padding:1.5rem 1.25rem; font-size:.9rem; color:#444; max-width:46rem; margin:0 auto; }