/*
 * ".kt-post" house styles for blog articles.
 *
 * These rules used to live in an inline <style> block inside the article body.
 * WordPress strips <style> from post_content on save, so the block leaked as
 * visible text and the styling was lost. The rules now live here and are
 * enqueued on single posts (inc/article-content-fixes.php); the leaked text is
 * removed by the the_content filter in the same file. Harmless on posts with no
 * .kt-post wrapper -- the selectors simply match nothing.
 */

.kt-post {
      font-size: 17px;
      line-height: 1.7;
}

.kt-post .kt-key {
      background: #FDF0F5;
      border-left: 4px solid #E4367E;
      padding: 16px 20px;
      margin: 0 0 24px;
      border-radius: 0 8px 8px 0;
}

.kt-post h2,
.kt-post h3 {
      color: #0461CA;
}

.kt-post table {
      border-collapse: collapse;
      width: 100%;
      margin: 16px 0;
}

.kt-post th {
      background: #E4367E;
      color: #fff;
      font-weight: 500;
      padding: 10px 12px;
      text-align: left;
}

.kt-post td {
      padding: 10px 12px;
      border-bottom: 1px solid #f3d4e2;
}

.kt-post tr:nth-child(odd) td {
      background: #FDF0F5;
}

.kt-post td.num,
.kt-post th.num {
      text-align: right;
}

.kt-post .kt-quote {
      background: #FDF0F5;
      border-left: 4px solid #E4367E;
      padding: 14px 18px;
      margin: 20px 0;
      font-style: italic;
      border-radius: 0 8px 8px 0;
}

.kt-post .kt-faq {
      margin-top: 12px;
}

.kt-post .kt-faq h3 {
      margin-bottom: 4px;
}

.kt-post .kt-wa {
      display: inline-block;
      background: #25D366;
      color: #fff;
      padding: 12px 22px;
      border-radius: 28px;
      text-decoration: none;
      font-weight: 600;
      margin: 8px 0;
}