.mindclave-article{--mc-primary:#2457d6;--mc-accent:#f4c400;max-width:1060px;margin:28px auto 60px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182238;line-height:1.78}.mindclave-article *{box-sizing:border-box}.mindclave-article .mc-article-lead{background:#fff;border:1px solid #e1e6ef;border-radius:24px;padding:28px 34px;margin:0 0 22px;box-shadow:0 10px 30px rgba(24,34,56,.06)}.mindclave-article .mc-kicker{display:inline-block;font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--mc-primary);margin-bottom:8px}.mindclave-article .mc-article-lead p{font-size:18px;margin:0;color:#44516a}.mindclave-article .mc-article-section{background:#fff;border:1px solid #e1e6ef;border-radius:24px;padding:34px 38px;margin:22px 0;box-shadow:0 10px 30px rgba(24,34,56,.055);overflow:hidden}.mindclave-article h2{font-size:30px;line-height:1.22;color:var(--mc-primary);margin:0 0 16px;font-weight:700}.mindclave-article h3{font-size:21px;line-height:1.35;color:#24365e;margin:28px 0 10px}.mindclave-article h4{font-size:16px;line-height:1.4;color:#32466f;margin:22px 0 8px}.mindclave-article p{font-size:16px;margin:0 0 16px}.mindclave-article ul,.mindclave-article ol{padding-left:25px;margin:12px 0 20px}.mindclave-article li{margin:8px 0}.mindclave-article strong{color:#142b5c}.mindclave-article blockquote{margin:22px 0;padding:18px 22px;border-left:5px solid var(--mc-accent);background:#fffbea;border-radius:0 14px 14px 0}.mindclave-article table{width:100%;border-collapse:separate;border-spacing:0;margin:22px 0;border:1px solid #dfe5ef;border-radius:14px;overflow:hidden}.mindclave-article th{background:#eef3ff;color:#203a76;text-align:left;font-weight:800}.mindclave-article th,.mindclave-article td{padding:12px 14px;border-bottom:1px solid #e4e8f0}.mindclave-article tr:last-child td{border-bottom:0}.mindclave-article .mc-section-accent{background:linear-gradient(135deg,#141a37,#6b12c9 65%,#b62cff);border:0;color:#fff;box-shadow:0 18px 45px rgba(82,20,170,.2)}.mindclave-article .mc-section-accent h2,.mindclave-article .mc-section-accent h3,.mindclave-article .mc-section-accent h4,.mindclave-article .mc-section-accent p,.mindclave-article .mc-section-accent li{color:#fff}.mindclave-article .mc-section-accent strong{color:#fff}.mindclave-article .mc-section-accent a{color:#fff}.mindclave-article .mc-section-accent blockquote{background:rgba(255,255,255,.12);border-left-color:var(--mc-accent)}.mindclave-article .mc-section-accent th{background:rgba(255,255,255,.15);color:#fff}.mindclave-article .mc-section-accent td{border-bottom-color:rgba(255,255,255,.15)}.mindclave-article .mc-design-cards .mc-article-section h3{background:#f5f7fb;border:1px solid #e2e7f0;border-radius:14px;padding:14px 16px}.mindclave-article .mc-design-minimal .mc-article-section{border-radius:10px;box-shadow:none;padding:32px 10px;border-left:0;border-right:0}.mindclave-article .mc-design-minimal .mc-article-lead{border-radius:10px;box-shadow:none}.mindclave-article .mc-design-contrast .mc-article-section:nth-child(odd){background:#0f1628;color:#fff;border-color:#0f1628}.mindclave-article .mc-design-contrast .mc-article-section:nth-child(odd) h2,.mindclave-article .mc-design-contrast .mc-article-section:nth-child(odd) h3,.mindclave-article .mc-design-contrast .mc-article-section:nth-child(odd) p,.mindclave-article .mc-design-contrast .mc-article-section:nth-child(odd) li{color:#fff}.mindclave-article .mc-design-gradient .mc-section-accent{background:linear-gradient(135deg,#101a3a,#7317d8,#f15b2a)}.mindclave-article .mc-design-editorial .mc-section-accent{background:linear-gradient(135deg,#10162a,#a5112c,#ed4d14)}.mindclave-article .mc-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.mindclave-article .mc-card{background:#f8faff;border:1px solid #dce4f1;border-radius:16px;padding:20px}.mindclave-article .mc-card h3{margin-top:0}.mindclave-article .mc-callout{margin:22px 0;padding:20px 22px;border-radius:16px;background:#eef4ff;border:1px solid #cbd9f8}.mindclave-article .mc-highlight{margin:24px 0;padding:22px;border-radius:18px;background:linear-gradient(135deg,#f7fbff,#edf2ff);border-left:5px solid var(--mc-primary)}.mindclave-article .mc-steps{counter-reset:mcstep;list-style:none;padding-left:0}.mindclave-article .mc-steps li{counter-increment:mcstep;display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:start;margin:0;padding:18px 0;border-bottom:1px solid #e1e6ef}.mindclave-article .mc-steps li:before{content:counter(mcstep,decimal-leading-zero);display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--mc-accent);color:#111;font-weight:900}.mindclave-article .mc-section-accent .mc-card{background:rgba(255,255,255,.96);color:#182238}.mindclave-article .mc-section-accent .mc-callout,.mindclave-article .mc-section-accent .mc-highlight{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:#fff}.mindclave-article .mc-section-accent .mc-steps li{border-bottom-color:rgba(255,255,255,.2)}
.mindclave-article .mc-article-section{animation:mcArticleIn .55s ease both}.mindclave-article .mc-article-section:nth-of-type(2){animation-delay:.05s}.mindclave-article .mc-article-section:nth-of-type(3){animation-delay:.1s}.mindclave-article .mc-article-section:nth-of-type(4){animation-delay:.15s}@keyframes mcArticleIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:760px){.mindclave-article .mc-card-grid{grid-template-columns:1fr}.mindclave-article .mc-steps li{grid-template-columns:42px 1fr}.mindclave-article .mc-steps li:before{width:34px;height:34px}.mindclave-article .mc-card{padding:16px}.mindclave-article{margin:18px 0 40px}.mindclave-article .mc-article-section,.mindclave-article .mc-article-lead{padding:24px 20px;border-radius:18px}.mindclave-article h2{font-size:25px}.mindclave-article h3{font-size:19px}.mindclave-article p,.mindclave-article li{font-size:15px}.mindclave-article table{font-size:14px;display:block;overflow:auto}}

/* v0.3.1 layout hardening: protects numbered steps from theme/list CSS. */
.mindclave-article .mc-steps{display:block!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
.mindclave-article .mc-steps li{display:grid!important;grid-template-columns:50px minmax(0,1fr)!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important}
.mindclave-article .mc-steps li > .mc-step-content{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important}
.mindclave-article .mc-steps li > .mc-step-content p,
.mindclave-article .mc-steps li > .mc-step-content strong,
.mindclave-article .mc-steps li > .mc-step-content em{max-width:none!important}
.mindclave-article .mc-section-accent .mc-callout,
.mindclave-article .mc-section-accent .mc-highlight{background:rgba(7,12,30,.48)!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important}
.mindclave-article .mc-section-accent .mc-callout strong,
.mindclave-article .mc-section-accent .mc-highlight strong,
.mindclave-article .mc-section-accent .mc-callout p,
.mindclave-article .mc-section-accent .mc-highlight p,
.mindclave-article .mc-section-accent .mc-callout li,
.mindclave-article .mc-section-accent .mc-highlight li{color:#fff!important}
.mindclave-article .mc-section-accent table{border-color:rgba(255,255,255,.25)}
.mindclave-article .mc-section-accent td{color:#fff}
@media(max-width:760px){
  .mindclave-article .mc-steps li{grid-template-columns:42px minmax(0,1fr)!important}
}


/* v0.3.2 mobile-first hardening */
.mindclave-article{
  width:100%;
  max-width:1060px;
  margin-left:auto;
  margin-right:auto;
  padding-left:16px;
  padding-right:16px;
  overflow-x:hidden;
  overflow-wrap:anywhere;
  word-break:normal;
  -webkit-text-size-adjust:100%;
}
.mindclave-article .mc-article-lead,
.mindclave-article .mc-article-section{
  min-width:0;
  width:100%;
}
.mindclave-article p,
.mindclave-article li,
.mindclave-article td,
.mindclave-article th,
.mindclave-article a,
.mindclave-article strong,
.mindclave-article em{
  overflow-wrap:anywhere;
}
.mindclave-article img,
.mindclave-article video,
.mindclave-article iframe{
  max-width:100%;
  height:auto;
}
.mindclave-article pre,
.mindclave-article code{
  max-width:100%;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.mindclave-article .mc-card-grid{
  width:100%;
  min-width:0;
}
.mindclave-article .mc-card,
.mindclave-article .mc-callout,
.mindclave-article .mc-highlight{
  min-width:0;
  overflow-wrap:anywhere;
}
.mindclave-article .mc-steps li{
  min-width:0!important;
}
.mindclave-article .mc-steps li > .mc-step-content{
  overflow-wrap:anywhere!important;
}
.mindclave-article .mc-table-wrap{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

@media (max-width: 760px){
  .mindclave-article{
    max-width:none;
    margin:12px auto 34px;
    padding-left:12px;
    padding-right:12px;
    line-height:1.7;
  }
  .mindclave-article .mc-article-lead{
    padding:20px 17px;
    margin-bottom:14px;
    border-radius:16px;
  }
  .mindclave-article .mc-article-lead p{font-size:16px;line-height:1.65}
  .mindclave-article .mc-article-section{
    padding:22px 17px;
    margin:14px 0;
    border-radius:16px;
  }
  .mindclave-article h2{font-size:23px;line-height:1.25;margin-bottom:13px}
  .mindclave-article h3{font-size:18px;line-height:1.35;margin-top:23px}
  .mindclave-article h4{font-size:15px;margin-top:18px}
  .mindclave-article p,
  .mindclave-article li{font-size:15px}
  .mindclave-article ul,
  .mindclave-article ol{padding-left:21px}
  .mindclave-article .mc-card-grid{grid-template-columns:1fr;gap:12px}
  .mindclave-article .mc-card{padding:16px;border-radius:14px}
  .mindclave-article .mc-callout,
  .mindclave-article .mc-highlight{padding:16px 15px;margin:17px 0;border-radius:14px}
  .mindclave-article .mc-steps li{
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:10px!important;
    padding:14px 0;
  }
  .mindclave-article .mc-steps li:before{
    width:32px;
    height:32px;
    border-radius:9px;
    font-size:11px;
  }
  .mindclave-article .mc-steps li > .mc-step-content{font-size:15px}
  .mindclave-article blockquote{padding:15px 16px;margin:17px 0}
  .mindclave-article table{
    display:block;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    font-size:13px;
  }
  .mindclave-article th,
  .mindclave-article td{padding:10px 11px;min-width:120px}
  .mindclave-article .mc-kicker{font-size:10px}
}

@media (max-width: 480px){
  .mindclave-article{padding-left:8px;padding-right:8px;margin-top:8px}
  .mindclave-article .mc-article-lead,
  .mindclave-article .mc-article-section{padding:18px 14px;border-radius:14px}
  .mindclave-article h2{font-size:21px}
  .mindclave-article h3{font-size:17px}
  .mindclave-article h4{font-size:14px}
  .mindclave-article p,
  .mindclave-article li{font-size:14px}
  .mindclave-article .mc-steps li{grid-template-columns:32px minmax(0,1fr)!important;gap:8px!important}
  .mindclave-article .mc-steps li:before{width:29px;height:29px;font-size:10px}
  .mindclave-article .mc-card{padding:14px}
  .mindclave-article .mc-callout,
  .mindclave-article .mc-highlight{padding:14px 13px}
}

@media (max-width: 360px){
  .mindclave-article{padding-left:6px;padding-right:6px}
  .mindclave-article .mc-article-lead,
  .mindclave-article .mc-article-section{padding:16px 12px}
  .mindclave-article h2{font-size:20px}
  .mindclave-article p,
  .mindclave-article li{font-size:13.5px}
}

@media (prefers-reduced-motion: reduce){
  .mindclave-article .mc-article-section{animation:none!important;transition:none!important}
}
