:root{color-scheme:light dark}
*{box-sizing:border-box}
body{font-family:Georgia,'Times New Roman',serif;max-width:760px;margin:0 auto;padding:0 20px 60px;line-height:1.6;background:#faf7f2;color:#2b2620}
header{padding:36px 0 10px;border-bottom:2px solid #6b7a4f}
header h1{margin:0;font-size:2.1em;color:#4a5a2e}
.subtitle{margin:4px 0 0;color:#6b6252;font-style:italic}
nav{display:flex;gap:18px;padding:14px 0;border-bottom:1px solid #ddd6c8;margin-bottom:24px}
nav a{color:#4a5a2e;text-decoration:none;font-weight:bold}
nav a:hover{text-decoration:underline}
article{margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid #e6e0d2}
article h2{color:#4a5a2e;margin-bottom:4px}
.meta{color:#948a76;font-size:.85em;margin:2px 0 12px}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:20px}
.gallery figure{margin:0;background:#fff;padding:10px;border:1px solid #e6e0d2;border-radius:4px}
.gallery img{width:100%;height:190px;object-fit:cover;border-radius:2px;display:block}
.gallery figcaption{font-size:.8em;color:#77705f;margin-top:8px}
.gallery figcaption a{color:#4a5a2e}
footer{margin-top:40px;padding-top:16px;border-top:1px solid #ddd6c8;color:#948a76;font-size:.85em}
@media (prefers-color-scheme: dark){
  body{background:#1c1a15;color:#e2ddd0}
  header{border-bottom-color:#8fae5c}
  header h1{color:#a9c47f}
  nav{border-bottom-color:#3a362c}
  nav a{color:#a9c47f}
  article{border-bottom-color:#3a362c}
  article h2{color:#a9c47f}
  .gallery figure{background:#252119;border-color:#3a362c}
  footer{border-top-color:#3a362c}
}