/* Public category archive. */
.okx-category-page{background:#f9f2f6;color:#003f3b;font-family:"Noto Sans HK",sans-serif}
.okx-category-main{background:#f9f2f6;padding:110px 0 90px;min-height:65vh}
.okx-category-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:50px;width:min(calc(100% - 40px),1200px);margin-inline:auto}
.okx-category-sidebar{padding-right:34px;border-right:1px solid rgba(0,63,59,.14)}
.okx-category-sidebar h1{margin:0 0 32px;color:#172a3e;font-size:37px;line-height:1.3;font-weight:800}
.okx-category-sidebar h2{margin:0 0 14px;color:#777;font-size:18px;font-weight:700}
.okx-category-sidebar ul{margin:0 0 42px;padding:0;list-style:none}
.okx-category-sidebar li{margin:0}
.okx-category-sidebar a{display:block;padding:5px 0;color:#003f3b;font-size:16px;font-weight:600;text-decoration:none}
.okx-category-sidebar .current-cat>a,.okx-category-sidebar a:hover{color:#ef6630}
.okx-category-explore{display:flex;flex-direction:column}
.okx-category-heading{padding-top:12px;margin-bottom:32px;border-top:2px dashed #3ddbc0}
.okx-category-heading>span{display:block;margin:20px 0 5px;color:#ef6630;font-weight:700}
.okx-category-heading h2{margin:0;color:#172a3e;font-size:36px;line-height:1.35;font-weight:800}
.okx-category-description{margin-top:12px;font-size:16px;line-height:1.7}
.okx-category-description p:last-child{margin-bottom:0}
.okx-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 25px}
.okx-category-card{min-width:0}
.okx-category-card-image{display:block;aspect-ratio:1.5/1;overflow:hidden;background:#e9e1d3}
.okx-category-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.okx-category-card-image:hover img{transform:scale(1.04)}
.okx-category-image-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#eadfd8,#d7ccca)}
.okx-category-card-copy{display:flex;flex-direction:column;gap:9px;padding-top:13px}
.okx-category-card-terms,.okx-category-card-terms a{color:#ef6630;font-size:13px;font-weight:700;text-decoration:none}
.okx-category-card h3{margin:0;color:#172a3e;font-size:19px;line-height:1.48;font-weight:750}
.okx-category-card h3 a{color:inherit;text-decoration:none}
.okx-category-card p{margin:0;color:#46615e;font-size:14px;line-height:1.65}
.okx-category-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:3px;color:#777;font-size:13px}
.okx-category-card-bottom a{color:#003f3b;font-weight:700;text-decoration:none}
.okx-category-pagination{margin-top:55px}
.okx-category-pagination .nav-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.okx-category-pagination .page-numbers{display:grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border:1px solid rgba(0,63,59,.25);color:#003f3b;text-decoration:none}
.okx-category-pagination .page-numbers.current,.okx-category-pagination a.page-numbers:hover{border-color:#003f3b;background:#003f3b;color:#fff}
.okx-category-empty{padding:50px 0}
.okx-category-empty a{color:#ef6630}
@media(max-width:1024px){
  .okx-category-main{padding-top:85px}
  .okx-category-shell{grid-template-columns:210px minmax(0,1fr);gap:32px}
  .okx-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .okx-category-sidebar h1{font-size:31px}
}
@media(max-width:767px){
  .okx-category-main{padding:55px 0 65px}
  .okx-category-shell{display:block;width:min(calc(100% - 32px),1200px)}
  .okx-category-sidebar{margin-bottom:42px;padding:0 0 28px;border-right:0;border-bottom:1px solid rgba(0,63,59,.14)}
  .okx-category-sidebar h1{margin-bottom:18px;font-size:30px}
  .okx-category-sidebar ul{display:flex;flex-wrap:wrap;gap:5px 16px;margin-bottom:24px}
  .okx-category-sidebar a{font-size:14px}
  .okx-category-explore{display:none}
  .okx-category-heading h2{font-size:30px}
  .okx-category-grid{grid-template-columns:1fr;gap:35px}
  .okx-category-card{display:grid;grid-template-columns:42% minmax(0,58%);gap:15px}
  .okx-category-card-image{height:100%;min-height:150px;aspect-ratio:auto}
  .okx-category-card-copy{padding:0}
  .okx-category-card h3{font-size:17px}
  .okx-category-card p{display:none}
}