/* Research detail — paper cover + document workspace. */
.blog_maincontent_wrap { min-height: 80vh; background: #FAF8F4; }
.blog_maincontent_contain { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 0 4.5rem !important; display: block !important; }
.blog_maincontent_layout, .blog_maincontent_content { width: 100%; max-width: none; }

/* Paper cover */
.article-header {
  position: relative;
  overflow: hidden;
  margin: 0 0 3rem;
  padding: clamp(3.25rem, 5.5vw, 5.25rem) max(2rem, calc((100vw - 74rem) / 2));
  color: #fff;
  background:
    radial-gradient(circle at 82% 22%, rgba(47,74,109,.2), transparent 28%),
    linear-gradient(115deg, #111b19 0%, #172825 58%, #0d1715 100%);
}
.article-header::after { content: ""; position: absolute; right: -7rem; bottom: -14rem; width: 34rem; height: 34rem; border: 1px solid rgba(47,74,109,.16); border-radius: 50%; box-shadow: 0 0 0 5rem rgba(47,74,109,.025), 0 0 0 10rem rgba(47,74,109,.018); }
.article-breadcrumb { position: relative; z-index: 1; display: flex; align-items: center; gap: .6rem; margin-bottom: 2.5rem; color: #8290a9; font-size: .76rem; }
.article-breadcrumb a { color: #c1cbe0; text-decoration: none; }
.article-breadcrumb a:hover { color: #2F4A6D; }
.article-eyebrow { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: .65rem; color: #2F4A6D; font-size: .7rem; font-weight: 800; letter-spacing: .16em; }
.article-eyebrow::before { content: ""; width: 2.25rem; height: 1px; background: currentColor; }
.article-title { position: relative; z-index: 1; max-width: 64rem; margin: 1rem 0 1.75rem; color: #fff; font-size: clamp(2.5rem, 4.3vw, 4.4rem); font-weight: 620; line-height: 1.08; letter-spacing: -.04em; }
.article-meta-row { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.5rem; max-width: 74rem; }
.article-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem; }
.article-meta-item { display: inline-flex; align-items: center; gap: .45rem; color: #c1cbe0; font-size: .82rem; }
.article-meta-item svg { width: 14px; height: 14px; opacity: .72; }
.article-actions { display: flex; flex-wrap: wrap; gap: .6rem; }
.article-action-btn { display: inline-flex; align-items: center; gap: .45rem; padding: .68rem 1rem; border-radius: 100vw; font-size: .78rem; font-weight: 700; text-decoration: none; transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; }
.article-action-btn svg { width: 14px; height: 14px; }
.article-action-btn--filled { color: #2F4A6D; background: #2F4A6D; border: 1px solid #2F4A6D; }
.article-action-btn--outline { color: #fff; background: transparent; border: 1px solid rgba(255,255,255,.35); }
.article-action-btn:hover { transform: translateY(-1px); }
.article-action-btn--filled:hover { color: #1E2A3A; background: #6D8DB5; }
.article-action-btn--outline:hover { color: #2F4A6D; background: #fff; border-color: #fff; }

/* Workspace */
.content-body-row { display: grid; grid-template-columns: 17rem minmax(0, 1fr); align-items: start; gap: 2.25rem; width: min(100% - 4rem, 74rem); margin: 0 auto; }
.content-main { min-width: 0; }
.blog_maincontent_sidebar { position: sticky; top: 6.5rem; max-height: calc(100vh - 8rem); overflow: hidden auto; scrollbar-width: thin; scrollbar-color: #c1cbe0 transparent; }
.sidebar-papers { overflow: hidden; background: #fff; border: 1px solid #dbe2ee; border-radius: 8px; }
.sidebar-papers-title { margin: 0; padding: 1.25rem 1.2rem .2rem; color: #1E2A3A; font-size: 1rem; font-weight: 750; }
.sidebar-papers-hint { margin: 0; padding: 0 1.2rem 1rem; color: #8290a9; font-size: .72rem; line-height: 1.5; border-bottom: 1px solid #e9edf4; }
.sidebar-papers-list { padding: .45rem 0; }
.sidebar-paper-item { position: relative; display: flex; align-items: flex-start; gap: .7rem; padding: .72rem 1rem; text-decoration: none; transition: background .18s ease; }
.sidebar-paper-item:hover { background: #f3f6ff; }
.sidebar-paper-item.active { background: #e8efff; }
.sidebar-paper-item.active::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: #2F4A6D; }
.sidebar-paper-icon { display: grid; flex: none; place-items: center; width: 1.65rem; height: 1.65rem; color: #7A8699; background: #edf2fa; border-radius: 50%; }
.sidebar-paper-item.active .sidebar-paper-icon { color: #2F4A6D; background: #dfe8ff; }
.sidebar-paper-title-text { display: -webkit-box; overflow: hidden; color: #52627d; font-size: .78rem; font-weight: 600; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.sidebar-paper-item.active .sidebar-paper-title-text { color: #3D5C83; }
.sidebar-paper-date { margin-top: .2rem; color: #8b97ad; font-size: .65rem; }

/* PDF document */
.pdf_pages_wrap { display: flex; flex-direction: column; align-items: center; gap: 1.5rem; padding: 1.5rem; background: #e1e6ef; border-radius: 8px; }
.pdf_page { overflow: hidden; width: 100%; background: #fff; border-radius: 2px; box-shadow: 0 5px 22px rgba(5,7,13,.1); transition: box-shadow .2s ease, transform .2s ease; }
.pdf_page:hover { box-shadow: 0 10px 32px rgba(5,7,13,.14); }
.pdf_page img { display: block; width: 100%; height: auto; }
.pdf_page img.lazy-pdf { opacity: .35; transition: opacity .35s ease; }
.pdf_page img.lazy-pdf.loaded { opacity: 1; }
.pdf-page-placeholder { display: none; }
.pdf_wrap { overflow: hidden; width: 100%; height: 85vh; background: #fff; border: 1px solid #dbe2ee; border-radius: 8px; box-shadow: 0 8px 28px rgba(5,7,13,.08); }
/* HTML article fallback */
.blog_content { padding: clamp(2rem, 5vw, 4rem); background: #fff; border: 1px solid #dbe2ee; border-radius: 8px; }
.blog_content .w-richtext p, .blog_content .w-richtext li { color: #52627d; font-size: 1rem; line-height: 1.9; }
.blog_content .w-richtext p { margin: 1em 0; }
.blog_content .w-richtext h2 { margin: 1.75em 0 .7em; padding-bottom: .45em; color: #1E2A3A; border-bottom: 1px solid #e1e6ef; font-size: 1.65rem; font-weight: 650; }
.blog_content .w-richtext h3 { margin: 1.55em 0 .6em; color: #4B5563; font-size: 1.28rem; font-weight: 620; }
.blog_content .w-richtext a { color: #2F4A6D; }

/* Related papers */
.related-papers-section { margin-top: 3.5rem; }
.related-papers-title { margin: 0 0 1.25rem; color: #1E2A3A; font-size: 1.35rem; font-weight: 750; }
.related-papers-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.related-paper-card { display: flex; flex-direction: column; justify-content: space-between; gap: 1.2rem; min-height: 8rem; padding: 1.25rem; color: inherit; background: #fff; border: 1px solid #dbe2ee; border-radius: 6px; text-decoration: none; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.related-paper-card:hover { border-color: #2F4A6D; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(5,7,13,.07); }
.related-paper-card-title { color: #263530; font-size: .9rem; font-weight: 680; line-height: 1.55; }
.related-paper-card-date { color: #8b97ad; font-size: .7rem; }

@media (max-width: 991px) {
  .content-body-row { grid-template-columns: 14rem minmax(0, 1fr); width: min(100% - 3rem, 74rem); gap: 1.5rem; }
  .article-header { padding-left: 2rem; padding-right: 2rem; }
}

@media (max-width: 767px) {
  .article-header { margin-bottom: 1.25rem; padding: 2rem 1.25rem 2.5rem; }
  .article-breadcrumb { margin-bottom: 1.75rem; }
  .article-title { margin-bottom: 1.35rem; font-size: clamp(2.15rem, 9.5vw, 2.75rem); }
  .article-meta-row { align-items: flex-start; }
  .article-actions { width: 100%; }
  .article-action-btn { flex: 1; justify-content: center; }
  .content-body-row { display: flex; flex-direction: column; width: calc(100% - 2rem); gap: 1.25rem; }
  .blog_maincontent_sidebar { position: static; width: 100%; max-height: 18rem; }
  .content-main { width: 100%; }
  .pdf_pages_wrap { gap: .8rem; padding: .65rem; border-radius: 5px; }
  .related-papers-grid { grid-template-columns: 1fr; }
  .blog_content { padding: 1.5rem 1.2rem; }
}