:root{
  --bg:#f7f4ef; --paper:#fffdf9; --text:#302c29; --muted:#6f6861;
  --accent:#8d3f3b; --line:#ddd5cc; --max:920px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Georgia,"Times New Roman",serif;line-height:1.7}
header{background:var(--paper);border-bottom:1px solid var(--line)}
.wrap{max-width:var(--max);margin:auto;padding:0 24px}
.top{padding:28px 0 16px}
.brand{font-size:2rem;letter-spacing:.02em;color:var(--accent);text-decoration:none}
.tagline{margin-top:2px;color:var(--muted);font-family:Arial,sans-serif;font-size:.95rem}
nav{display:flex;gap:18px;flex-wrap:wrap;padding:12px 0 16px;font-family:Arial,sans-serif;font-size:.93rem}
nav a{color:var(--text);text-decoration:none}
nav a:hover{color:var(--accent)}
main{padding:54px 0 70px}
article{background:var(--paper);padding:42px 46px;border:1px solid var(--line)}
h1,h2{font-weight:normal;line-height:1.25;color:var(--accent)}
h1{font-size:2.35rem;margin:0 0 30px}
h2{font-size:1.55rem;margin-top:0}
blockquote{margin:24px 0;padding:4px 0 4px 24px;border-left:3px solid var(--accent);font-style:italic}
.quote{font-size:1.12rem}
.question{font-size:1.08rem;margin:25px 0}
a{color:var(--accent)}
footer{border-top:1px solid var(--line);font-family:Arial,sans-serif;color:var(--muted);font-size:.86rem;padding:24px 0 40px}
footer a{color:var(--muted);margin-right:14px}
address{font-style:normal}
@media(max-width:650px){article{padding:28px 22px}h1{font-size:1.9rem}main{padding-top:30px}}