:root { --ink: #203137; --accent: #14665f; --muted: #52616a; }
body { color: var(--ink); background: #fffefa; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 1.04rem; line-height: 1.72; }
main.content { max-width: 850px; padding-top: 2.8rem; padding-bottom: 3rem; }
h1, h2, h3 { color: var(--ink); }
h1.title { font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.4rem, 6vw, 3.7rem); font-weight: 500; letter-spacing: -0.025em; line-height: 1.12; }
h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 500; margin-top: 3rem; padding-bottom: 0.55rem; border-bottom: 1px solid #d9e2dc; }
h3 { font-size: 1.13rem; font-weight: 650; margin-top: 1.65rem; }
a { color: var(--accent); text-underline-offset: 0.18em; }
a:hover { color: #103f3b; }
a:focus-visible { outline: 3px solid #b57832; outline-offset: 4px; }
.affiliation { color: var(--muted); margin-top: 0.4rem; }
.affiliation strong { color: var(--ink); font-weight: 600; }
.introduction { font-size: 1.2rem; margin-top: 2rem; max-width: 47rem; }
.navbar { border-bottom: 1px solid #d9e2dc; background: #fffefa !important; }
.navbar-brand { font-size: 1.05rem; font-weight: 600; }
ol > li { margin-bottom: 1.35rem; padding-left: 0.3rem; }
footer { border-top: 1px solid #d9e2dc; }
@media (max-width: 600px) { main.content { padding-top: 1.4rem; } .introduction { font-size: 1.1rem; } }