/* Native CMS blog list/article templates; reuse the approved HongKe design. */
.blog-list-page .blog-hero .eyebrow { margin-bottom: 16px; color: #ffad7e; }
.blog-list-page .blog-hero h1 { overflow-wrap: anywhere; }
.blog-list-page .blog-section { padding-top: 36px; }
.hk-blog-layout { display: grid; grid-template-columns: minmax(0, 1fr) 290px; align-items: start; gap: 36px; }
.hk-blog-main, .hk-blog-aside { min-width: 0; }
.blog-list-page .blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.blog-list-page .blog-card-link { display: flex; flex-direction: column; }
.blog-list-page .blog-card-copy { display: flex; flex: 1; flex-direction: column; }
.blog-list-page .blog-card-copy p { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.hk-blog-read-more { display: flex; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 20px; color: #b83e00; font-size: 13px; font-weight: 750; }
.hk-blog-aside { display: grid; gap: 24px; }
.hk-blog-panel { padding: 25px 22px; border: 1px solid var(--hk-line); }
.hk-blog-panel h2 { margin: 0 0 17px; font-size: 21px; line-height: 1.35; overflow-wrap: anywhere; }
.hk-blog-popular { margin: 0; padding-inline-start: 22px; }
.hk-blog-popular li { padding-inline-start: 6px; }
.hk-blog-popular li::marker { color: #b83e00; font-weight: 750; }
.hk-blog-popular li + li { border-top: 1px solid var(--hk-line); }
.hk-blog-popular a, .hk-blog-related a { display: block; padding-block: 14px; font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.hk-blog-popular a:hover, .hk-blog-related a:hover { color: #b83e00; }
.hk-blog-related strong { display: block; font-weight: 650; }
.hk-blog-related time { display: block; margin-top: 7px; color: var(--hk-muted); font-size: 12px; }
.hk-blog-related ul { margin: 0; padding: 0; list-style: none; }
.hk-blog-related li + li { border-top: 1px solid var(--hk-line); }
.hk-blog-related li { padding-block: 14px; }
.hk-blog-related li a { padding: 0; }
.hk-blog-help { color: #fff; background: var(--hk-navy); border-color: var(--hk-navy); }
.hk-blog-help .eyebrow { margin-bottom: 18px; color: #ffad7e; }
.hk-blog-help p { color: #cbd5df; font-size: 14px; }
.hk-blog-help .btn { width: 100%; background: #ce4600; border-color: #ce4600; border-radius: 2px; font-size: 14px; overflow-wrap: anywhere; }
.hk-blog-help .btn:hover { background: #b83e00; }
.hk-blog-pagination { margin-bottom: 0; padding: 0; list-style: none; }
.hk-blog-pagination li { margin: 0; }
.hk-blog-pagination .active .page-link { color: #fff; border-color: var(--blog-blue); background: var(--blog-blue); }
.hk-blog-pagination .disabled .page-link, .hk-blog-pagination li > span { color: #64748b; background: #f5f7f9; }
.hk-blog-pagination em { font-style: normal; }
.hk-blog-pagination .fa { display: none; }
.hk-blog-inline-help { margin-top: 36px; padding: 24px; border-inline-start: 3px solid #ce4600; background: #f5f7f9; }
.hk-blog-inline-help h2 { margin-bottom: 10px; font-size: 23px; line-height: 1.35; }
.hk-blog-inline-help p { margin-bottom: 14px; font-size: 15px; }
.blog-show-page .blog-article-layout { width: min(calc(100% - 40px), var(--hk-container)); max-width: none; grid-template-columns: minmax(0, 1fr) 290px; }
.blog-show-page .blog-breadcrumb { flex-wrap: wrap; }
.blog-show-page .blog-breadcrumb [aria-current="page"] { min-width: 0; overflow-wrap: anywhere; }
.blog-show-page .hk-blog-panel:has(.hk-blog-related ul:not(:has(li))) { display: none; }
.blog-show-page .blog-article-pager > div { min-width: 0; overflow-wrap: anywhere; }
.hk-blog-body-pages:has(> ul:empty) { display: none; }
.hk-blog-body-pages { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.hk-blog-body-pages a { min-width: 44px; padding: 8px 14px; border: 1px solid var(--hk-line); color: var(--blog-blue); }
.hk-blog-body-pages .blog-pagination { margin-top: 0; }
html[dir="rtl"] .blog-show-page .blog-article-pager-next { text-align: start; }
html[dir="rtl"] .blog-show-page .blog-article-content h2 { padding-left: 0; padding-right: 14px; border-left: 0; border-right: 3px solid var(--blog-blue); }
@media (max-width: 990px) {
  .blog-show-page .blog-article-layout { grid-template-columns: minmax(0, 1fr); }
  .hk-blog-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .hk-blog-aside { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
}
@media (max-width: 780px) {
  .blog-show-page .blog-article-layout { width: min(calc(100% - 28px), var(--hk-container)); }
}
@media (max-width: 680px) {
  .blog-list-page .blog-grid, .hk-blog-aside { grid-template-columns: minmax(0, 1fr); }
  .blog-list-page .blog-section { padding-top: 24px; }
  .hk-blog-panel { padding: 22px 20px; }
  .hk-blog-inline-help { padding: 20px; }
  .blog-show-page .blog-article-header h1 { font-size: 30px; }
}
@media (max-width: 480px) {
  :is(.blog-list-page, .blog-show-page) .site-header .nav-quote { display: none; }
}