.blog-detail-page {--blog-ink: #0b1f35;--blog-muted: #526477;--blog-blue: #0b5db7;--blog-orange: #f97316;--blog-surface: #fff;--blog-soft: #f4f8fc;--blog-border: #dce6f0;background: linear-gradient(180deg, #f6f9fc 0, #fff 760px);}.blog-detail-page .blog-detail-hero {min-height: 480px;display: flex;align-items: center;padding: 74px 0 82px;background-position: center 38%;}.blog-detail-page .blog-detail-hero::before {content: "";position: absolute;inset: 0;background: linear-gradient(90deg, rgba(4, 23, 45, .97) 0%, rgba(7, 37, 68, .92) 48%, rgba(4, 23, 45, .72) 100%);}.blog-breadcrumb {display: flex;justify-content: center;align-items: center;gap: 8px;margin: 0 0 18px;color: rgba(255, 255, 255, .8);font-size: 14px;font-weight: 700;}.blog-breadcrumb a { color: #fff; text-decoration: none; }.blog-breadcrumb a:hover, .blog-breadcrumb a:focus { color: #ffd08a; }.blog-breadcrumb span:last-child { max-width: 480px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.blog-detail-page .blog-detail-hero h1 {max-width: 940px;letter-spacing: -.035em;text-wrap: balance;text-shadow: 0 3px 20px rgba(0, 0, 0, .2);}.blog-detail-page .article-meta {color: #eef6ff;font-size: 14px;}.blog-detail-page .article-meta span,.blog-detail-page .article-meta a {display: inline-flex;align-items: center;gap: 7px;color: inherit;}.blog-detail-page .article-meta span::before,.blog-detail-page .article-meta a::before {color: #ffb155;font-family: FontAwesome;}.blog-detail-page .article-meta .meta-author::before { content: "\f007"; }.blog-detail-page .article-meta .meta-reviewed::before { content: "\f073"; }.blog-detail-page .article-meta .meta-reading::before { content: "\f017"; }.blog-detail-page .article-main-grid {grid-template-columns: minmax(0, 1fr) 340px;gap: 32px;align-items: start;}.blog-detail-page main { min-width: 0; }.citm-article-tools {display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 18px;align-items: center;margin: 0 0 22px;padding: 18px 20px;border: 1px solid var(--blog-border);border-radius: 16px;background: rgba(255, 255, 255, .94);box-shadow: 0 12px 30px rgba(15, 43, 70, .07);}.citm-article-tools strong { display: block; color: var(--blog-ink); font-size: 15px; }.citm-article-tools span { display: block; margin-top: 2px; color: var(--blog-muted); font-size: 13px; }.citm-copy-link {border: 1px solid #bcd2e7;border-radius: 10px;background: #fff;color: var(--blog-blue);padding: 9px 13px;font-weight: 800;cursor: pointer;}.citm-copy-link:hover, .citm-copy-link:focus { background: #eaf4ff; outline: 3px solid rgba(11, 93, 183, .14); }.citm-toc {margin: 0 0 24px;padding: 22px 24px;border: 1px solid #cfe0f0;border-left: 4px solid var(--blog-blue);border-radius: 16px;background: linear-gradient(135deg, #f7fbff, #fff);}.citm-toc__title { margin: 0 0 12px; color: var(--blog-ink); font-size: 17px; font-weight: 900; }.citm-toc ol { columns: 2; column-gap: 34px; margin: 0; padding-left: 20px; }.citm-toc li { break-inside: avoid; margin: 0 0 9px; color: var(--blog-blue); }.citm-toc a { color: #294b6d; font-size: 14px; font-weight: 750; text-decoration: none; }.citm-toc a:hover, .citm-toc a:focus { color: var(--blog-orange); text-decoration: underline; }.blog-detail-page .article-card {border-color: var(--blog-border);border-radius: 22px;box-shadow: 0 20px 55px rgba(14, 42, 70, .08);}.blog-detail-page .article-content {max-width: 820px;margin: 0 auto;font-size: 18px;line-height: 1.82;color: #263b50;}.blog-detail-page .article-content > p:first-of-type { font-size: 20px; line-height: 1.7; color: #173451; }.blog-detail-page .article-content h2,.blog-detail-page .article-content h3 {scroll-margin-top: 110px;text-wrap: balance;}.blog-detail-page .article-content h2 { margin-top: 46px; font-size: 31px; line-height: 1.25; letter-spacing: -.025em; }.blog-detail-page .article-content h3 { margin-top: 36px; font-size: 25px; line-height: 1.3; }.blog-detail-page .article-content h4 { margin-top: 28px; font-size: 20px; }.blog-detail-page .article-content ul,.blog-detail-page .article-content ol { margin: 16px 0 24px; padding-left: 25px; }.blog-detail-page .article-content li { margin-bottom: 9px; }.blog-detail-page .article-content blockquote {margin: 28px 0;padding: 22px 24px;border-left: 4px solid var(--blog-orange);border-radius: 0 14px 14px 0;background: #fff7ed;color: #6b3a13;}.blog-detail-page .article-content table {display: block;width: 100%;overflow-x: auto;border-collapse: separate;border-spacing: 0;border: 1px solid var(--blog-border);border-radius: 12px;}.blog-detail-page .article-content th { background: #eaf4ff; color: var(--blog-ink); }.citm-faq-section {margin-top: 48px;padding-top: 36px;border-top: 1px solid var(--blog-border);}.citm-section-kicker {color: var(--blog-orange);font-size: 13px;font-weight: 900;letter-spacing: .09em;text-transform: uppercase;}.blog-detail-page .article-content .citm-faq-section h2 { margin: 7px 0 10px; }.citm-faq-intro { margin: 0 0 20px !important; color: var(--blog-muted); font-size: 15px !important; }.citm-faq-item {margin: 0 0 12px;border: 1px solid var(--blog-border);border-radius: 14px;background: #fff;overflow: hidden;}.citm-faq-item[open] { border-color: #a9cce9; box-shadow: 0 10px 26px rgba(11, 93, 183, .08); }.citm-faq-item summary {position: relative;padding: 17px 50px 17px 18px;color: var(--blog-ink);font-weight: 850;line-height: 1.45;cursor: pointer;list-style: none;}.citm-faq-item summary::-webkit-details-marker { display: none; }.citm-faq-item summary::after {content: "+";position: absolute;right: 18px;top: 13px;color: var(--blog-blue);font-size: 25px;font-weight: 500;}.citm-faq-item[open] summary::after { content: "−"; }.citm-faq-answer { padding: 0 18px 17px; }.blog-detail-page .article-content .citm-faq-answer p { margin: 0; color: #41586e; font-size: 16px; line-height: 1.7; }.blog-detail-page .sidebar-sticky { top: 94px; }.blog-detail-page .sidebar-widget { border: 1px solid var(--blog-border); box-shadow: 0 14px 34px rgba(16, 48, 80, .07); }.blog-detail-page .share-box,.blog-detail-page .article-cta,.blog-detail-page .comments-card,.blog-detail-page .comment-form-card { border-radius: 20px; }@media (max-width: 991px) {.blog-detail-page .article-main-grid { grid-template-columns: 1fr; }.blog-detail-page .sidebar-sticky { position: static; }.blog-detail-page .blog-detail-hero { min-height: 420px; }}@media (max-width: 767px) {.blog-detail-page .blog-detail-hero { min-height: 390px; padding: 54px 0 62px; }.blog-detail-page .blog-detail-hero h1 { font-size: clamp(31px, 9vw, 42px); }.blog-breadcrumb span:last-child { max-width: 180px; }.citm-toc ol { columns: 1; }.citm-article-tools { grid-template-columns: 1fr; }.citm-copy-link { width: 100%; }.blog-detail-page .article-content { font-size: 16px; line-height: 1.75; }.blog-detail-page .article-content > p:first-of-type { font-size: 18px; }.blog-detail-page .article-content h2 { font-size: 26px; }.blog-detail-page .article-content h3 { font-size: 22px; }}@media (prefers-reduced-motion: reduce) {.blog-detail-page *, .blog-detail-page *::before, .blog-detail-page *::after { scroll-behavior: auto !important; transition: none !important; }}