/* Keep typography inside the article; codebox descendants own their styles. */
:is(#tt-body-page .article-view .contents_style, .article-view .contents_style, [data-hunidev-article]) {
  color: #30343b;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
:is(#tt-body-page .article-view .contents_style, .article-view .contents_style, [data-hunidev-article]) :where(p, li, td, th, h2, h3, a, strong, em, blockquote, figcaption, ul, ol, figure, img, code, table, caption):not(:where(pre, pre *, .expressive-code, .expressive-code *, .hunidev-codeblocks, .hunidev-codeblocks *, .hunidev-code-fallback, .hunidev-code-fallback *, figure[data-ke-type="codeblock"], figure[data-ke-type="codeblock"] *, figure:has(pre), figure:has(pre) *, .fileblock, .fileblock *, .opengraph, .opengraph *, [data-ke-type="opengraph"], [data-ke-type="opengraph"] *, [data-ke-type="video"], [data-ke-type="video"] *, [data-ke-type="map"], [data-ke-type="map"] *, [data-ke-type="html"], [data-ke-type="html"] *, [data-ke-type="plugin"], [data-ke-type="plugin"] *, .revenue_unit_wrap, .revenue_unit_wrap *)) {
  letter-spacing: normal;
}
:is(#tt-body-page .article-view .contents_style, .article-view .contents_style, [data-hunidev-article]) p:not(:where(pre, pre *, .expressive-code, .expressive-code *, .hunidev-codeblocks, .hunidev-codeblocks *, .hunidev-code-fallback, .hunidev-code-fallback *, figure[data-ke-type="codeblock"], figure[data-ke-type="codeblock"] *, figure:has(pre), figure:has(pre) *, .fileblock, .fileblock *, .opengraph, .opengraph *, [data-ke-type="opengraph"], [data-ke-type="opengraph"] *, [data-ke-type="video"], [data-ke-type="video"] *, [data-ke-type="map"], [data-ke-type="map"] *, [data-ke-type="html"], [data-ke-type="html"] *, [data-ke-type="plugin"], [data-ke-type="plugin"] *, .revenue_unit_wrap, .revenue_unit_wrap *)) {
  margin: 0 0 20px;
  margin-bottom: 20px !important;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
:is(#tt-body-page .article-view .contents_style, .article-view .contents_style, [data-hunidev-article]) h2:not(:where(pre, pre *, .expressive-code, .expressive-code *, .hunidev-codeblocks, .hunidev-codeblocks *, .hunidev-code-fallback, .hunidev-code-fallback *, figure[data-ke-type="codeblock"], figure[data-ke-type="codeblock"] *, figure:has(pre), figure:has(pre) *, .fileblock, .fileblock *, .opengraph, .opengraph *, [data-ke-type="opengraph"], [data-ke-type="opengraph"] *, [data-ke-type="video"], [data-ke-type="video"] *, [data-ke-type="map"], [data-ke-type="map"] *, [data-ke-type="html"], [data-ke-type="html"] *, [data-ke-type="plugin"], [data-ke-type="plugin"] *, .revenue_unit_wrap, .revenue_unit_wrap *)) {
  margin: 44px 0 16px;
  color: #24292f;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.45;
  scroll-margin-top: 24px;
}
:is(#tt-body-page .article-view .contents_style, .article-view .contents_style, [data-hunidev-article]) h3:not(:where(pre, pre *, .expressive-code, .expressive-code *, .hunidev-codeblocks, .hunidev-codeblocks *, .hunidev-code-fallback, .hunidev-code-fallback *, figure[data-ke-type="codeblock"], figure[data-ke-type="codeblock"] *, figure:has(pre), figure:has(pre) *, .fileblock, .fileblock *, .opengraph, .opengraph *, [data-ke-type="opengraph"], [data-ke-type="opengraph"] *, [data-ke-type="video"], [data-ke-type="video"] *, [data-ke-type="map"], [data-ke-type="map"] *, [data-ke-type="html"], [data-ke-type="html"] *, [data-ke-type="plugin"], [data-ke-type="plugin"] *, .revenue_unit_wrap, .revenue_unit_wrap *)) {
  margin: 32px 0 12px;
  color: #24292f;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.5;
}
:is(#tt-body-page .article-view .contents_style, .article-view .contents_style, [data-hunidev-article]) a:not(:where(pre, pre *, .expressive-code, .expressive-code *, .hunidev-codeblocks, .hunidev-codeblocks *, .hunidev-code-fallback, .hunidev-code-fallback *, figure[data-ke-type="codeblock"], figure[data-ke-type="codeblock"] *, figure:has(pre), figure:has(pre) *, .fileblock, .fileblock *, .opengraph, .opengraph *, [data-ke-type="opengraph"], [data-ke-type="opengraph"] *, [data-ke-type="video"], [data-ke-type="video"] *, [data-ke-type="map"], [data-ke-type="map"] *, [data-ke-type="html"], [data-ke-type="html"] *, [data-ke-type="plugin"], [data-ke-type="plugin"] *, .revenue_unit_wrap, .revenue_unit_wrap *)) {
  color: #1456a0;
  text-decoration: underline;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}
:is(#tt-body-page .article-view .contents_style, .article-view .contents_style, [data-hunidev-article]) :where(ul, ol):not(:where(pre, pre *, .expressive-code, .expressive-code *, .hunidev-codeblocks, .hunidev-codeblocks *, .hunidev-code-fallback, .hunidev-code-fallback *, figure[data-ke-type="codeblock"], figure[data-ke-type="codeblock"] *, figure:has(pre), figure:has(pre) *, .fileblock, .fileblock *, .opengraph, .opengraph *, [data-ke-type="opengraph"], [data-ke-type="opengraph"] *, [data-ke-type="video"], [data-ke-type="video"] *, [data-ke-type="map"], [data-ke-type="map"] *, [data-ke-type="html"], [data-ke-type="html"] *, [data-ke-type="plugin"], [data-ke-type="plugin"] *, .revenue_unit_wrap, .revenue_unit_wrap *)) {
  margin: 0 0 20px;
  padding-left: 1.5em;
  font-size: inherit;
  line-height: inherit;
}
:is(#tt-body-page .article-view .contents_style, .article-view .contents_style, [data-hunidev-article]) li:not(:where(pre, pre *, .expressive-code, .expressive-code *, .hunidev-codeblocks, .hunidev-codeblocks *, .hunidev-code-fallback, .hunidev-code-fallback *, figure[data-ke-type="codeblock"], figure[data-ke-type="codeblock"] *, figure:has(pre), figure:has(pre) *, .fileblock, .fileblock *, .opengraph, .opengraph *, [data-ke-type="opengraph"], [data-ke-type="opengraph"] *, [data-ke-type="video"], [data-ke-type="video"] *, [data-ke-type="map"], [data-ke-type="map"] *, [data-ke-type="html"], [data-ke-type="html"] *, [data-ke-type="plugin"], [data-ke-type="plugin"] *, .revenue_unit_wrap, .revenue_unit_wrap *)) { margin: 6px 0; font-size: inherit; line-height: inherit; }
:is(#tt-body-page .article-view .contents_style, .article-view .contents_style, [data-hunidev-article]) code:not(:where(pre, pre *, .expressive-code, .expressive-code *, .hunidev-codeblocks, .hunidev-codeblocks *, .hunidev-code-fallback, .hunidev-code-fallback *, figure[data-ke-type="codeblock"], figure[data-ke-type="codeblock"] *, figure:has(pre), figure:has(pre) *, .fileblock, .fileblock *, .opengraph, .opengraph *, [data-ke-type="opengraph"], [data-ke-type="opengraph"] *, [data-ke-type="video"], [data-ke-type="video"] *, [data-ke-type="map"], [data-ke-type="map"] *, [data-ke-type="html"], [data-ke-type="html"] *, [data-ke-type="plugin"], [data-ke-type="plugin"] *, .revenue_unit_wrap, .revenue_unit_wrap *)) {
  padding: .08em .28em;
  border-radius: 4px;
  background: #f0f2f5;
  color: #30343b;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .94em;
  line-height: inherit;
  white-space: break-spaces;
  word-break: normal;
  overflow-wrap: anywhere;
}
:is(#tt-body-page .article-view .contents_style, .article-view .contents_style, [data-hunidev-article]) table:not(:where(pre, pre *, .expressive-code, .expressive-code *, .hunidev-codeblocks, .hunidev-codeblocks *, .hunidev-code-fallback, .hunidev-code-fallback *, figure[data-ke-type="codeblock"], figure[data-ke-type="codeblock"] *, figure:has(pre), figure:has(pre) *, .fileblock, .fileblock *, .opengraph, .opengraph *, [data-ke-type="opengraph"], [data-ke-type="opengraph"] *, [data-ke-type="video"], [data-ke-type="video"] *, [data-ke-type="map"], [data-ke-type="map"] *, [data-ke-type="html"], [data-ke-type="html"] *, [data-ke-type="plugin"], [data-ke-type="plugin"] *, .revenue_unit_wrap, .revenue_unit_wrap *)) {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  color: #30343b;
  font-size: 16px;
  line-height: 1.6;
}
:is(#tt-body-page .article-view .contents_style, .article-view .contents_style, [data-hunidev-article]) :where(td, th):not(:where(pre, pre *, .expressive-code, .expressive-code *, .hunidev-codeblocks, .hunidev-codeblocks *, .hunidev-code-fallback, .hunidev-code-fallback *, figure[data-ke-type="codeblock"], figure[data-ke-type="codeblock"] *, figure:has(pre), figure:has(pre) *, .fileblock, .fileblock *, .opengraph, .opengraph *, [data-ke-type="opengraph"], [data-ke-type="opengraph"] *, [data-ke-type="video"], [data-ke-type="video"] *, [data-ke-type="map"], [data-ke-type="map"] *, [data-ke-type="html"], [data-ke-type="html"] *, [data-ke-type="plugin"], [data-ke-type="plugin"] *, .revenue_unit_wrap, .revenue_unit_wrap *)) {
  box-sizing: content-box;
  min-inline-size: 7em;
  padding: 12px 14px;
  border: 1px solid #cbd1d8;
  vertical-align: top;
  font-size: 16px;
  line-height: 1.6;
}
:is(#tt-body-page .article-view .contents_style, .article-view .contents_style, [data-hunidev-article]) :where(th, td[role="columnheader"]):not(:where(pre, pre *, .expressive-code, .expressive-code *, .hunidev-codeblocks, .hunidev-codeblocks *, .hunidev-code-fallback, .hunidev-code-fallback *, figure[data-ke-type="codeblock"], figure[data-ke-type="codeblock"] *, figure:has(pre), figure:has(pre) *, .fileblock, .fileblock *, .opengraph, .opengraph *, [data-ke-type="opengraph"], [data-ke-type="opengraph"] *, [data-ke-type="video"], [data-ke-type="video"] *, [data-ke-type="map"], [data-ke-type="map"] *, [data-ke-type="html"], [data-ke-type="html"] *, [data-ke-type="plugin"], [data-ke-type="plugin"] *, .revenue_unit_wrap, .revenue_unit_wrap *)) { background: #f3f5f7; font-weight: 700; }
:is(#tt-body-page .article-view .contents_style, .article-view .contents_style, [data-hunidev-article]) [data-hunidev-table] { max-width: 100%; overflow-x: auto; margin: 24px 0 12px; }
:is(#tt-body-page .article-view .contents_style, .article-view .contents_style, [data-hunidev-article]) [data-hunidev-table]:focus-visible { outline: 3px solid #1456a0; outline-offset: 3px; }
:is(#tt-body-page .article-view .contents_style, .article-view .contents_style, [data-hunidev-article]) [data-hunidev-table-note] { color: #555d67; font-size: 14px; }
:is(#tt-body-page .article-view .contents_style, .article-view .contents_style, [data-hunidev-article]) :where(figure, img):not(:where(pre, pre *, .expressive-code, .expressive-code *, .hunidev-codeblocks, .hunidev-codeblocks *, .hunidev-code-fallback, .hunidev-code-fallback *, figure[data-ke-type="codeblock"], figure[data-ke-type="codeblock"] *, figure:has(pre), figure:has(pre) *, .fileblock, .fileblock *, .opengraph, .opengraph *, [data-ke-type="opengraph"], [data-ke-type="opengraph"] *, [data-ke-type="video"], [data-ke-type="video"] *, [data-ke-type="map"], [data-ke-type="map"] *, [data-ke-type="html"], [data-ke-type="html"] *, [data-ke-type="plugin"], [data-ke-type="plugin"] *, .revenue_unit_wrap, .revenue_unit_wrap *)) { max-width: 100%; }
:is(#tt-body-page .article-view .contents_style, .article-view .contents_style, [data-hunidev-article]) img:not(:where(pre, pre *, .expressive-code, .expressive-code *, .hunidev-codeblocks, .hunidev-codeblocks *, .hunidev-code-fallback, .hunidev-code-fallback *, figure[data-ke-type="codeblock"], figure[data-ke-type="codeblock"] *, figure:has(pre), figure:has(pre) *, .fileblock, .fileblock *, .opengraph, .opengraph *, [data-ke-type="opengraph"], [data-ke-type="opengraph"] *, [data-ke-type="video"], [data-ke-type="video"] *, [data-ke-type="map"], [data-ke-type="map"] *, [data-ke-type="html"], [data-ke-type="html"] *, [data-ke-type="plugin"], [data-ke-type="plugin"] *, .revenue_unit_wrap, .revenue_unit_wrap *)) { height: auto; }
:is(#tt-body-page .article-view .contents_style, .article-view .contents_style, [data-hunidev-article]) figure:not(:where(pre, pre *, .expressive-code, .expressive-code *, .hunidev-codeblocks, .hunidev-codeblocks *, .hunidev-code-fallback, .hunidev-code-fallback *, figure[data-ke-type="codeblock"], figure[data-ke-type="codeblock"] *, figure:has(pre), figure:has(pre) *, .fileblock, .fileblock *, .opengraph, .opengraph *, [data-ke-type="opengraph"], [data-ke-type="opengraph"] *, [data-ke-type="video"], [data-ke-type="video"] *, [data-ke-type="map"], [data-ke-type="map"] *, [data-ke-type="html"], [data-ke-type="html"] *, [data-ke-type="plugin"], [data-ke-type="plugin"] *, .revenue_unit_wrap, .revenue_unit_wrap *)) { margin: 28px 0; }
:is(#tt-body-page .article-view .contents_style, .article-view .contents_style, [data-hunidev-article]) figcaption:not(:where(pre, pre *, .expressive-code, .expressive-code *, .hunidev-codeblocks, .hunidev-codeblocks *, .hunidev-code-fallback, .hunidev-code-fallback *, figure[data-ke-type="codeblock"], figure[data-ke-type="codeblock"] *, figure:has(pre), figure:has(pre) *, .fileblock, .fileblock *, .opengraph, .opengraph *, [data-ke-type="opengraph"], [data-ke-type="opengraph"] *, [data-ke-type="video"], [data-ke-type="video"] *, [data-ke-type="map"], [data-ke-type="map"] *, [data-ke-type="html"], [data-ke-type="html"] *, [data-ke-type="plugin"], [data-ke-type="plugin"] *, .revenue_unit_wrap, .revenue_unit_wrap *)) { margin-top: 10px; color: #555d67; font-size: 15px; line-height: 1.7; }
:is(#tt-body-page .article-view .contents_style, .article-view .contents_style, [data-hunidev-article]) [data-hunidev-toc] { margin: 28px 0; padding: 18px 20px; border: 1px solid #cbd1d8; border-radius: 8px; background: #f7f8fa; }
:is(#tt-body-page .article-view .contents_style, .article-view .contents_style, [data-hunidev-article]) [data-hunidev-toc] p { margin-bottom: 8px !important; font-weight: 700; }
:is(#tt-body-page .article-view .contents_style, .article-view .contents_style, [data-hunidev-article]) [data-hunidev-toc] ul { margin: 0; font-size: 15px; line-height: 1.65; }