article.webhook-article section pre code.hljs {font-family :'JetBrainsMono'; letter-spacing: -0.04em;}
article.webhook-article section .tab-box pre code.hljs { background-color: rgb(255, 255, 255); font-weight: 400; }
article.webhook-article #intro table tbody tr td:nth-child(1),
article.webhook-article #webhook-header table thead tr th:nth-child(3),
article.webhook-article #webhook-header table tbody tr td:nth-child(3),
article.webhook-article #webhook-body table tbody tr td:nth-child(2),
article.webhook-article #webhook-body table tbody tr td:nth-child(3),
article.webhook-article #webhook-body table tbody tr td:nth-child(4),
article.webhook-article #example table tbody tr td:nth-child(2),
article.webhook-article #example table tbody tr td:nth-child(3),
article.webhook-article #example table tbody tr td:nth-child(4) {text-align: center;}
article.webhook-article .callback-type {display: flex; gap: 10px;}
article.webhook-article .callback-type figure {flex-basis: 50%;}
article.webhook-article .callback-type figure figcaption p ~ p {margin-bottom: 0;}
article.webhook-article .route {font-weight: 700; font-size: 17px; position: relative; padding-left: 10px; display: block; margin: 20px 0;}
article.webhook-article .route:before {content: ''; position: absolute; left: 0; top: 55%;transform: translateY(-50%); width: 3px; height: 90%; background-color: #006cff;}
article.webhook-article .site-route {background-color: #f0f2f4; font-weight: 500; font-size: 90%; padding: 0 6px;}
article.webhook-article h6 {margin-top: 30px;}
article.webhook-article h6.webhook-example {margin-top: 8px;}
article.webhook-article .test-site {color: #f71b42;}
article.webhook-article .prod-site {color: #006cff;}
article.webhook-article #callback-url-regist h6 {font-weight: 500; font-size: 17px;}
article.webhook-article #callback-url-regist h6 ~ p {margin-top: 10px;}
article.webhook-article #webhook-process img + ol {margin-top: 30px;}
article.webhook-article #webhook-process img + ol > li {padding-left: 0;}
article.webhook-article #webhook-process img + ol > li h6 {font-weight: 500; font-size: 18px;}
article.webhook-article #webhook-process img + ol > li p {margin: 10px 0;}
article.webhook-article .panel-box.mt {margin-top: -10px;}
article.webhook-article .panel-box p span {color: #8d8d8d; padding-right: 5px;}
article.webhook-article .panel-box p i {color: #f52929; font-weight: 500;}
article.webhook-article .panel-box .example {margin-top: 30px;}
article.webhook-article .panel-box img.shadow {box-shadow: 0 0 10px 0 rgba(98, 109, 124, 0.14); margin: 10px 0;}

article.webhook-article #result h4 {margin-top: 40px;}

article.webhook-article #intro table thead tr th:nth-child(1) {width: 24%;}

article.webhook-article #webhook-header-single table thead tr th:nth-child(1) {width: 23%;}
article.webhook-article #webhook-header-single table thead tr th:nth-child(2) {width: 28%;}
article.webhook-article #webhook-header-single table thead tr th:nth-child(3) {width: 5%;}
article.webhook-article #webhook-header-single table thead tr th:nth-child(4) {width: 39%;}
article.webhook-article #webhook-header-single table tbody tr td:nth-child(3) {text-align: center}

article.webhook-article #webhook-header-bulk table thead tr th:nth-child(1) {width: 23%;}
article.webhook-article #webhook-header-bulk table thead tr th:nth-child(2) {width: 28%;}
article.webhook-article #webhook-header-bulk table thead tr th:nth-child(3) {width: 5%;}
article.webhook-article #webhook-header-bulk table thead tr th:nth-child(4) {width: 39%;}
article.webhook-article #webhook-header-bulk table tbody tr td:nth-child(3) {text-align: center}

article.webhook-article #webhook-body table thead tr th:nth-child(1) {width: 23%;}
article.webhook-article #webhook-body table thead tr th:nth-child(2) {width: 10%;}
article.webhook-article #webhook-body table thead tr th:nth-child(3) {width: 9%;}
article.webhook-article #webhook-body table thead tr th:nth-child(4) {width: 8%;}
article.webhook-article #webhook-body table thead tr th:nth-child(5) {width: 45%;}
article.webhook-article #webhook-body table tbody tr td:nth-child(3) {text-align: center}
article.webhook-article #webhook-body table tbody tr td:nth-child(4) {text-align: center}

article.webhook-article #example table thead tr th:nth-child(1) {width: 22%;}
article.webhook-article #example table thead tr th:nth-child(2) {width: 10%;}
article.webhook-article #example table thead tr th:nth-child(3) {width: 9%;}
article.webhook-article #example table thead tr th:nth-child(4) {width: 9%;}
article.webhook-article #example table thead tr th:nth-child(5) {width: 45%;}
article.webhook-article #example .tab-box .contents h6:first-child {margin-top: 0;}

article.webhook-article section .webhook-bulk-table + h6 {margin-top: 30px;}