/* Movement Institute – blog články
   Podľa Brand Booku: Dory Blue #000D87, Warm Stone #EDEBE6, Marlin Orange #FE5C00, Charcoal #191919.
   Písma: Montserrat (nadpisy, text, tlačidlá), Instrument Serif (citácie, filozofické vety). */

/* Pozadie sekcie Elementora, v ktorej je článok: Warm Stone namiesto tmavého. */
.e-con:has(.mi-blog),.elementor-section:has(.mi-blog),.elementor-column:has(.mi-blog) > .elementor-widget-wrap{background:#EDEBE6 !important;background-image:none !important}

.mi-blog{--mi-blue:#000D87;--mi-blue-2:#0a1aa3;--mi-stone:#EDEBE6;--mi-orange:#FE5C00;--mi-ink:#191919;--mi-muted:#55524c;--mi-line:#dcd8d0;--mi-white:#ffffff;
  background:var(--mi-stone);font-family:Montserrat,sans-serif;font-weight:400;color:var(--mi-ink);font-size:17px;line-height:1.75;max-width:1180px;margin:0 auto;padding:24px 16px 8px;box-sizing:border-box}
.mi-blog *,.mi-blog *::before,.mi-blog *::after{box-sizing:border-box}
.mi-blog h1,.mi-blog h2,.mi-blog h3{font-family:Montserrat,sans-serif;text-transform:none;letter-spacing:normal !important;word-spacing:normal !important}

/* HERO – Dory Blue, biele písmo, oranžový akcent */
.mi-blog .mi-hero{position:relative;overflow:hidden;color:var(--mi-white);border-radius:20px;padding:64px 56px;margin:0 0 32px;
  background:radial-gradient(120% 90% at 105% 110%,rgba(254,92,0,.55) 0%,rgba(254,92,0,0) 55%),var(--mi-blue)}
.mi-blog .mi-hero__in{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;align-items:center}
.mi-blog .mi-hero__in:not(:has(.mi-hero__img)){grid-template-columns:minmax(0,1fr);max-width:840px}
.mi-blog .mi-hero__kicker{color:var(--mi-orange);font-weight:600;font-size:13px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 18px}
.mi-blog .mi-hero__kicker::after{content:"";display:block;width:48px;height:2px;background:var(--mi-orange);margin-top:14px}
.mi-blog .mi-hero__title{color:var(--mi-white);font-size:46px;line-height:1.12;font-weight:700;letter-spacing:-.01em;margin:0 0 22px}
.mi-blog .mi-hero__lead{color:rgba(255,255,255,.88);font-size:19px;line-height:1.65;margin:0 0 28px}
.mi-blog .mi-hero__lead a{color:var(--mi-white)}
.mi-blog .mi-hero__meta{list-style:none;margin:0 0 32px;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.2);display:flex;flex-wrap:wrap;gap:12px 32px;font-size:14px;color:var(--mi-white)}
.mi-blog .mi-hero__meta li{margin:0}
.mi-blog .mi-hero__meta li::marker{content:none}
.mi-blog .mi-hero__meta span{display:block;color:rgba(255,255,255,.65);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-bottom:2px}
.mi-blog .mi-hero__meta small{color:rgba(255,255,255,.65);font-weight:300}
.mi-blog .mi-hero__cta{margin:0}
.mi-blog .mi-hero__img{margin:0}
.mi-blog .mi-hero__img img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:14px}

/* TELO ČLÁNKU – biela karta na Warm Stone, Charcoal text */
.mi-blog .mi-body{background:var(--mi-white);color:var(--mi-ink);border-radius:20px;padding:56px 64px;max-width:900px;margin:0 auto 40px}
.mi-blog .mi-body p,.mi-blog .mi-body ul,.mi-blog .mi-body ol{color:var(--mi-ink);margin:0 0 1em}
.mi-blog .mi-body li{margin:.35em 0}
.mi-blog .mi-body ul li::marker{color:var(--mi-orange)}
.mi-blog .mi-body ol li::marker{color:var(--mi-orange);font-weight:600}
.mi-blog .mi-body h2{color:var(--mi-blue);font-size:28px;line-height:1.3;font-weight:600;letter-spacing:-.005em !important;margin:2.2em 0 .7em}
.mi-blog .mi-body h2::after{content:"";display:block;width:40px;height:2px;background:var(--mi-orange);margin-top:12px}
.mi-blog .mi-body h3{color:var(--mi-blue);font-size:19px;font-weight:600;margin:1.6em 0 .4em}
.mi-blog .mi-body strong{color:var(--mi-ink);font-weight:600}
.mi-blog .mi-body a{color:var(--mi-blue);text-decoration:underline;text-decoration-color:var(--mi-orange);text-underline-offset:3px}
.mi-blog .mi-body sup a{text-decoration:none;font-size:.72em;color:var(--mi-orange)}

.mi-blog .mi-box{background:var(--mi-stone);border-left:3px solid var(--mi-orange);border-radius:12px;padding:24px 28px;margin:0 0 28px}
.mi-blog .mi-body .mi-box h2{margin-top:0;font-size:14px;letter-spacing:.1em !important;text-transform:uppercase;color:var(--mi-blue)}
.mi-blog .mi-body .mi-box h2::after{display:none}
.mi-blog .mi-toc summary{cursor:pointer;font-weight:600;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--mi-blue)}
.mi-blog .mi-toc ol{margin:.9em 0 0}
.mi-blog .mi-toc a{text-decoration:none}

.mi-blog .mi-table{width:100%;overflow-x:auto;margin:1.4em 0}
.mi-blog .mi-table table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px;background:var(--mi-white)}
.mi-blog .mi-table th,.mi-blog .mi-table td{border:1px solid var(--mi-line);padding:11px 13px;text-align:left;vertical-align:top;color:var(--mi-ink)}
.mi-blog .mi-table thead th{background:var(--mi-blue);color:var(--mi-white);font-weight:600}
.mi-blog .mi-table tbody th{background:var(--mi-stone);color:var(--mi-blue);font-weight:600}

/* CTA – Dory Blue box, oranžové tlačidlo */
.mi-blog .mi-body .mi-cta{background:radial-gradient(90% 120% at 100% 100%,rgba(254,92,0,.35) 0%,rgba(254,92,0,0) 60%),var(--mi-blue);color:var(--mi-white);border-radius:16px;padding:32px 36px;margin:2.2em 0}
.mi-blog .mi-body .mi-cta p{color:rgba(255,255,255,.9)}
.mi-blog .mi-body .mi-cta h2{color:var(--mi-white);margin-top:0;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:34px;line-height:1.15}
.mi-blog .mi-body .mi-cta h2::after{background:var(--mi-orange)}
.mi-blog .mi-body .mi-cta strong{color:var(--mi-white)}
.mi-blog .mi-body .mi-cta a:not(.mi-btn){color:var(--mi-white);text-decoration-color:var(--mi-orange)}
.mi-blog .mi-body .mi-cta .mi-note{color:rgba(255,255,255,.7)}

.mi-blog .mi-btn{display:inline-block;background:var(--mi-orange);color:var(--mi-white) !important;font-family:Montserrat,sans-serif;font-weight:700;font-size:18px;letter-spacing:.02em;text-decoration:none !important;padding:15px 28px;border-radius:10px;margin:6px 12px 6px 0;line-height:1.2;transition:background .15s,transform .15s}
.mi-blog .mi-btn:hover{background:#e65300;transform:translateY(-1px)}
.mi-blog .mi-btn--ghost{background:transparent;border:2px solid var(--mi-white);padding:13px 26px}
.mi-blog .mi-btn--ghost:hover{background:rgba(255,255,255,.12)}

.mi-blog .mi-faq details{border-bottom:1px solid var(--mi-line);padding:16px 0}
.mi-blog .mi-faq summary{cursor:pointer;font-weight:600;color:var(--mi-blue)}
.mi-blog .mi-faq summary::marker{color:var(--mi-orange)}
.mi-blog .mi-faq details p{margin:.6em 0 0}
.mi-blog .mi-body .mi-sources,.mi-blog .mi-body .mi-sources li{font-size:13.5px;font-weight:300;color:var(--mi-muted)}
.mi-blog .mi-sources li{word-break:break-word}
.mi-blog .mi-body .mi-note{font-size:14px;font-weight:300;color:var(--mi-muted)}

/* Rozklikávacie časti: zdroje, história zmien */
.mi-blog .mi-more{border-top:1px solid var(--mi-line);margin:0;padding:0}
.mi-blog .mi-more:last-of-type{border-bottom:1px solid var(--mi-line)}
.mi-blog .mi-more summary{cursor:pointer;list-style:none;display:flex;align-items:baseline;gap:12px;padding:18px 0;color:var(--mi-blue)}
.mi-blog .mi-more summary::-webkit-details-marker{display:none}
.mi-blog .mi-more summary::after{content:"+";margin-left:auto;color:var(--mi-orange);font-size:22px;font-weight:400;line-height:1}
.mi-blog .mi-more[open] summary::after{content:"–"}
.mi-blog .mi-more__title{font-weight:600;font-size:18px}
.mi-blog .mi-more__count{font-weight:300;font-size:14px;color:var(--mi-muted)}
.mi-blog .mi-more > ol,.mi-blog .mi-more > ul{margin:0 0 20px}
.mi-blog .mi-more + .mi-more{border-top:1px solid var(--mi-line)}
.mi-blog .mi-body .mi-related{margin:2em 0 1.5em}

@media (max-width:900px){
  .mi-blog .mi-hero{padding:40px 26px;border-radius:16px}
  .mi-blog .mi-hero__in{grid-template-columns:minmax(0,1fr);gap:28px}
  .mi-blog .mi-hero__img{order:-1}
  .mi-blog .mi-hero__title{font-size:33px}
  .mi-blog .mi-hero__lead{font-size:17px}
  .mi-blog .mi-body{padding:34px 22px;border-radius:16px}
  .mi-blog .mi-body h2{font-size:23px}
  .mi-blog .mi-body .mi-cta{padding:26px 22px}
  .mi-blog .mi-body .mi-cta h2{font-size:28px}
}
@media (max-width:480px){
  .mi-blog{font-size:16px;padding:12px 8px 0}
  .mi-blog .mi-hero__title{font-size:28px}
  .mi-blog .mi-btn{display:block;text-align:center;margin:8px 0}
}