/* «Вхід в історію»: старий папір, акварель, річка часу. Поверх ukrcz.css, лише світла тема. */
@font-face{font-family:"PT Serif";src:url(/static/fonts/pt-serif-cyrillic-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"PT Serif";src:url(/static/fonts/pt-serif-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+2190-2193}
@font-face{font-family:"PT Serif";src:url(/static/fonts/pt-serif-latin-ext-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-02BA}
@font-face{font-family:"PT Serif";src:url(/static/fonts/pt-serif-cyrillic-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"PT Serif";src:url(/static/fonts/pt-serif-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:"PT Serif";src:url(/static/fonts/pt-serif-cyrillic-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"PT Serif";src:url(/static/fonts/pt-serif-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+2190-2193}
@font-face{font-family:"PT Serif";src:url(/static/fonts/pt-serif-latin-ext-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0100-02BA}

:root{
 --paper:#f2e6c8; --paper-a:#f2e6c8; --card:#faf3df; --ink:#14304f; --ink-2:#39404f; --muted:#5c5344; --line:#cdbf9e; --line-2:#e2d6b8;
 --terra:#17506b; --vltava:#17506b; --deep:#17465f; --gold:#a97f1e;
 --serif-d:"PT Serif","Iowan Old Style",Georgia,serif; --serif:"PT Serif","Iowan Old Style",Georgia,serif; --sans:"PT Serif","Iowan Old Style",Georgia,serif;
 --river-w:220px;
}
::selection{background:#c9d8e6}

/* Весь сайт: папір замість фото, суцільна шапка */
body{background:var(--paper) url(/static/art/history/grain.png)}
body::before,body::after{display:none}
.sh{background:var(--card);backdrop-filter:none}
.btn.primary{background:var(--deep);border-color:var(--deep)}
.kicker{color:var(--ink)}
.dcard .eyebrow{color:var(--muted);letter-spacing:0;text-transform:none;font-weight:400}
.dcard,.ncard,.nlead,.life-card,.life-entry{border-radius:10px}
.sf .x{color:#f0dca4}
.sf :focus-visible{outline-color:#fff}

/* Перший екран */
.hh{position:relative;display:grid;overflow:hidden;width:100%}
.hh-art{grid-area:1/1;width:100%;height:clamp(430px,44vw,720px);object-fit:cover;object-position:50% 0;-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)}
.hh-copy{grid-area:1/1;position:relative;align-self:start;text-align:center;padding:clamp(24px,3vw,48px) var(--gutter) 0}
.hh h1{font-size:clamp(2rem,3.9vw,3.8rem);font-weight:700;color:var(--ink);line-height:1.15;margin:0;text-wrap:balance}
.hh .kicker{margin:0 0 8px;font-weight:700}
.hh .lead{margin:10px auto 18px;max-width:44em;font-size:clamp(1rem,1.3vw,1.2rem);color:#1f2a3c;text-wrap:balance}
.hh .search{background:var(--card);border-color:var(--ink);border-radius:8px;max-width:620px}
.hh .search .btn{border-radius:6px}
.hh .search input{font-size:1rem}
.hh .hint{margin:6px 0 0;font-size:.85rem;color:#1f2a3c}

/* Бліда річка під новинами й порадами */
.up{position:relative}
.up-flow{position:absolute;top:0;left:0;width:100%;height:calc(100% + 170px);object-fit:cover;object-position:50% 0;opacity:.7;pointer-events:none;-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
.up>section{position:relative}
.head-row{display:flex;align-items:baseline;gap:8px 24px;flex-wrap:wrap;margin-bottom:16px}
.head-row h2,.river .sec-head h2{font-size:clamp(1.7rem,2.8vw,2.6rem);font-weight:700;margin:0}
.head-row p{margin:0;font-style:italic;flex:1 1 20em;color:var(--ink-2)}
.act{display:inline-block;flex:none;margin-left:auto;text-decoration:none;color:var(--ink);border:1px solid var(--ink);border-radius:6px;padding:5px 12px;font-size:.92rem}
.act:hover{background:var(--ink);color:#fff}
.up .block{padding-block:clamp(20px,2.6vw,38px)}

/* Новини */
.news3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}
.news3 .ncard h3{font-size:clamp(1.15rem,1.6vw,1.45rem)}
.ncard-art{margin:auto 0 0 auto;width:clamp(110px,42%,190px);height:auto;display:block}
.news3 .card-foot{border-top:0;padding-top:4px}
.announce{margin:0;font-size:.95rem}
.up .upcoming{padding-block:0}

/* Життя в Чехії */
.life6{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,1vw,16px)}
.life6 a{display:flex;flex-direction:column;gap:10px;height:100%;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:10px;color:var(--ink);text-decoration:none;font-weight:700;font-size:.95rem;line-height:1.25}
.life6 a:hover{border-color:var(--ink)}
/* Home shows one row only; every guide is on the «all practical guides» page. */
.life6 li:nth-child(n+7){display:none}
.life6 .ic{width:30px;height:30px;color:var(--deep);fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* Річка часу: акварельна річка замість лінії, на головній і на сторінці річки */
.rv::before{width:var(--river-w);margin-left:calc(var(--river-w)/-2);background:url(/static/art/history/spine.webp) 50% 0/100% auto repeat-y;opacity:.8}
.rr{grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr)}
.rr-mid{background:transparent;margin-top:0;align-self:center;color:var(--ink)}
.rr-node{display:none}
.rr-span{order:2;font-weight:400;font-size:.88rem;color:var(--ink)}
.rr-label{font-weight:700;font-size:.98rem;line-height:1.2;color:var(--ink);text-wrap:balance}
.rr-mid{display:flex;flex-direction:column;align-items:center}
.rcard{--rcard-h:auto;height:100%;min-height:150px;grid-template-columns:clamp(84px,8vw,118px) minmax(0,1fr)}
.rcard-media{background:#e8dcc0;align-items:stretch}
.rcard-media img{object-position:50% 20%;filter:grayscale(1) sepia(.18)}
.rcard-ph{align-self:center;color:var(--deep)}
.rcard.gap{grid-template-columns:minmax(0,1fr)}
.dcard.gap{background:var(--card)}
.river .banks{font-weight:700;color:var(--ink)}
.river .banks span{font-size:clamp(1.1rem,1.7vw,1.5rem);letter-spacing:0;text-transform:none}
.photo-src{margin-top:14px;font-size:.9rem}
.photo-src summary{cursor:pointer;color:var(--ink);padding-block:6px}
.photo-src ul{margin:4px 0 0;padding:0;list-style:none;columns:2;column-gap:40px}
.photo-src li{break-inside:avoid;padding-block:2px}

@media (max-width:1020px){
 .news3{grid-template-columns:1fr}
 .ncard-art{width:120px}
 .life6{grid-template-columns:repeat(3,minmax(0,1fr))}
 .life6 li:nth-child(n+4){display:none}
 .up-flow{display:none}
 .photo-src ul{columns:1}
}
@media (max-width:760px){
 .life6{grid-template-columns:repeat(2,minmax(0,1fr))}
 .life6 li:nth-child(n+3){display:none}
 .rv::before{left:0;margin-left:0;width:30px;opacity:.4}
 .rr{grid-template-columns:minmax(0,1fr)}
 .rr-mid{align-items:flex-start;text-align:left;padding-left:34px}
}
@media (max-width:560px){
 .hh-art{height:auto;-webkit-mask-image:none;mask-image:none}
 .hh{display:block}
 .hh .hint{display:none}
 .hh-copy{padding-bottom:6px}
}
.defs{position:absolute}