/* Search and enterprise pages share the current site's colours and spacing. */
:is(.vodokanal-search-page,.vodokanal-about-page) .content-wrapper { grid-template-columns:minmax(0,1fr) 250px!important; align-items:start; }
:is(.vodokanal-search-page,.vodokanal-about-page) .content-wrapper>.sidebar-left { display:none; }
:is(.vodokanal-search-page,.vodokanal-about-page) .main-content { min-width:0; padding:0; background:transparent!important; border:0; box-shadow:none; }
.vk-search,.vka-page { --vkd-ink:#183d43; --vkd-muted:#647c7d; --vkd-accent:#087782; --vkd-paper:#fff; --vkd-soft:#f0f7f4; --vkd-line:#d8e7e0; --vkd-gold:#a47639; color:var(--vkd-ink); overflow-wrap:anywhere; min-width:0; }
:is(.vk-search,.vka-page) *,:is(.vk-search,.vka-page) *::before,:is(.vk-search,.vka-page) *::after { box-sizing:border-box; }
:is(.vk-search,.vka-page) :is(h1,h2,h3,p,figure) { margin:0; padding:0; border:0; background:none; color:inherit; text-align:left; }
:is(.vk-search,.vka-page) :is(h1,h2,h3) { text-wrap:balance; }
:is(.vk-search,.vka-page) a { color:var(--vkd-accent); }
:is(.vk-search,.vka-page) :is(a,input,button,summary):focus-visible { outline:3px solid var(--vkd-accent); outline-offset:4px; }
:is(.vk-search,.vka-page) .vkd-eyebrow { color:var(--vkd-accent); font-size:10px; line-height:1.6; letter-spacing:1.6px; text-transform:uppercase; font-weight:700; margin:0 0 11px; }
.vk-search-hero { background:var(--vkd-soft); border:1px solid var(--vkd-line); border-radius:15px; padding:34px 38px 27px; }
.vk-search-hero h1 { font-size:36px; line-height:1.2; letter-spacing:-.8px; margin-bottom:12px; }
.vk-search-hero>p:not(.vkd-eyebrow) { color:var(--vkd-muted); font-size:14px; }
.vk-search-form { display:flex; gap:10px; margin:25px 0 18px; }
.vk-search .vk-search-form input { flex:1; width:100%; min-width:0; height:56px; margin:0; padding:13px 18px; color:var(--vkd-ink); background:var(--vkd-paper); border:1px solid #a7c9c4; border-radius:8px; font-size:16px; font-weight:400; line-height:1.5; font-family:inherit; box-shadow:0 3px 10px #163d4305; }
.vk-search .vk-search-form input::placeholder { color:var(--vkd-muted); }
.vk-search .vk-search-form button { display:inline-flex; gap:28px; align-items:center; justify-content:center; padding:13px 24px; border:1px solid var(--vkd-accent); border-radius:8px; color:white; background:var(--vkd-accent); font-size:14px; font-weight:600; cursor:pointer; }
.vk-search .vk-search-form button:hover { background:#085f66; }
.vk-search-examples { display:flex; flex-wrap:wrap; gap:7px; align-items:center; font-size:11px; }
.vk-search-examples>span { color:var(--vkd-muted); margin-right:5px; }
.vk-search-examples>a { border:1px solid var(--vkd-line); padding:5px 11px; background:var(--vkd-paper); border-radius:20px; text-decoration:none; }
.vk-search-examples>a:hover { border-color:var(--vkd-accent); }
.vkd-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:15px; margin:31px 0 19px; }
.vkd-section-heading h2 { font-size:23px; line-height:1.35; }
.vkd-section-heading>span { color:var(--vkd-muted); font-size:11px; }
.vkd-section-heading .vkd-eyebrow { margin-bottom:6px; }
.vk-search-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.vk-search .vk-search-destination { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:12px; padding:23px 25px 38px; border:1px solid var(--vkd-line); border-radius:11px; color:var(--vkd-ink); background:var(--vkd-paper); text-decoration:none; transition:border-color .18s,box-shadow .18s; }
.vk-search-destination:hover { border-color:#79b4aa; box-shadow:0 6px 20px #193b4310; }
.vk-search-kind { font-size:10px; color:var(--vkd-accent); border:1px solid var(--vkd-line); background:var(--vkd-soft); padding:3px 9px; border-radius:5px; }
.vk-search-destination h3 { font-size:18px; line-height:1.4; }
.vk-search-destination p { color:var(--vkd-muted); font-size:12px; line-height:1.75; }
.vk-search-arrow { position:absolute; right:20px; bottom:15px; font-size:21px; color:var(--vkd-accent); }
.vk-search mark { background:#e8f1bc; color:#284842; border-radius:3px; padding:0 2px; }
.vk-search-results { border:1px solid var(--vkd-line); border-radius:12px; background:var(--vkd-paper); overflow:hidden; }
.vk-search-result { padding:25px 29px; border-bottom:1px solid var(--vkd-line); }
.vk-search-result:last-child { border:0; }
.vk-search-result-meta { display:flex; flex-wrap:wrap; align-items:center; gap:12px; color:var(--vkd-muted); font-size:10px; margin-bottom:10px; }
.vk-search-result-meta>span { color:var(--vkd-accent); }
.vk-search-result h2 { font-size:20px; line-height:1.45; margin-bottom:11px; }
.vk-search-result h2 a { display:flex; align-items:start; justify-content:space-between; gap:18px; color:var(--vkd-ink); text-decoration:none; }
.vk-search-result h2 a:hover { color:var(--vkd-accent); text-decoration:underline; text-underline-offset:4px; }
.vk-search-result h2 a>.vk-search-result-arrow { flex:none; color:var(--vkd-accent); font-size:18px; font-weight:400; }
.vk-search-result>p { font-size:13px; line-height:1.85; color:var(--vkd-muted); }
.vk-search .pagination { padding:25px 0 10px; margin:0; }
.vk-search .nav-links { display:flex; flex-wrap:wrap; gap:7px; justify-content:center; }
.vk-search .page-numbers { min-width:39px; min-height:40px; padding:10px 13px; border:1px solid var(--vkd-line); border-radius:7px; background:var(--vkd-paper); font-size:12px; text-align:center; line-height:1.5; text-decoration:none; }
.vk-search .page-numbers.current { background:var(--vkd-accent); color:#fff; border-color:var(--vkd-accent); }
.vk-search .page-numbers:hover { border-color:var(--vkd-accent); }
.vk-search-empty { background:var(--vkd-paper); border:1px solid var(--vkd-line); border-radius:14px; text-align:center; padding:45px 35px; margin-top:23px; }
.vk-search-empty-icon { display:grid; place-items:center; width:66px; height:66px; margin:0 auto 20px; border:1px solid var(--vkd-line); border-radius:50%; color:var(--vkd-accent); font-size:44px; background:var(--vkd-soft); }
.vk-search-empty h2 { font-size:24px; text-align:center; margin:0 0 13px; }
.vk-search-empty p { color:var(--vkd-muted); font-size:14px; max-width:500px; text-align:center; margin:0 auto 21px; }
.vk-search-empty>div { display:flex; flex-wrap:wrap; gap:18px; justify-content:center; font-size:13px; }
html.vodokanal-dark-mode :is(.vk-search,.vka-page) { --vkd-ink:#e2eeeb; --vkd-muted:#adbfbc; --vkd-accent:#8cd9cf; --vkd-paper:#193940; --vkd-soft:#143038; --vkd-line:#33545a; }
html.vodokanal-dark-mode .vk-search mark { background:#4b5f36; color:#f0fbdc; }
html.vodokanal-dark-mode .vk-search .vk-search-form button,html.vodokanal-dark-mode .vk-search .page-numbers.current { color:#10363b; }
html.vodokanal-visual-mode :is(.vk-search,.vka-page) { --vkd-ink:#000; --vkd-muted:#222; --vkd-accent:#000; --vkd-paper:#fff; --vkd-soft:#fff; --vkd-line:#000; }

html.vodokanal-visual-mode .vk-search mark { color:#000; background:#ffec73; }
@media(max-width:1150px) { :is(.vodokanal-search-page,.vodokanal-about-page) .content-wrapper { grid-template-columns:minmax(0,1fr) 205px!important; } }
@media(max-width:1000px) { :is(.vodokanal-search-page,.vodokanal-about-page) .content-wrapper { grid-template-columns:minmax(0,1fr)!important; grid-template-areas:"main" "right"!important; } .vk-search-hero { padding:29px; } }
@media(max-width:640px) { .vk-search-hero { padding:25px 20px; } .vk-search-hero h1 { font-size:29px; } .vk-search-hero>p:not(.vkd-eyebrow) { font-size:12px; } .vk-search-form { gap:7px; margin-top:22px; } .vk-search .vk-search-form input { height:49px; padding:11px 12px; font-size:16px; } .vk-search .vk-search-form button { padding:11px 14px; gap:9px; font-size:12px; } .vk-search-examples { font-size:10px; } .vk-search-examples>span { flex-basis:100%; margin-bottom:3px; } .vk-search-grid { grid-template-columns:1fr; gap:11px; } .vk-search-destination h3 { font-size:18px; } .vk-search .vk-search-destination { padding:21px 22px 33px; } .vkd-section-heading { align-items:start; flex-direction:column; gap:8px; margin-top:26px; } .vkd-section-heading h2 { font-size:23px; } .vk-search-result { padding:22px 20px; } .vk-search-result h2 { font-size:18px; } .vk-search-result>p { font-size:13px; } .vk-search-empty { padding:33px 23px; } .vk-search-empty h2 { font-size:22px; } }
@media(prefers-reduced-motion:reduce) { :is(.vk-search,.vka-page) * { transition:none!important; scroll-behavior:auto!important; } }
@media print { :is(.vodokanal-search-page,.vodokanal-about-page) :is(.site-header,.main-nav,.sidebar-right,.site-footer,.cookie-consent) { display:none; } :is(.vodokanal-search-page,.vodokanal-about-page) .content-wrapper { display:block!important; width:100%!important; } .vk-search-form,.vk-search-examples { display:none; } }