/* ============ Блог главного врача + блоги врачей ============ */
.mk{background:#f8f8f5;padding-bottom:120px}
.mk-grid{position:relative;z-index:15;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:6%;align-items:start}
.mk-photo{position:relative;margin:0;border-radius:4px;overflow:hidden;background:#dfe1e3}
.mk-photo img{display:block;width:100%;height:auto;max-width:100%}
.mk-photo::before,.mk-photo::after{content:"";position:absolute;width:44px;height:44px;border:1px solid #ffffffd0;z-index:2;pointer-events:none}
.mk-photo::before{top:18px;left:18px;border-right:0;border-bottom:0}
.mk-photo::after{right:18px;bottom:58px;border-left:0;border-top:0}
.mk-photo figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;justify-content:space-between;gap:12px;padding:46px 20px 18px;font-size:10px;letter-spacing:1.4px;color:#fff;background:linear-gradient(to top,#0b0c0ecc,#0b0c0e00)}
.mk-scan{position:absolute;left:0;right:0;top:0;height:28%;z-index:1;pointer-events:none;background:linear-gradient(to bottom,#ffffff00,#ffffff1f 85%,#ffffffb0 99%,#ffffff00);mix-blend-mode:screen;animation:mk-scan 6s cubic-bezier(.5,0,.5,1) infinite}
@keyframes mk-scan{0%{transform:translateY(-100%)}60%,100%{transform:translateY(380%)}}
.mk-copy{padding-top:8px}
.mk-copy h2{margin:24px 0 0}
.mk-creds{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.mk-creds span{border:1px solid #101113;border-radius:40px;padding:7px 15px;font-size:11px;letter-spacing:1.6px;font-weight:600}
.mk-role{margin-top:16px;font-size:14px;line-height:1.6;color:#65686c;max-width:460px}
.mk-lead{margin-top:30px;font-size:17px;line-height:1.7;max-width:560px;color:#232528}
.mk-rubrics{list-style:none;margin:34px 0 0;padding:0;border-top:1px solid #d0d2d4}
.mk-rubrics li{display:grid;grid-template-columns:190px 1fr;gap:20px;align-items:baseline;padding:17px 0;border-bottom:1px solid #d0d2d4}
.mk-rubrics b{font-family:Bebas,'Arial Narrow',Arial,sans-serif;font-weight:700;font-size:26px;line-height:1;letter-spacing:.3px}
.mk-rubrics span{font-size:14px;line-height:1.55;color:#696d73}
.mk-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:34px}
.mk-ch{position:relative;display:flex;flex-direction:column;gap:22px;padding:18px;border:1px solid #c9cccf;border-radius:20px;background:#ffffff8c;transition:background .25s,color .25s,border-color .25s,transform .25s}
.mk-ch:hover,.mk-ch:focus-visible{background:#101113;color:#fff;border-color:#101113;transform:translateY(-3px)}
.mk-ch-ic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#101113;color:#fff;transition:background .25s,color .25s}
.mk-ch:hover .mk-ch-ic{background:#fff;color:#101113}
.mk-ch-ic svg{width:19px;height:19px}
.mk-ch-t b{display:block;font-size:15px;font-weight:600}
.mk-ch-t small{display:block;font-size:12px;color:#7a7e83;margin-top:3px;overflow-wrap:anywhere}
.mk-ch:hover small{color:#b9bcc0}
.mk-ch i{position:absolute;top:16px;right:18px;font-style:normal;font-size:18px}

.docs{position:relative;z-index:15;margin-top:120px}
.docs-head{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:35px;align-items:start;margin-bottom:44px}
.docs-head .eyebrow{padding-top:10px}
.docs-head h3{font-size:clamp(52px,5vw,78px);line-height:.95}
.docs-head p{font-size:14px;line-height:1.7;color:#666;max-width:310px;padding-top:8px}
.docs-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.doc{position:relative;display:flex;flex-direction:column;border:1px solid #d0d2d4;border-radius:22px;background:#fff;overflow:hidden;min-width:0}
.doc-vis{position:relative;aspect-ratio:1/1;background:radial-gradient(circle at 50% 38%,#eceef0,#d9dcdf 70%);overflow:hidden}
.doc-vis img{width:100%;height:100%;object-fit:cover;display:block}
.doc-vis svg{position:absolute;inset:0;width:100%;height:100%}
.doc-vis .ring{fill:none;stroke:#9aa0a7;stroke-width:.6}
.doc-vis .ring.dash{stroke-dasharray:2 3;animation:doc-spin 24s linear infinite;transform-origin:50% 50%}
@keyframes doc-spin{to{transform:rotate(360deg)}}
.doc-vis .glyph{font-family:Bebas,'Arial Narrow',sans-serif;font-size:30px;fill:#55595e;letter-spacing:1px}
.doc-status{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:30px;background:#ffffffd9;font-size:10px;letter-spacing:1.3px;color:#3b3e42}
.doc-status::before{content:"";width:6px;height:6px;border-radius:50%;background:#e2a33a;animation:doc-pulse 1.6s ease-in-out infinite}
.doc-status.live::before{background:#2fbf71}
@keyframes doc-pulse{50%{opacity:.25}}
.doc-body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.doc-body h4{margin:0;font-family:Bebas,'Arial Narrow',sans-serif;font-weight:700;font-size:28px;line-height:1}
.doc-body .doc-name{font-size:14px;font-weight:600}
.doc-body p{margin:0;font-size:13px;line-height:1.55;color:#6a6e74}
.doc-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px}
.doc-links a,.doc-links span{font-size:11px;letter-spacing:1px;border:1px solid #c9cccf;border-radius:30px;padding:6px 11px}
.doc-links span{color:#8a8e93;border-style:dashed}
.doc-links a:hover{background:#101113;color:#fff;border-color:#101113}

/* ============ Видеостена ============ */
.media{background:radial-gradient(ellipse at 20% 0%,#2b2e34,#0c0d10 62%);color:#f3f3f3;overflow:hidden;padding-bottom:90px}
.media .section-head{margin-bottom:56px}
.media .eyebrow{color:#92969e}
.media .section-head p{color:#a0a4ab}
.media .silver{background:linear-gradient(105deg,#a5a8af,#f8f9fa 37%,#757b85 75%,#bfc4cc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.wall{position:relative;z-index:15;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start;max-width:1240px;margin:0 auto}
.screen{display:block;color:#fff;position:relative;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#17191d;border:1px solid #2c2f35;cursor:pointer;transition:border-color .3s,transform .4s cubic-bezier(.2,.7,.2,1);max-width:100%}
.screen:nth-child(even){margin-top:64px}
.screen:hover,.screen:focus-visible{border-color:#8b8e93;transform:translateY(-4px)}
.screen:focus-visible{outline:2px solid #c8cbd0;outline-offset:4px}
.screen img,.screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.screen img{animation:kb 18s ease-in-out infinite alternate}
.screen:nth-child(2n) img{animation-delay:-6s}.screen:nth-child(3n) img{animation-delay:-11s}
@keyframes kb{from{transform:scale(1.02) translate(0,0)}to{transform:scale(1.14) translate(-3%,2%)}}
.screen-ui{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:12px;background:linear-gradient(to bottom,#0b0c0e80,#0b0c0e00 26%,#0b0c0e00 52%,#0b0c0ee6);pointer-events:none}
.screen-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.3px}
.rec{display:inline-flex;align-items:center;gap:6px}
.rec::before{content:"";width:7px;height:7px;border-radius:50%;background:#ff4433;animation:doc-pulse 1.2s steps(2,start) infinite}
.src{border:1px solid #ffffff70;border-radius:20px;padding:3px 8px}
.screen-bottom h4{margin:0;font-family:Bebas,'Arial Narrow',sans-serif;font-weight:700;font-size:24px;line-height:1;letter-spacing:.3px}
.screen-meta{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;letter-spacing:1px;color:#c9ccd1;font-variant-numeric:tabular-nums}
.screen.vid .screen-ui{justify-content:flex-start;background:linear-gradient(to bottom,#0b0c0ed9,#0b0c0e00 36%)}.screen.vid .screen-bottom{margin-top:14px}.screen.vid h4{font-size:22px}
.screen .sound{position:absolute;left:12px;bottom:12px;font-size:10px;letter-spacing:1px;padding:4px 8px;border-radius:20px;background:#0b0c0e99}
.ticker{position:relative;z-index:15;margin:70px -5.56% 0;border-top:1px solid #2c2f35;border-bottom:1px solid #2c2f35;overflow:hidden;padding:14px 0}
.ticker-track{display:flex;gap:56px;width:max-content;animation:tick 34s linear infinite}
.ticker-track span{font-family:Bebas,'Arial Narrow',sans-serif;font-size:72px;line-height:1;color:transparent;-webkit-text-stroke:1px #6a6e76;white-space:nowrap}
.ticker-track span:nth-child(3n+1){color:#e9eaec;-webkit-text-stroke:0}
@keyframes tick{to{transform:translateX(-50%)}}
.socials{position:relative;z-index:15;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;margin-top:44px}
.socials a{display:grid;grid-template-columns:1fr auto;gap:6px 16px;padding:20px 0;border-bottom:1px solid #35383e;transition:padding .25s,border-color .25s}
.socials a:hover{padding-left:10px;border-color:#9a9ea5}
.socials span{grid-column:1;font-size:10px;letter-spacing:1.4px;color:#92969e}
.socials b{grid-column:1;font-size:16px;font-weight:500}
.socials i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-size:20px}

/* ============ Тизер детской страницы ============ */
.kt{position:relative;padding:80px 5% 20px;background:#f8f8f5}
.kt-card{position:relative;z-index:15;display:block;padding:44px 46px 46px;border-radius:30px;background:#fff;border:1px solid #d6d7d8;overflow:hidden;transition:transform .3s,box-shadow .3s}
.kt-card:hover{transform:translateY(-3px);box-shadow:0 30px 60px -40px #0004}
.kt-card .eyebrow{color:#6d7074;position:relative}
.kt-title{display:block;position:relative;margin-top:20px;font-family:Bebas,'Arial Narrow',sans-serif;font-weight:700;font-size:clamp(54px,6.4vw,104px);line-height:.92}
.kt-title span{display:inline-block;transition:transform .3s}
.kt-card:hover .kt-title span{transform:translateX(12px)}
.kt-card p{position:relative;margin-top:18px;font-size:15px;color:#666;max-width:420px}
.kt-dots{position:absolute;right:-30px;top:50%;width:420px;height:240px;transform:translateY(-50%);pointer-events:none}
.kt-dots i{position:absolute;border-radius:50%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.kt-dots i:nth-child(1){width:200px;height:200px;background:#ff5b3a;right:190px;top:20px}
.kt-dots i:nth-child(2){width:150px;height:150px;background:#ffc21a;right:110px;top:-30px}
.kt-dots i:nth-child(3){width:170px;height:170px;background:#2f7bff;right:10px;top:90px}
.kt-card:hover .kt-dots i:nth-child(1){transform:translate(-18px,8px)}
.kt-card:hover .kt-dots i:nth-child(2){transform:translate(6px,-12px)}
.kt-card:hover .kt-dots i:nth-child(3){transform:translate(14px,10px)}

/* ============ Адаптив ============ */
@media(max-width:1000px){
 .mk-grid{grid-template-columns:1fr 1fr;gap:36px}
 .mk-rubrics li{grid-template-columns:1fr;gap:4px}
 .mk-channels{grid-template-columns:1fr}
 .mk-ch{flex-direction:row;align-items:center;gap:14px}
 .mk-ch i{position:static;margin-left:auto}
 .docs-head{grid-template-columns:1fr 2fr}.docs-head p{grid-column:2;padding:0}
 .docs-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wall{grid-template-columns:repeat(2,minmax(0,1fr))}
 .socials{grid-template-columns:1fr}
 .kt-dots{width:300px;right:-80px}
}
@media(max-width:700px){
 .mk{padding-bottom:80px}
 .mk-grid{display:block}
 .mk-copy{padding-top:36px}
 .mk-creds span{font-size:10px}
 .mk-lead{font-size:15px}
 .mk-rubrics b{font-size:23px}
 .docs{margin-top:80px}
 .docs-head{display:block;margin-bottom:28px}
 .docs-head h3{font-size:15vw;margin:20px 0 16px}
 .docs-row{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:72%;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -6.82%;padding:0 6.82% 8px;scrollbar-width:none}
 .docs-row::-webkit-scrollbar{display:none}
 .doc{scroll-snap-align:start}
 .wall{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:62%;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -6.82%;padding:0 6.82% 10px;scrollbar-width:none}
 .wall::-webkit-scrollbar{display:none}
 .screen{scroll-snap-align:start}
 .screen:nth-child(n){display:block;margin-top:0}
 .ticker{margin-top:44px}.ticker-track span{font-size:46px}
 .kt{padding:56px 6% 10px}
 .kt-card{padding:30px 24px 150px}
 .kt-dots{top:auto;bottom:-40px;right:-40px;transform:none;width:300px;height:190px}
 .kt-dots i:nth-child(1){width:130px;height:130px;right:150px;top:40px}
 .kt-dots i:nth-child(2){width:100px;height:100px;right:80px;top:20px}
 .kt-dots i:nth-child(3){width:120px;height:120px;right:20px;top:70px}
 .kt-card p{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
 .mk-scan,.screen img,.ticker-track,.doc-vis .ring.dash,.rec::before,.doc-status::before{animation:none}
 .mk-scan{display:none}
}

/* ============ Полезное (тизер инструментов) ============ */
.tools{background:#f8f8f5}
.tools-grid{position:relative;z-index:15;display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:auto auto;gap:14px}
.tool{position:relative;display:flex;flex-direction:column;gap:12px;min-height:210px;padding:24px;border:1px solid #d6d7d8;border-radius:24px;background:#fff;transition:transform .3s,border-color .3s,background .3s,color .3s}
.tool:hover{transform:translateY(-4px);border-color:#101113}
.tool-tag{font-size:10px;letter-spacing:1.5px;color:#8a8e93;font-weight:600}
.tool b{margin-top:auto;font-family:Bebas,'Arial Narrow',sans-serif;font-weight:700;font-size:clamp(30px,2.6vw,40px);line-height:.95}
.tool small{font-size:13px;line-height:1.5;color:#6a6e74;max-width:320px}
.tool i{position:absolute;top:20px;right:22px;font-style:normal;font-size:20px;transition:transform .3s}
.tool:hover i{transform:translateX(4px)}
.tool-dark{grid-row:1/3;background:radial-gradient(ellipse at 80% 0%,#2b2e34,#0c0d10 70%);color:#fff;border-color:#101113}
.tool-dark b{font-size:clamp(52px,5vw,84px)}
.tool-dark small{color:#a3a7ad}
.tool-dark .tool-tag{color:#ff6a5c}
.tool-kids{grid-column:3/4;background:#ffc21a;border-color:#ffc21a}
.tool-kids .tool-tag,.tool-kids small{color:#5a4a10}
@media(max-width:1000px){.tools-grid{grid-template-columns:1fr 1fr}.tool-dark{grid-row:auto;grid-column:1/-1}.tool-kids{grid-column:1/-1}}
@media(max-width:700px){.tools-grid{grid-template-columns:1fr}.tool{min-height:170px}}