/* pohodnik.kz: личные заметки о походах вокруг Алматы */
:root { --bg:#f6f3ec; --fg:#2a2823; --muted:#6d685d; --accent:#2e6a4e; --card:#fffdf8; --line:#e4dfd3; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#171819; --fg:#e7e4dd; --muted:#a39e93; --accent:#80c39c; --card:#1f2124; --line:#2d3034; }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin:0; background:var(--bg); color:var(--fg); font:17px/1.6 Georgia,"Times New Roman",serif; }
header, main, footer { max-width: 720px; margin: 0 auto; padding: 0 16px; }
header { padding-top: 40px; }
.brand { display:flex; align-items:center; gap:12px; text-decoration:none; color:inherit; }
.brand svg { width:40px; height:40px; flex:none; }
.brand h1 { font-size: 1.9rem; margin: 0; line-height:1.1; }
.tagline { color: var(--muted); margin: 6px 0 18px; }
nav { display:flex; flex-wrap:wrap; gap:4px 18px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:10px 0; margin-bottom:28px; font-size:.95rem; }
nav a { color: var(--accent); text-decoration:none; }
nav a[aria-current] { color: var(--fg); font-weight:bold; }
nav a:hover { text-decoration: underline; }
h2 { font-size: 1.3rem; margin: 28px 0 10px; }
article { background: var(--card); border:1px solid var(--line); border-radius: 10px; padding: 18px 22px; margin-bottom: 18px; }
article h2, article h3 { margin: 0 0 6px; font-size: 1.2rem; }
.meta { color: var(--muted); font-size: .9rem; margin-bottom: 10px; }
.facts { display:flex; flex-wrap:wrap; gap:6px 16px; color: var(--muted); font-size:.9rem; margin: 0 0 10px; padding:0; list-style:none; }
a { color: var(--accent); }
p { margin: 0 0 12px; }
ul, ol { margin: 0 0 12px; padding-left: 22px; }
li { margin-bottom: 4px; }
.note { border-left: 3px solid var(--accent); padding: 4px 14px; color: var(--muted); margin: 18px 0; }
footer { color: var(--muted); font-size: .9rem; padding: 28px 16px 48px; border-top:1px solid var(--line); margin-top: 24px; }
footer p { margin: 0 0 6px; }