/* Single article layout modelled after demo/ddd.html. */
.okx-single-article-page{background:#f9f2f6;color:#003f3b;font-family:"Noto Sans HK",sans-serif}
.okx-single-article-page .okx-article-main{background:#f9f2f6;padding:118px 0 80px}
.okx-single-article-page .okx-article-main :where(h1,h2,h3,h4,h5,h6){color:#172a3e}
.okx-article,.okx-related-posts,.okx-article-comments{width:min(calc(100% - 40px),1200px);margin-inline:auto}
.okx-article-hero{display:grid;grid-template-columns:30% minmax(0,70%);margin-bottom:54px}
.okx-article-heading{min-width:0}
.okx-article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-bottom:20px;font-size:16px;font-weight:600}
.okx-article-meta .okx-article-terms,.okx-article-meta .okx-article-terms a{color:#ef6630}
.okx-article-meta time{color:#003f3b}
.okx-article-heading h1{max-width:920px;margin:0 0 20px;font-size:35px;line-height:1.42;font-weight:800;letter-spacing:.01em}
.okx-article-share{display:flex;align-items:center;gap:10px}
.okx-article-share a{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid #003f3b;border-radius:50%;color:#003f3b;font-size:14px;font-weight:800;line-height:1;text-decoration:none}
.okx-article-share a:hover{color:#fff;background:#003f3b}
.okx-article-layout{display:grid;grid-template-columns:30% minmax(0,70%);align-items:start}
.okx-article-layout-no-toc{display:block}
.okx-article-layout-no-toc .okx-article-content{width:70%;margin-left:30%}
.okx-article-toc{min-width:0;padding-right:42px}
.okx-article-toc-inner{position:sticky;top:102px;border-left:2px solid #3ddbc0;padding:4px 0 4px 20px}
.okx-article-toc-inner>strong{display:block;margin-bottom:12px;color:#ef6630;font-size:14px;font-weight:700}
.okx-article-toc-links{display:flex;flex-direction:column;gap:10px}
.okx-article-toc-links span{font-size:18px;font-weight:600}
.okx-article-toc-links a{display:block;color:#003f3b;font-size:14px;line-height:1.5;text-decoration:none}
.okx-article-toc-links a[data-level="3"]{padding-left:14px;font-size:13px;opacity:.82}
.okx-article-toc-links a:hover,.okx-article-toc-links a.is-active{color:#ef6630}
.okx-article-content{min-width:0;color:#003f3b;font-size:18px;line-height:1.9;overflow-wrap:anywhere}
.okx-article-content>:first-child{margin-top:0}
.okx-article-content p,.okx-article-content ul,.okx-article-content ol{margin:0 0 1.45em}
.okx-article-content h1{font-size:34px;line-height:1.45;margin:1.55em 0 .6em}
.okx-article-content h2{font-size:29px;line-height:1.5;margin:1.55em 0 .6em;scroll-margin-top:105px}
.okx-article-content h3{font-size:23px;line-height:1.5;margin:1.45em 0 .55em;scroll-margin-top:105px}
.okx-article-content h4{font-size:20px;scroll-margin-top:105px}
.okx-article-content hr{height:1px;margin:36px 0;border:0;background:rgba(0,63,59,.22)}
.okx-article-content blockquote{margin:0 0 28px;padding:22px 26px;border-left:4px solid #3ddbc0;background:#fff;color:#003f3b}
.okx-article-content blockquote p:last-child{margin-bottom:0}
.okx-article-content img{display:block;max-width:100%;height:auto;margin:24px auto}
.okx-article-content figure{max-width:100%;margin:30px 0}
.okx-article-content a{color:#ef6630;text-decoration:underline;text-underline-offset:3px}
.okx-related-posts{padding:70px 0 78px}
.okx-related-rule{height:2px;margin-bottom:32px;background:repeating-linear-gradient(90deg,#3ddbc0 0 8px,transparent 8px 14px)}
.okx-related-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.okx-related-heading h2{margin:0;font-size:35px;font-weight:800}
.okx-related-heading>a{color:#ef6630;border-bottom:1px solid #ef6630;text-decoration:none}
.okx-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.okx-related-card{min-width:0}
.okx-related-image{display:block;aspect-ratio:1.5/1;overflow:hidden;background:#e7dfdf}
.okx-related-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.okx-related-image:hover img{transform:scale(1.04)}
.okx-related-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#e9e1d3,#d5cbc8)}
.okx-related-copy{display:flex;flex-direction:column;gap:10px;padding-top:14px}
.okx-related-terms,.okx-related-terms a{color:#ef6630;font-size:14px;font-weight:600;text-decoration:none}
.okx-related-card h3{margin:0;font-size:20px;line-height:1.5;font-weight:700}
.okx-related-card h3 a{color:#172a3e;text-decoration:none}
.okx-related-bottom{display:flex;align-items:center;justify-content:space-between;color:#003f3b;font-size:14px;font-weight:600}
.okx-related-bottom a{color:#003f3b;text-decoration:none}
.okx-article-comments{padding:0 0 80px;color:#172a3e}
.okx-article-comments .comments-title,.okx-article-comments .comment-reply-title{font-size:28px}
.okx-article-comments .comment-list{padding:0;list-style:none}
.okx-article-comments .comment-body{padding:22px 0;border-bottom:1px solid rgba(0,63,59,.18)}
.okx-article-comments .comment-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.okx-article-comments .comment-notes,.okx-article-comments .comment-form-comment,.okx-article-comments .comment-form-cookies-consent,.okx-article-comments .form-submit{grid-column:1/-1}
.okx-article-comments input:not([type="checkbox"]),.okx-article-comments textarea{width:100%;background:#fff}
.okx-single-article-page .okx-article-comments .form-submit :is(button,input[type="submit"],#submit,.submit){
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:160px!important;
  min-height:50px!important;
  margin:0!important;
  padding:12px 28px!important;
  border:2px solid #003f3b!important;
  border-radius:3px!important;
  background:#003f3b!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-family:"Noto Sans HK",sans-serif!important;
  font-size:17px!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:.02em!important;
  text-indent:0!important;
  opacity:1!important;
  visibility:visible!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.okx-single-article-page .okx-article-comments .form-submit :is(button,input[type="submit"],#submit,.submit):hover,
.okx-single-article-page .okx-article-comments .form-submit :is(button,input[type="submit"],#submit,.submit):focus{
  border-color:#ef6630!important;
  background:#ef6630!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
@media(max-width:1024px){
  .okx-single-article-page .okx-article-main{padding-top:92px}
  .okx-article-hero,.okx-article-layout{grid-template-columns:25% minmax(0,75%)}
  .okx-article-heading h1{font-size:31px}
  .okx-article-toc{padding-right:24px}
  .okx-article-layout-no-toc .okx-article-content{width:75%;margin-left:25%}
  .okx-article-content{font-size:16px}
}
@media(max-width:767px){
  .okx-single-article-page .okx-article-main{padding:62px 0 50px}
  .okx-article,.okx-related-posts,.okx-article-comments{width:min(calc(100% - 34px),1200px)}
  .okx-article-hero{display:block;margin-bottom:38px}
  .okx-article-hero-spacer{display:none}
  .okx-article-meta{font-size:14px}
  .okx-article-heading h1{font-size:28px;line-height:1.42}
  .okx-article-layout{display:block}
  .okx-article-layout-no-toc .okx-article-content{width:100%;margin-left:0}
  .okx-article-toc{display:none}
  .okx-article-content{font-size:16px;line-height:1.85}
  .okx-article-content h1{font-size:28px}
  .okx-article-content h2{font-size:24px}
  .okx-article-content h3{font-size:20px}
  .okx-related-posts{padding:50px 0}
  .okx-related-heading h2{font-size:27px}
  .okx-related-grid{grid-template-columns:1fr;gap:34px}
  .okx-related-card{display:grid;grid-template-columns:42% minmax(0,58%);gap:16px}
  .okx-related-image{height:100%;min-height:140px;aspect-ratio:auto}
  .okx-related-copy{padding:0}
  .okx-related-card h3{font-size:17px}
  .okx-article-comments .comment-form{grid-template-columns:1fr}
  .okx-article-comments .comment-form>*{grid-column:1}
}