/* /matkapital — как оплатить «Олимпологию» материнским капиталом. Стиль «Олимпологии» (olimp-v2.css), здесь только своё: префикс mk- */

.mk svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mk .ov-sup-b svg,.mk .ov-faq-i svg,.mk .ov-ask svg,.mk .ov-top svg{stroke:none}
.mk .ov-faq-i summary i svg path,.mk .ov-top svg path{stroke:currentColor}
.mk .mk-lead a,.mk .ov-faq-a a{color:var(--link)}  /* только ссылки в тексте: меню страницы (.ov-lh-nav) остаётся серым, как на остальных страницах */

/* первый экран: текст + схема «Вы → Соцфонд → Credo» */
.mk-hero{padding:18px 0 36px;background:linear-gradient(180deg,var(--paper) 0%,var(--bg) 100%)}
.mk-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.mk-hero-text{display:flex;flex-direction:column;min-width:0}
.mk .mk-h1 b{display:block}
.mk-sub{margin:10px 0 0;font-size:15.5px;line-height:1.45;font-weight:600;color:var(--muted)}
.mk .mk-tags{margin-top:16px;flex-wrap:wrap;overflow:visible}
.mk .mk-tags li{white-space:normal}
.mk-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.mk-cta .ov-btn{flex:1 1 200px}

.mk-flow{display:flex;flex-direction:column;padding:16px;border-radius:24px;background:var(--card);border:1px solid var(--card-line)}
.mk-node{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:18px;background:var(--bg);border:1px solid var(--card-line)}
.mk-node b{display:block;font-size:17px}
.mk-node small{display:block;margin-top:2px;font-size:13.5px;font-weight:600;line-height:1.35;color:var(--muted)}
.mk-ic{flex:none;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--primary-soft);color:var(--primary)}
.mk-ic.gold{background:#fbf1de;color:#d99a2b}
.mk-ic svg{width:24px;height:24px}
.mk-arr{position:relative;display:flex;align-items:center;gap:10px;height:40px;padding-left:36px;font-size:12.5px;font-weight:800;color:var(--accent-small)}
.mk-arr::before{content:'';position:absolute;left:36px;top:6px;bottom:6px;border-left:2px dashed var(--primary);opacity:.5}
.mk-arr span{margin-left:16px}
.mk-flow-note{display:flex;gap:10px;align-items:center;margin:8px 0 0;padding:10px 14px;border-radius:14px;background:#e2f2e8;font-size:14px;font-weight:700;line-height:1.35}  /* старт учёбы — сразу после «Вы», до ответа Соцфонда */
html.dark .mk-flow-note{background:#17301f}
.mk-flow-note svg{flex:none;width:20px;height:20px;color:#2f8f5b;stroke-width:2.6}

.mk .mk-sec{padding:44px 0}
.mk-lead{margin:12px 0 0;font-size:15px;line-height:1.5;color:var(--muted);max-width:760px}

/* кому подходит: три крупные карточки с иконкой */
.mk-conds{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:16px}
.mk-cond{display:flex;flex-direction:column;padding:20px;border-radius:22px;background:var(--card);border:1px solid var(--card-line)}
.mk-ci{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:var(--primary-soft);color:var(--primary)}
.mk-ci svg{width:28px;height:28px}
.mk-big{display:block;margin-top:14px;font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--accent)}
.mk-cond p{margin:10px 0 0;font-size:15px;line-height:1.45;color:var(--muted)}

/* шаги */
.mk-steps{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.mk-step{display:flex;gap:14px;padding:18px;border-radius:20px;background:var(--card);border:1px solid var(--card-line)}
.mk-step.on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}
.mk-n{flex:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--primary);color:#fff;font-size:17px;font-weight:800}
.mk-step>div{min-width:0}
.mk-step h3{margin:6px 0 0;font-size:17px;line-height:1.3}
.mk-step p{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:var(--muted)}
.mk-sup{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}
.mk-need{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px;font-size:14px;line-height:1.4}
.mk-need li{position:relative;padding-left:16px}
.mk-need li::before{content:'';position:absolute;left:0;top:.5em;width:7px;height:7px;border-radius:50%;background:var(--primary)}
.mk .mk-gos{margin-top:14px}

/* что дальше: шкала из трёх точек + два исхода */
.mk-tl{display:grid;gap:10px;margin-top:16px}
.mk-pt{display:flex;flex-direction:column;padding:20px;border-radius:22px;background:var(--card);border:1px solid var(--card-line)}
.mk-dot{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--primary);color:#fff}
.mk-dot svg{width:24px;height:24px;stroke-width:2}
.mk-pt b{margin-top:14px;font-size:22px;letter-spacing:-.01em}
.mk-pt>span:last-child{margin-top:6px;font-size:15px;line-height:1.45;color:var(--muted)}
.mk-out{display:grid;gap:10px;margin-top:10px}
.mk-o{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:22px}
.mk-o.ok{background:#e2f2e8}
.mk-o.no{background:#fbf1de}
html.dark .mk-o.ok{background:#17301f}
html.dark .mk-o.no{background:#33270f}
html.dark .mk-ic.gold{background:#33270f}
.mk-oi{flex:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:#fff}
.mk-o.ok .mk-oi{background:#2f8f5b}
.mk-o.no .mk-oi{background:#d99a2b}
.mk-oi svg{width:22px;height:22px;stroke-width:2.2}
.mk-o b{display:block;font-size:17px}
.mk-o p{margin:4px 0 0;font-size:14.5px;line-height:1.45;color:var(--muted)}

@media (max-width:999px){.mk .ov-faq{padding-bottom:96px}}

@media (min-width:1000px){
  .mk-hero{padding:0;min-height:calc(100svh - 60px);display:flex;flex-direction:column;justify-content:center}
  .mk-hero>.wrap{width:100%}
  .mk-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:center}
  .mk .mk-h1{font-size:48px}
  .mk-sub{margin-top:16px;font-size:19px;max-width:620px}
  .mk-tags{margin-top:26px}
  .mk-cta{margin-top:32px}
  .mk-cta .ov-btn{flex:none}
  .mk-flow{padding:22px;border-radius:28px}
  .mk-node{padding:16px 18px}
  .mk-node b{font-size:19px}
  .mk-node small{font-size:14.5px}
  .mk-ic{width:54px;height:54px}
  .mk-ic svg{width:27px;height:27px}
  .mk-arr{padding-left:44px;height:46px;font-size:13.5px}
  .mk-arr::before{left:44px}
  .mk-flow-note{font-size:15px}

  .mk .mk-sec{padding:72px 0}
  .mk-lead{margin-top:16px;font-size:17px}
  .mk-conds{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}
  .mk-cond{padding:30px;min-height:300px;border-radius:28px}
  .mk-ci{width:68px;height:68px;border-radius:20px}
  .mk-ci svg{width:36px;height:36px}
  .mk-big{margin-top:auto;padding-top:28px;font-size:56px}
  .mk-cond p{margin-top:14px;font-size:17px;min-height:4.35em}  /* три строки у всех — крупные цифры на одной линии */

  .mk-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px}
  .mk-step{padding:24px;gap:18px}
  .mk-n{width:44px;height:44px;font-size:19px}
  .mk-step h3{margin-top:8px;font-size:20px}
  .mk-step p,.mk-need{font-size:15.5px}


  .mk-tl{position:relative;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}
  .mk-pt{padding:30px;min-height:230px;border-radius:28px}
  .mk-dot{width:60px;height:60px}
  .mk-dot svg{width:30px;height:30px}
  .mk-pt b{margin-top:auto;padding-top:26px;font-size:30px}
  .mk-pt>span:last-child{font-size:16.5px;min-height:2.9em}
  .mk-out{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
  .mk-o{padding:24px 28px;border-radius:26px;gap:18px;align-items:center}
  .mk-oi{width:50px;height:50px}
  .mk-o b{font-size:20px}
  .mk-o p{font-size:16px}

  .mk .ov-faq-sup .ov-sup-bs{grid-template-columns:repeat(2,auto)}
  .mk .ov-faq-list{min-height:400px}
  .mk .ov-faq-sup{margin:0}
}
@media (min-width:1000px) and (max-width:1199px){
  .mk .mk-h1{font-size:40px}
}

@media (min-width:1000px){.mk-cta .ov-btn{flex:none}}