/* dongbin custom: Typora-like article table */
.skin_view .area_view table,
#article-view table,
#article-view table[data-ke-align],
#article-view table[data-ke-style],
.article-view table,
.contents_style table,
.entry-content table,
.post-content table,
.tt_article_useless_p_margin table,
article table {
  width: 100%;
  max-width: 100%;
  margin: 24px 0 34px !important;
  table-layout: auto !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  overflow: visible;
  font-family: "SUIT Variable", "SUIT", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.55;
  color: #30343a !important;
  background: #fff !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.skin_view .area_view table th,
#article-view table th,
#article-view table[data-ke-align] th,
#article-view table[data-ke-style] th,
.article-view table th,
.contents_style table th,
.entry-content table th,
.post-content table th,
.tt_article_useless_p_margin table th,
article table th,
.skin_view .area_view table td,
#article-view table td,
#article-view table[data-ke-align] td,
#article-view table[data-ke-style] td,
.article-view table td,
.contents_style table td,
.entry-content table td,
.post-content table td,
.tt_article_useless_p_margin table td,
article table td {
  padding: 10px 14px !important;
  font-family: "SUIT Variable", "SUIT", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  color: #30343a !important;
  border: 1px solid #dfe3e8 !important;
  vertical-align: middle;
}

.skin_view .area_view table th,
#article-view table th,
#article-view table[data-ke-align] th,
#article-view table[data-ke-style] th,
.article-view table th,
.contents_style table th,
.entry-content table th,
.post-content table th,
.tt_article_useless_p_margin table th,
article table th {
  font-weight: 700 !important;
  color: #25282d !important;
  text-align: left;
  white-space: nowrap;
  background: #fafafa !important;
}

.skin_view .area_view table td,
#article-view table td,
#article-view table[data-ke-align] td,
#article-view table[data-ke-style] td,
.article-view table td,
.contents_style table td,
.entry-content table td,
.post-content table td,
.tt_article_useless_p_margin table td,
article table td {
  background: #fff !important;
}

.skin_view .area_view table tbody tr:nth-child(even) td,
#article-view table tbody tr:nth-child(even) td,
#article-view table[data-ke-align] tbody tr:nth-child(even) td,
#article-view table[data-ke-style] tbody tr:nth-child(even) td,
.article-view table tbody tr:nth-child(even) td,
.contents_style table tbody tr:nth-child(even) td,
.entry-content table tbody tr:nth-child(even) td,
.post-content table tbody tr:nth-child(even) td,
.tt_article_useless_p_margin table tbody tr:nth-child(even) td,
article table tbody tr:nth-child(even) td {
  background: #fbfbfb !important;
}

.skin_view .area_view table:has(th:nth-child(5)) th:nth-child(3),
#article-view table:has(th:nth-child(5)) th:nth-child(3),
.article-view table:has(th:nth-child(5)) th:nth-child(3),
.contents_style table:has(th:nth-child(5)) th:nth-child(3),
.entry-content table:has(th:nth-child(5)) th:nth-child(3),
.post-content table:has(th:nth-child(5)) th:nth-child(3),
.tt_article_useless_p_margin table:has(th:nth-child(5)) th:nth-child(3),
article table:has(th:nth-child(5)) th:nth-child(3),
.skin_view .area_view table:has(th:nth-child(5)) td:nth-child(3),
#article-view table:has(th:nth-child(5)) td:nth-child(3),
.article-view table:has(th:nth-child(5)) td:nth-child(3),
.contents_style table:has(th:nth-child(5)) td:nth-child(3),
.entry-content table:has(th:nth-child(5)) td:nth-child(3),
.post-content table:has(th:nth-child(5)) td:nth-child(3),
.tt_article_useless_p_margin table:has(th:nth-child(5)) td:nth-child(3),
article table:has(th:nth-child(5)) td:nth-child(3),
.skin_view .area_view table:has(th:nth-child(5)) th:nth-child(4),
#article-view table:has(th:nth-child(5)) th:nth-child(4),
.article-view table:has(th:nth-child(5)) th:nth-child(4),
.contents_style table:has(th:nth-child(5)) th:nth-child(4),
.entry-content table:has(th:nth-child(5)) th:nth-child(4),
.post-content table:has(th:nth-child(5)) th:nth-child(4),
.tt_article_useless_p_margin table:has(th:nth-child(5)) th:nth-child(4),
article table:has(th:nth-child(5)) th:nth-child(4),
.skin_view .area_view table:has(th:nth-child(5)) td:nth-child(4),
#article-view table:has(th:nth-child(5)) td:nth-child(4),
.article-view table:has(th:nth-child(5)) td:nth-child(4),
.contents_style table:has(th:nth-child(5)) td:nth-child(4),
.entry-content table:has(th:nth-child(5)) td:nth-child(4),
.post-content table:has(th:nth-child(5)) td:nth-child(4),
.tt_article_useless_p_margin table:has(th:nth-child(5)) td:nth-child(4),
article table:has(th:nth-child(5)) td:nth-child(4),
.skin_view .area_view table:has(th:nth-child(4)):not(:has(th:nth-child(5))) th:nth-child(n+2),
#article-view table:has(th:nth-child(4)):not(:has(th:nth-child(5))) th:nth-child(n+2),
.article-view table:has(th:nth-child(4)):not(:has(th:nth-child(5))) th:nth-child(n+2),
.contents_style table:has(th:nth-child(4)):not(:has(th:nth-child(5))) th:nth-child(n+2),
.entry-content table:has(th:nth-child(4)):not(:has(th:nth-child(5))) th:nth-child(n+2),
.post-content table:has(th:nth-child(4)):not(:has(th:nth-child(5))) th:nth-child(n+2),
.tt_article_useless_p_margin table:has(th:nth-child(4)):not(:has(th:nth-child(5))) th:nth-child(n+2),
article table:has(th:nth-child(4)):not(:has(th:nth-child(5))) th:nth-child(n+2),
.skin_view .area_view table:has(th:nth-child(4)):not(:has(th:nth-child(5))) td:nth-child(n+2),
#article-view table:has(th:nth-child(4)):not(:has(th:nth-child(5))) td:nth-child(n+2),
.article-view table:has(th:nth-child(4)):not(:has(th:nth-child(5))) td:nth-child(n+2),
.contents_style table:has(th:nth-child(4)):not(:has(th:nth-child(5))) td:nth-child(n+2),
.entry-content table:has(th:nth-child(4)):not(:has(th:nth-child(5))) td:nth-child(n+2),
.post-content table:has(th:nth-child(4)):not(:has(th:nth-child(5))) td:nth-child(n+2),
.tt_article_useless_p_margin table:has(th:nth-child(4)):not(:has(th:nth-child(5))) td:nth-child(n+2),
article table:has(th:nth-child(4)):not(:has(th:nth-child(5))) td:nth-child(n+2),
.skin_view .area_view table:has(th:nth-child(7)) th:nth-child(n+2),
#article-view table:has(th:nth-child(7)) th:nth-child(n+2),
.article-view table:has(th:nth-child(7)) th:nth-child(n+2),
.contents_style table:has(th:nth-child(7)) th:nth-child(n+2),
.entry-content table:has(th:nth-child(7)) th:nth-child(n+2),
.post-content table:has(th:nth-child(7)) th:nth-child(n+2),
.tt_article_useless_p_margin table:has(th:nth-child(7)) th:nth-child(n+2),
article table:has(th:nth-child(7)) th:nth-child(n+2),
.skin_view .area_view table:has(th:nth-child(7)) td:nth-child(n+2),
#article-view table:has(th:nth-child(7)) td:nth-child(n+2),
.article-view table:has(th:nth-child(7)) td:nth-child(n+2),
.contents_style table:has(th:nth-child(7)) td:nth-child(n+2),
.entry-content table:has(th:nth-child(7)) td:nth-child(n+2),
.post-content table:has(th:nth-child(7)) td:nth-child(n+2),
.tt_article_useless_p_margin table:has(th:nth-child(7)) td:nth-child(n+2),
article table:has(th:nth-child(7)) td:nth-child(n+2) {
  text-align: right !important;
  font-variant-numeric: tabular-nums;
}

.skin_view .area_view table:has(th:nth-child(5)) th:nth-child(5),
#article-view table:has(th:nth-child(5)) th:nth-child(5),
.article-view table:has(th:nth-child(5)) th:nth-child(5),
.contents_style table:has(th:nth-child(5)) th:nth-child(5),
.entry-content table:has(th:nth-child(5)) th:nth-child(5),
.post-content table:has(th:nth-child(5)) th:nth-child(5),
.tt_article_useless_p_margin table:has(th:nth-child(5)) th:nth-child(5),
article table:has(th:nth-child(5)) th:nth-child(5),
.skin_view .area_view table:has(th:nth-child(5)) td:nth-child(5),
#article-view table:has(th:nth-child(5)) td:nth-child(5),
.article-view table:has(th:nth-child(5)) td:nth-child(5),
.contents_style table:has(th:nth-child(5)) td:nth-child(5),
.entry-content table:has(th:nth-child(5)) td:nth-child(5),
.post-content table:has(th:nth-child(5)) td:nth-child(5),
.tt_article_useless_p_margin table:has(th:nth-child(5)) td:nth-child(5),
article table:has(th:nth-child(5)) td:nth-child(5) {
  text-align: left !important;
  white-space: normal !important;
  word-break: keep-all;
}

@media (max-width: 720px) {
  .skin_view .area_view table,
  #article-view table,
  #article-view table[data-ke-align],
  #article-view table[data-ke-style],
  .article-view table,
  .contents_style table,
  .entry-content table,
  .post-content table,
  .tt_article_useless_p_margin table,
  article table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 13px !important;
    -webkit-overflow-scrolling: touch;
  }

  .skin_view .area_view table th,
  #article-view table th,
  #article-view table[data-ke-align] th,
  #article-view table[data-ke-style] th,
  .article-view table th,
  .contents_style table th,
  .entry-content table th,
  .post-content table th,
  .tt_article_useless_p_margin table th,
  article table th,
  .skin_view .area_view table td,
  #article-view table td,
  #article-view table[data-ke-align] td,
  #article-view table[data-ke-style] td,
  .article-view table td,
  .contents_style table td,
  .entry-content table td,
  .post-content table td,
  .tt_article_useless_p_margin table td,
  article table td {
    padding: 9px 11px !important;
  }
}