:root{--bg:#f7f6f1;--fg:#1d2a22;--mut:#5d6b62;--card:#fff;--br:#dfe3da;--g:#1f4d36;--g2:#2f7a53;--acc:#e0a526}
@media(prefers-color-scheme:dark){:root{--bg:#121a15;--fg:#e6ece7;--mut:#9aa89f;--card:#1b261f;--br:#2b3a30;--g:#7fcf9f;--g2:#4aa371;--acc:#e0a526}}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--fg)}
a{color:var(--g2)}img{max-width:100%;height:auto}.wrap{max-width:1120px;margin:0 auto;padding:0 16px}.narrow{max-width:760px}
.top{background:#1f4d36;color:#fff;position:sticky;top:0;z-index:5}.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;flex-wrap:wrap}
.logo{color:#fff;text-decoration:none;font-weight:700;font-size:1.15rem}.top nav{display:flex;gap:16px;flex-wrap:wrap}.top nav a{color:#e9f3ec;text-decoration:none;font-size:.95rem}
.hero{background:linear-gradient(135deg,#1f4d36,#2f7a53);color:#fff;padding:56px 0 48px}.hero h1{font-size:clamp(1.8rem,5vw,3rem);margin:0 0 8px;text-wrap:balance}.hero p{max-width:640px;margin:0 0 20px;opacity:.95}
.sf{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.sf input,.sf select{flex:1 1 240px;padding:12px 14px;border-radius:10px;border:1px solid var(--br);font:inherit;background:var(--card);color:var(--fg)}.sf button,.btn{padding:12px 20px;border-radius:10px;border:0;background:var(--acc);color:#1d2a22;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}
.btn.alt{background:transparent;border:1px solid var(--g2);color:var(--g2)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:24px 0}.stats div{background:var(--card);border:1px solid var(--br);border-radius:12px;padding:14px;color:var(--mut);font-size:.9rem}.stats b{display:block;font-size:1.7rem;color:var(--g)}
h1{font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.2;text-wrap:balance}h2{margin:32px 0 12px;font-size:1.4rem}h3{margin:20px 0 6px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.card{display:block;background:var(--card);border:1px solid var(--br);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s}.card:hover{transform:translateY(-3px)}
.card img,.noimg{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;background:var(--br)}.noimg{display:grid;place-items:center;font-size:2.5rem}.cb{padding:12px 14px}.cb h3{margin:4px 0;font-size:1.05rem}.cb p{margin:0;color:var(--mut);font-size:.88rem}
.tag{display:inline-block;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--g2);font-weight:700}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.tile{background:var(--card);border:1px solid var(--br);border-left:5px solid var(--acc);border-radius:12px;padding:14px;text-decoration:none;color:inherit}.tile b{display:block;color:var(--g)}.tile span{font-size:.88rem;color:var(--mut)}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips a{background:var(--card);border:1px solid var(--br);border-radius:99px;padding:6px 14px;text-decoration:none;color:var(--fg)}.chips i{font-style:normal;color:var(--mut);font-size:.85rem}
.crumbs{font-size:.88rem;color:var(--mut);margin:16px 0 8px}.lead{color:var(--mut)}.sm{font-size:.85rem;color:var(--mut)}
.ph{margin:12px 0}.ph img{width:100%;max-height:520px;object-fit:cover;border-radius:14px}.ph figcaption{font-size:.8rem;color:var(--mut);margin-top:4px}
.cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px}.cols>*{min-width:0}@media(max-width:820px){.cols{grid-template-columns:1fr}aside{order:-1}}
.facts{background:var(--card);border:1px solid var(--br);border-radius:14px;padding:4px 16px 12px;position:sticky;top:70px}.facts h2{margin:12px 0 4px;font-size:1.1rem}dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);margin-top:10px}dd{margin:0;font-weight:600}
.vid{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000}.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.novid{color:var(--mut)}
.map{width:100%;height:340px;border:0;border-radius:12px;margin-top:12px}
footer{margin-top:56px;padding:28px 0;background:#16241c;color:#c9d6cd;font-size:.9rem}footer a{color:#9fdcb8}
.rt{margin-top:6px!important;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.rt b{color:var(--fg)}.rt span,.st{color:var(--acc);letter-spacing:1px}.rt i{font-style:normal;font-size:.8rem}
.meta{color:var(--mut);margin:-6px 0 8px}.rline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 8px}.rline b{font-size:1.4rem}.rline i{font-style:normal;color:var(--mut);font-size:.9rem}
.jump{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.jump a{background:var(--card);border:1px solid var(--br);border-radius:99px;padding:5px 14px;text-decoration:none;font-size:.9rem;color:var(--fg)}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:8px 0}.gal img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:10px;display:block;background:var(--br)}
.cities{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.cities li{display:flex;justify-content:space-between;gap:8px;background:var(--card);border:1px solid var(--br);border-radius:10px;padding:8px 12px}
.rbox{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:var(--card);border:1px solid var(--br);border-radius:14px;padding:16px}.rbox .big{font-size:2.6rem;font-weight:800;color:var(--g);line-height:1}.rbox .st{font-size:1.3rem}.rbox.empty{color:var(--mut)}
.faq details{background:var(--card);border:1px solid var(--br);border-radius:10px;padding:10px 14px;margin:8px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{margin:8px 0 2px}
.novid{background:var(--card);border:1px dashed var(--br);border-radius:12px;padding:14px}.novid p{margin:0 0 10px}
h2[id]{scroll-margin-top:70px}
.sf select{min-width:0;flex:1 1 140px}.sf input{min-width:0}
body{overflow-wrap:break-word}.main,.cb h3{overflow-wrap:anywhere}

a.lb{cursor:zoom-in;display:block}
#lbx{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;padding:48px 12px 40px}#lbx[hidden]{display:none}
#lbx img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}
#lbx button{position:absolute;background:rgba(255,255,255,.15);color:#fff;border:0;border-radius:50%;width:44px;height:44px;font-size:28px;line-height:1;cursor:pointer}
#lbx .lx{top:8px;right:8px}#lbx .lp{left:8px;top:50%}#lbx .ln{right:8px;top:50%}
#lbx .lc{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#ddd;font-size:13px}

.tb{width:100%;border-collapse:collapse;margin:12px 0;font-size:.92rem}.tb th,.tb td{border:1px solid var(--br);padding:8px 10px;text-align:left;vertical-align:top}.tb th{background:var(--card);font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.chip{border:1px solid var(--br);border-radius:999px;padding:4px 12px;font-size:.85rem;text-decoration:none}.pl{padding-left:18px}.pl li{margin:8px 0}

/* ---- Пам’ятники: власна палітра (камінь + бордо) ---- */
:root{--g:#5a2d2d;--g2:#8a3b3b;--acc:#d8a64a}
@media(prefers-color-scheme:dark){:root{--g:#e0a9a9;--g2:#c97a7a}}
.top{background:#3b2a2a}.hero{background:linear-gradient(135deg,#3b2a2a,#7a3a3a)}footer{background:#241818;color:#d6c6c6}footer a{color:#e6b8b8}
.top nav a{color:#f3e6e6}
.pager{display:flex;gap:6px;flex-wrap:wrap;margin:24px 0}.pager a,.pager span{padding:6px 12px;border:1px solid var(--br);border-radius:8px;background:var(--card);text-decoration:none;color:var(--fg)}.pager span.cur{background:var(--g2);color:#fff;border-color:var(--g2)}
.noimg{font-size:2.8rem}.badge{display:inline-block;font-size:.72rem;border-radius:99px;padding:2px 9px;background:var(--acc);color:#2b1d1d;font-weight:700;margin-left:6px}
#lbx{touch-action:pan-y}#lbx .lc{padding:0 56px}#lbx button:focus-visible{outline:2px solid #fff}#lbx button[hidden]{display:none}.gal a.lb{display:block}.gal a.lb img{transition:opacity .15s}.gal a.lb:hover img{opacity:.85}

.logo{display:inline-flex;align-items:center;gap:10px}.logo img{display:block;border-radius:8px}
