/* Company page: compact chapters, an illustrated cover and readable process steps. */
.vka-page { --vka-nav-offset:64px; }
.vka-hero { position:relative; isolation:isolate; overflow:hidden; border-radius:17px; background:#133d44; color:white; min-height:390px; }
.vka-hero::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#103b42 0%,#103b42ee 31%,#103b4266 64%,#103b4210 100%); }
.vka-hero .vka-hero-image { position:absolute; inset:0; z-index:-2; width:100%; height:100%!important; object-fit:cover; object-position:72% 50%; margin:0; border-radius:0; }
.vka-hero-copy { padding:40px 42px 43px; max-width:640px; }
.vka-page .vka-hero .vkd-eyebrow { display:flex; align-items:center; gap:9px; color:#a5dbd1; font-size:10px; letter-spacing:2px; margin:0 0 21px; }
.vka-hero .vkd-eyebrow>span { width:6px; height:6px; border-radius:50%; background:#a5dbd1; }
.vka-page .vka-hero h1 { color:#fff; font-size:48px; letter-spacing:-1.7px; line-height:1.12; margin:0 0 19px; }
.vka-page .vka-hero-message { font-size:23px; line-height:1.4; letter-spacing:-.35px; color:#e7f3ef; margin:0 0 15px; }
.vka-page .vka-hero-lead { font-size:13px; color:#bad7d4; line-height:1.85; }
.vka-page .vka-hero-button { display:inline-flex; align-items:center; gap:25px; margin-top:27px; background:#e8f3e8; border-radius:6px; color:#153f42; text-decoration:none; padding:13px 18px; font-size:12px; font-weight:600; }
.vka-page .vka-hero-button:hover { background:#fff; }
.vka-hero-note { position:absolute; right:27px; bottom:27px; border-left:2px solid #c8efdd; padding-left:15px; display:grid; gap:7px; color:white; text-shadow:0 1px 5px #0b3638; }
.vka-hero-note>span { text-transform:uppercase; letter-spacing:1.7px; font-size:9px; }.vka-hero-note>strong { font-size:16px; font-weight:500; }
.vka-intro-line { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:22px 5px; font-size:12px; color:var(--vkd-muted); }
.vka-intro-line strong { color:var(--vkd-ink); font-weight:600; }.vka-intro-line a { text-decoration:none; font-weight:600; }.vka-intro-line a>span { margin-left:15px; }
.vka-nav { display:flex; position:sticky; top:var(--vka-nav-offset); z-index:30; background:var(--vkd-paper); padding:8px; gap:5px; border:1px solid var(--vkd-line); border-radius:10px; margin:8px 0 22px; overflow-x:auto; scrollbar-width:thin; box-shadow:0 6px 20px #173d4308; }
.vka-page .vka-nav a { display:flex; align-items:center; justify-content:center; flex:1 0 auto; gap:9px; padding:12px 10px; text-decoration:none; font-size:12px; white-space:nowrap; border-radius:6px; color:var(--vkd-muted); border:1px solid transparent; }
.vka-nav .vka-tab-number { font-size:10px; opacity:.65; }
.vka-page .vka-nav a:hover { color:var(--vkd-ink); background:var(--vkd-soft); }
.vka-page .vka-nav a[aria-selected=true] { background:var(--vkd-accent); color:#fff; border-color:var(--vkd-accent); font-weight:600; }
.vka-page .vka-nav a:focus-visible { outline-offset:-3px; }
.vka-section { display:grid; grid-template-columns:190px minmax(0,1fr); gap:34px; padding:35px 32px 38px; margin:0 0 24px; background:var(--vkd-paper); border:1px solid var(--vkd-line); border-radius:12px; scroll-margin-top:calc(var(--vka-nav-offset) + 90px); }
.vka-section[hidden] { display:none!important; }
.vka-section-heading { min-width:0; }
.vka-section-number { display:flex; align-items:center; justify-content:center; width:33px; height:33px; color:var(--vkd-accent); border:1px solid var(--vkd-line); border-radius:50%; font-size:11px; margin-bottom:22px; }
.vka-page .vka-section-heading h2 { font-size:26px; line-height:1.2; letter-spacing:-.7px; text-wrap:initial; margin:0 0 15px; }
.vka-page .vka-section-heading p { font-size:12px; line-height:1.8; color:var(--vkd-muted); margin:0; }
.vka-heading-line { display:block; width:38px; height:3px; margin-top:24px; background:#b6cfa6; }
.vka-prose { min-width:0; font-size:14px; line-height:1.9; }
.vka-page .vka-prose p { margin:0 0 20px; text-align:left!important; line-height:1.9; }
.vka-page .vka-prose>p:last-child { margin-bottom:0; }
.vka-page .vka-prose :is(h3,h4) { margin:25px 0 15px; color:var(--vkd-ink); font-size:20px; }
.vka-prose ul,.vka-prose ol { margin:0 0 24px; padding-left:20px; }.vka-prose li { margin:0 0 12px; padding-left:4px; line-height:1.85; text-align:left!important; }
.vka-prose li::marker { color:var(--vkd-accent); }.vka-prose a { text-underline-offset:4px; }.vka-prose table { max-width:100%; width:100%; }
.vka-section--general .vka-prose>p:first-child { font-size:19px; line-height:1.65; letter-spacing:-.2px; }
.vka-section--general .vka-prose>ul { list-style:none; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:0 24px; border-top:1px solid var(--vkd-line); }
.vka-section--general .vka-prose>ul>li { position:relative; padding:17px 0 17px 24px; margin:0; border-bottom:1px solid var(--vkd-line); font-size:12px; }
.vka-section--general .vka-prose>ul>li::before { content:'✓'; position:absolute; left:0; color:var(--vkd-accent); font-weight:700; }
.vka-section--general .vka-prose>ul>li:last-child:nth-child(odd) { grid-column:1/-1; }
.vka-prose img { max-width:100%; height:auto!important; display:block; margin:0!important; float:none; }
.vka-photo { display:block; position:relative; margin:24px 0; border:1px solid var(--vkd-line); background:var(--vkd-soft); border-radius:10px; overflow:hidden; }
.vka-page .vka-photo>p { margin:0; padding:0; }.vka-photo a { display:block; }.vka-photo img { width:100%; aspect-ratio:16/9; object-fit:cover; max-height:360px; }
.vka-photo-hint { position:absolute; bottom:12px; right:12px; background:#f5faf5ed; color:#224b4f; border:1px solid #ffffff88; font-size:10px; padding:7px 10px; border-radius:5px; pointer-events:none; }
.vka-page .vka-history-event { position:relative; padding:0 0 8px 74px; border-left:1px solid var(--vkd-line); }
.vka-history-event::before { content:attr(data-year); position:absolute; left:14px; top:2px; color:var(--vkd-accent); font-size:15px; font-weight:700; }
.vka-history-event::after { content:''; position:absolute; left:-4px; top:10px; width:7px; height:7px; border-radius:50%; background:#9cbfae; }
.vka-prose .vka-metrics { list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:14px; padding:0; }
.vka-metrics>li { background:var(--vkd-soft); border:1px solid var(--vkd-line); border-radius:9px; padding:24px 22px; margin:0; font-size:13px; }
.vka-metric-number { display:block; color:var(--vkd-accent); font-size:37px; font-weight:600; line-height:1.2; margin-bottom:13px; letter-spacing:-1.1px; }
.vka-metrics>li:last-child:nth-child(odd) { grid-column:1/-1; }
.vka-treatment-steps { display:grid; gap:17px; margin:25px 0; }
.vka-treatment-step { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); background:var(--vkd-soft); border:1px solid var(--vkd-line); border-radius:11px; overflow:hidden; }
.vka-step-copy { padding:23px 24px; }.vka-step-label { display:block; text-transform:uppercase; font-size:9px; letter-spacing:1.5px; font-weight:700; color:var(--vkd-accent); margin-bottom:14px; }
.vka-step-copy ul { padding:0; margin:0; list-style:none; }.vka-step-copy li { padding:0; margin:0; }.vka-page .vka-step-copy p { margin:0; }
.vka-step-copy em { display:block; font-weight:700; font-style:normal; font-size:17px; line-height:1.4; margin-bottom:10px; }
.vka-step-copy { font-size:12px; line-height:1.8; }
.vka-treatment-step .vka-photo { margin:0; border:0; border-left:1px solid var(--vkd-line); border-radius:0; min-height:225px; }
.vka-treatment-step .vka-photo :is(p,a) { height:100%; }
.vka-treatment-step .vka-photo img { height:100%!important; min-height:225px; max-height:400px; aspect-ratio:4/3; object-fit:cover; }
.vka-treatment-outro { border-top:1px solid var(--vkd-line); padding-top:24px; }
.vka-related { background:var(--vkd-soft); border:1px solid var(--vkd-line); border-radius:12px; padding:29px 30px; margin-top:26px; }
.vka-page .vka-related h2 { font-size:27px; margin:0 0 23px; letter-spacing:-.6px; }.vka-related-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.vka-page .vka-related-links>a { position:relative; display:flex; flex-direction:column; gap:9px; background:var(--vkd-paper); border:1px solid var(--vkd-line); border-radius:8px; padding:24px 38px 24px 20px; text-decoration:none; color:var(--vkd-ink); }
.vka-related-links>a:hover { border-color:var(--vkd-accent); }.vka-related-links strong { font-size:18px; }.vka-related-links>a>span:last-child { font-size:11px; line-height:1.7; color:var(--vkd-muted); }
.vka-related-icon { position:absolute; top:21px; right:17px; color:var(--vkd-accent); font-size:21px; }
html.vodokanal-dark-mode .vka-page .vka-nav a[aria-selected=true] { color:#143b40; }
html.vodokanal-visual-mode .vka-hero { color:#000; background:#fff; border:2px solid #000; }
html.vodokanal-visual-mode .vka-hero::after,html.vodokanal-visual-mode .vka-hero-image,html.vodokanal-visual-mode .vka-hero-note { display:none; }
html.vodokanal-visual-mode .vka-page .vka-hero :is(h1,p,a) { color:#000; }
html.vodokanal-visual-mode .vka-page .vka-nav a[aria-selected=true] { color:#fff; background:#000; }
@media(max-width:1250px) { .vka-section { grid-template-columns:160px minmax(0,1fr); gap:25px; padding:29px 26px; }.vka-section-heading h2 { font-size:24px; }.vka-nav a { padding:11px 9px; }.vka-nav .vka-tab-number { display:none; }.vka-treatment-step { grid-template-columns:1fr; }.vka-treatment-step .vka-photo { min-height:0; border-left:0; border-top:1px solid var(--vkd-line); }.vka-treatment-step .vka-photo img { min-height:0; height:auto!important; max-height:285px; aspect-ratio:16/9; } }
@media(max-width:1000px) { .vka-section { grid-template-columns:170px minmax(0,1fr); }.vka-treatment-step { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }.vka-treatment-step .vka-photo { border-left:1px solid var(--vkd-line); border-top:0; }.vka-treatment-step .vka-photo img { height:100%!important; max-height:400px; aspect-ratio:4/3; }.vka-hero-copy { padding:36px; } }
@media(max-width:640px) {
 .vka-hero { min-height:0; border-radius:12px; }.vka-hero::after { background:linear-gradient(90deg,#103b42f5 0%,#103b42cf 50%,#103b4233 100%); }.vka-hero .vka-hero-image { object-position:62% 50%; }.vka-hero-copy { padding:30px 24px 32px; }.vka-page .vka-hero h1 { font-size:37px; letter-spacing:-1px; margin-bottom:20px; }.vka-page .vka-hero-message { font-size:21px; }.vka-page .vka-hero-lead { font-size:12px; }.vka-page .vka-hero-button { gap:14px; font-size:11px; padding:13px 15px; }.vka-hero-note { display:none; }.vka-intro-line { flex-direction:column; align-items:flex-start; padding:19px 5px; gap:12px; font-size:11px; }
 .vka-nav { gap:4px; margin:0 0 18px; padding:6px; border-radius:8px; }.vka-page .vka-nav a { padding:11px 14px; font-size:12px; }.vka-section { display:block; padding:25px 21px; border-radius:10px; }.vka-section-heading { display:grid; grid-template-columns:31px minmax(0,1fr); gap:8px 12px; border-bottom:1px solid var(--vkd-line); padding-bottom:20px; margin-bottom:23px; }.vka-section-number { width:29px; height:29px; margin:0; font-size:10px; grid-row:1/3; }.vka-page .vka-section-heading h2 { font-size:25px; margin:0; letter-spacing:-.6px; }.vka-page .vka-section-heading p { grid-column:2; font-size:11px; }.vka-heading-line { display:none; }.vka-prose { font-size:13px; }.vka-section--general .vka-prose>p:first-child { font-size:17px; }.vka-section--general .vka-prose>ul { grid-template-columns:1fr; }.vka-page .vka-history-event { padding-left:58px; }.vka-history-event::before { font-size:12px; left:10px; top:3px; }.vka-photo img { aspect-ratio:4/3; max-height:270px; }.vka-prose .vka-metrics { grid-template-columns:1fr; }.vka-metrics>li { padding:21px; }.vka-metric-number { font-size:34px; }
 .vka-treatment-step { display:flex; flex-direction:column; }.vka-step-copy { padding:20px; }.vka-treatment-step .vka-photo { border-left:0; border-top:1px solid var(--vkd-line); }.vka-treatment-step .vka-photo img { height:auto!important; aspect-ratio:4/3; max-height:260px; }.vka-related { padding:25px 21px; }.vka-page .vka-related h2 { font-size:26px; }.vka-related-links { grid-template-columns:1fr; gap:10px; }.vka-page .vka-related-links>a { padding:19px 36px 19px 18px; }.vka-related-links strong { font-size:17px; }
}
@media(prefers-reduced-motion:reduce) { .vka-page * { scroll-behavior:auto!important; transition:none!important; } }
@media print { .vka-nav,.vka-hero-image,.vka-hero-note,.vka-related { display:none; }.vka-page .vka-section,.vka-page .vka-section[hidden] { display:block!important; }.vka-hero { background:#fff; min-height:0; color:#000; }.vka-hero::after { display:none; }.vka-page .vka-hero :is(h1,p,a) { color:#000; }.vka-section { break-inside:auto; }.vka-treatment-step { break-inside:avoid; } }