/* Kontenerologia Article Standard 1.0 */
.article-content .ktlg-block,
#frameArticleContent .ktlg-block{
  --ktlg-accent:#4c7fd4;
  position:relative;
  margin:30px 0;
  padding:22px 23px;
  border:1px solid #23314a;
  border-left:3px solid var(--ktlg-accent);
  border-radius:6px;
  background:linear-gradient(135deg,#111a2b,#0d1726);
  color:#c7d3e6;
}
.article-content .ktlg-block__label,
#frameArticleContent .ktlg-block__label{
  display:block;
  margin-bottom:8px;
  color:var(--ktlg-accent);
  font-size:.66rem;
  font-weight:750;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.article-content .ktlg-block__title,
#frameArticleContent .ktlg-block__title{
  margin:0 0 10px;
  color:#eaf1ff;
  font-family:"Playfair Display",Georgia,serif;
  font-size:1.18rem;
  line-height:1.35;
}
.article-content .ktlg-block__body > :last-child,
#frameArticleContent .ktlg-block__body > :last-child{margin-bottom:0}
.article-content .ktlg-block__items,
#frameArticleContent .ktlg-block__items{margin:13px 0 0;padding:0;list-style:none}
.article-content .ktlg-block__items li,
#frameArticleContent .ktlg-block__items li{position:relative;margin:9px 0;padding-left:21px;color:#8290a8}
.article-content .ktlg-block__items li::before,
#frameArticleContent .ktlg-block__items li::before{content:"";position:absolute;top:.72em;left:0;width:6px;height:6px;border-radius:50%;background:var(--ktlg-accent)}
.article-content .ktlg-block--definition,
#frameArticleContent .ktlg-block--definition{--ktlg-accent:#4c7fd4}
.article-content .ktlg-block--case-study,
#frameArticleContent .ktlg-block--case-study{--ktlg-accent:#70b7a5}
.article-content .ktlg-block--important,
#frameArticleContent .ktlg-block--important{--ktlg-accent:#c86242;background:rgba(200,98,66,.055)}
.article-content .ktlg-block--cost,
#frameArticleContent .ktlg-block--cost{--ktlg-accent:#d7a34a;background:rgba(215,163,74,.055)}
.article-content .ktlg-block--practice,
#frameArticleContent .ktlg-block--practice{--ktlg-accent:#70b7a5}
.article-content .ktlg-block--checklist,
#frameArticleContent .ktlg-block--checklist{--ktlg-accent:#4c7fd4}
.article-content .ktlg-block--tool,
#frameArticleContent .ktlg-block--tool{--ktlg-accent:#4c7fd4;background:linear-gradient(135deg,#162238,#0d1a2d)}
.article-content .ktlg-block--conclusion,
#frameArticleContent .ktlg-block--conclusion{--ktlg-accent:#d7a34a;padding:29px 30px;background:linear-gradient(135deg,#162238,#111a2b)}
.article-content .ktlg-block--conclusion blockquote,
#frameArticleContent .ktlg-block--conclusion blockquote{margin:0;padding:0;border:0;background:none;color:#eaf1ff;font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.18rem,2.5vw,1.48rem);line-height:1.5}
.article-content .ktlg-block__result,
#frameArticleContent .ktlg-block__result{margin-top:15px;padding-top:13px;border-top:1px solid #1a263a;color:#eaf1ff;font-weight:600}
.article-content .ktlg-block__action,
#frameArticleContent .ktlg-block__action{display:inline-flex;min-height:39px;align-items:center;margin-top:15px;padding:9px 13px;border:1px solid #2b5da8;border-radius:4px;background:#2b5da8;color:#fff;font-weight:700;text-decoration:none}
.article-content .ktlg-block__theory,
.article-content .ktlg-block__practice,
#frameArticleContent .ktlg-block__theory,
#frameArticleContent .ktlg-block__practice{margin-top:11px;padding:14px;border:1px solid #23314a;border-radius:4px;background:rgba(8,16,28,.45)}
.article-content .ktlg-block__theory strong,
.article-content .ktlg-block__practice strong,
#frameArticleContent .ktlg-block__theory strong,
#frameArticleContent .ktlg-block__practice strong{display:block;margin-bottom:5px;color:var(--ktlg-accent);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:560px){.article-content .ktlg-block,#frameArticleContent .ktlg-block{padding:19px 18px}.article-content .ktlg-block--conclusion,#frameArticleContent .ktlg-block--conclusion{padding:23px 20px}}

/* KTLG_ARTICLE_EDITOR_CONTENT_5_4_4 */
.article-content .article-media,
#frameArticleContent .article-media{
  clear:both;
  margin:30px auto
}
.article-content .article-media img,
#frameArticleContent .article-media img{
  display:block;
  width:100%;
  height:auto;
  border-radius:5px
}
.article-content .article-media figcaption,
#frameArticleContent .article-media figcaption{
  margin-top:9px;
  color:#71829d;
  font:11px/1.55 Geist,Arial,sans-serif;
  text-align:center
}
.article-content .article-media--full,
#frameArticleContent .article-media--full{width:100%}
.article-content .article-media--wide,
#frameArticleContent .article-media--wide{width:70%}
.article-content .article-media--left,
#frameArticleContent .article-media--left{float:left;width:48%;margin:10px 26px 20px 0}
.article-content .article-media--right,
#frameArticleContent .article-media--right{float:right;width:48%;margin:10px 0 20px 26px}
.article-content .article-media--frame,
#frameArticleContent .article-media--frame{padding:8px;border:1px solid #23314a;border-radius:7px;background:#0b1220}
.article-content .article-media--card,
#frameArticleContent .article-media--card{padding:14px;border:1px solid #23314a;border-radius:8px;background:#111a2b}
.article-content:after,#frameArticleContent:after{content:"";display:block;clear:both}
@media(max-width:680px){
  .article-content .article-media--wide,
  .article-content .article-media--left,
  .article-content .article-media--right,
  #frameArticleContent .article-media--wide,
  #frameArticleContent .article-media--left,
  #frameArticleContent .article-media--right{
    float:none;
    width:100%;
    margin:26px auto
  }
}