.article-detail-page{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);padding-bottom:var(--space-8)}.article-breadcrumbs{position:relative;z-index:2;padding-top:95px;padding-bottom:var(--space-2);background-color:transparent;border-bottom:none}.breadcrumbs-list{display:flex;flex-wrap:nowrap;align-items:center;list-style:none;padding:0;margin:0;font-size:var(--font-sm);color:#ffffffbf;width:100%;overflow:hidden}.breadcrumbs-item{flex-shrink:0;min-width:0}.breadcrumbs-item a{color:#ffffffbf;text-decoration:none;transition:color .2s ease}.breadcrumbs-item a:hover{color:var(--color-secondary)}.breadcrumbs-separator{margin:0 var(--space-2);color:#ffffff73;flex-shrink:0}.breadcrumbs-item.active{color:#fff;font-weight:var(--weight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.article-hero{position:relative;margin:0 var(--space-4) var(--space-6) var(--space-4);border-radius:16px;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;padding-bottom:var(--space-8)}.article-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#00000073,#000000d9);z-index:1}.article-hero-container{position:relative;z-index:2}.article-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:var(--space-8);align-items:center}.article-hero-left{display:flex;flex-direction:column;justify-content:center;text-align:left}.article-hero-tag{text-transform:uppercase;font-size:var(--font-xs);font-weight:var(--weight-bold);background-color:var(--color-primary);color:#fff;padding:4px 14px;border-radius:var(--radius-full);display:inline-block;margin:var(--space-2) 0;letter-spacing:.5px;width:fit-content}.article-hero-title{font-family:var(--font-heading);font-size:var(--font-3xl);font-weight:var(--weight-bold);margin:0 0 var(--space-3) 0;line-height:1.25;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.article-hero-description{font-size:var(--font-lg);color:#ffffffe6;line-height:1.6;margin:0 0 var(--space-4) 0}.article-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);font-size:var(--font-sm);color:#cbd5e1}.meta-item{display:flex;align-items:center;gap:var(--space-2)}.article-hero-right{display:flex;justify-content:center;align-items:center}.article-featured-image-wrapper{width:100%;border-radius:var(--radius-base);overflow:hidden;box-shadow:var(--shadow-lg);border:4px solid var(--color-border)}.article-featured-image{width:100%;height:auto;max-height:380px;object-fit:cover;display:block}@media(max-width:992px){.article-hero-grid{grid-template-columns:1fr;gap:var(--space-6)}.article-featured-image{max-height:320px}}.article-main-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:var(--space-6);margin-top:var(--space-6)}.article-toc-column{position:sticky;top:90px;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto;border-radius:var(--radius-base);padding:var(--space-4);background-color:var(--color-bg-card);box-shadow:var(--shadow-sm);padding-right:var(--space-2)}.article-toc-column::-webkit-scrollbar{width:4px}.article-toc-column::-webkit-scrollbar-track{background:transparent}.article-toc-column::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.article-toc-sticky{position:relative}.toc-title{font-family:var(--font-heading);font-size:var(--font-md);font-weight:var(--weight-bold);letter-spacing:.5px;color:var(--color-primary);margin-bottom:var(--space-3);padding-bottom:8px;border-bottom:1px solid var(--color-border);text-align:center}.toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.toc-item a{display:block;font-size:var(--font-base);color:var(--color-text-muted);text-decoration:none;line-height:1.4;transition:all .2s ease;border-left:2px solid transparent;padding:6px 0 6px 10px}.toc-item a:hover{color:var(--color-primary);border-left-color:#2596be66}.toc-item.active a{color:var(--color-primary);font-weight:var(--weight-bold);border-left-color:var(--color-primary)}.article-content-card{padding:var(--space-4);background-color:var(--color-bg-card);border-radius:var(--radius-base)}.article-body{line-height:1.8;font-size:var(--font-base);color:var(--color-text)}.article-body h2{font-family:var(--font-heading);font-size:var(--font-xl);color:var(--color-primary);margin-top:var(--space-6);margin-bottom:var(--space-4);font-weight:700;letter-spacing:-.02em;padding:var(--space-2) 0 var(--space-2) var(--space-4);line-height:1.35;background:linear-gradient(90deg,#2595be1c,#fff0);border-radius:0 var(--radius-base) var(--radius-base) 0;transition:background-color .3s ease,border-left-color .3s ease;display:flex;align-items:center;gap:var(--space-2);scroll-margin-top:100px}.article-body h2:before{content:"";display:inline-block;width:20px;height:20px;fill:var(--color-primary);flex-shrink:0;background-color:var(--color-primary);mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z'/></svg>") no-repeat center / contain;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z'/></svg>") no-repeat center / contain}.article-body h2:hover{background:linear-gradient(90deg,#2596be14,#fff0)}.article-body h2:first-child{margin-top:0}.article-body h3{font-family:var(--font-heading);font-size:var(--font-md);font-weight:var(--weight-bold);margin-top:var(--space-4);margin-bottom:var(--space-2);color:var(--color-text);scroll-margin-top:100px}.article-body p{margin-top:0;margin-bottom:var(--space-2)}.article-body strong{font-weight:var(--weight-bold);color:var(--color-text)}.article-body ul,.article-body ol{margin-top:0;margin-bottom:var(--space-4);padding-left:var(--space-7)}.article-body li{font-family:var(--font-body);font-size:var(--font-base);line-height:1.6;color:var(--color-text);margin-bottom:var(--space-2);font-weight:var(--weight-medium)}.article-body li::marker{font-weight:var(--weight-bold)}.article-body table{width:100%;border-collapse:collapse;margin:var(--space-4) 0;font-size:var(--font-base);background-color:var(--color-bg-card);border-radius:var(--radius-base);overflow:hidden}.article-body th{background-color:#2596be14;color:var(--color-primary);font-weight:var(--weight-bold);text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-primary)}.article-body td{padding:var(--space-3);border-bottom:1px solid rgba(37,150,190,.15);color:var(--color-text)}.article-body tr:last-child td{border-bottom:none}.article-body tr:nth-child(2n){background-color:#0000000c}.related-articles-section{padding-top:var(--space-8)}.related-section-title{font-family:var(--font-heading);font-size:var(--font-2xl);font-weight:var(--weight-bold);color:var(--color-text);margin-bottom:var(--space-3);text-align:center;position:relative}.see-all-articles-link{display:flex;align-items:center;justify-content:center;gap:var(--space-1);color:var(--color-primary);font-weight:var(--weight-bold);font-size:var(--font-base);text-decoration:none;width:fit-content;margin:0 auto var(--space-6) auto;transition:all .25s ease}.see-all-articles-link:hover{color:var(--color-primary-hover)}.see-all-arrow{width:16px;height:16px;stroke:currentColor;transition:transform .25s ease}.see-all-articles-link:hover .see-all-arrow{transform:translate(4px)}.related-articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.related-article-card{background-color:var(--color-bg-card);border-radius:var(--radius-base);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.related-article-card:hover{box-shadow:var(--shadow-md)}.related-card-img-container{width:100%;height:160px;overflow:hidden;background-color:var(--color-bg)}.related-card-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.related-card-content{padding:var(--space-4);display:flex;flex-direction:column;flex-grow:1}.related-card-tag{font-size:var(--font-xs);font-weight:var(--weight-bold);color:var(--color-primary);text-transform:uppercase;margin-bottom:var(--space-2);letter-spacing:.5px}.related-card-title{font-family:var(--font-heading);font-size:var(--font-base);font-weight:var(--weight-bold);color:var(--color-text);margin:0 0 var(--space-2) 0;line-height:1.35;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.7em}.related-card-desc{font-size:var(--font-sm);color:var(--color-text-muted);line-height:1.4;margin:0 0 var(--space-4) 0;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.related-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border);padding-top:var(--space-3);margin-top:auto}.related-card-date{font-size:var(--font-xs);color:var(--color-text-muted)}.related-card-btn{display:inline-flex;align-items:center;color:var(--color-primary);font-size:var(--font-base);font-weight:var(--weight-bold);gap:var(--space-1)}.related-card-btn .cta-arrow{width:14px;height:14px;transition:transform .2s ease}.related-article-card:hover .related-card-btn .cta-arrow{transform:translate(4px)}@media(max-width:992px){.article-main-grid{grid-template-columns:minmax(0,1fr)}.article-toc-column{display:none}.related-articles-grid{grid-template-columns:repeat(2,1fr)}}.article-cta-content{flex-grow:1}.article-cta-title{font-family:var(--font-heading);font-size:var(--font-xl);font-weight:var(--weight-bold);color:var(--color-text);margin-top:0;margin-bottom:8px}.article-cta-description{font-size:var(--font-base);color:var(--color-text-muted);margin:0;line-height:1.5}.article-cta-action{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex-shrink:0;width:100%;max-width:250px}.article-cta-btn{display:flex;align-items:center;justify-content:center;width:100%;background-color:var(--color-primary);color:#fff;font-weight:var(--weight-bold);font-size:var(--font-base);padding:var(--space-3) 0;border-radius:var(--radius-full);text-decoration:none;transition:all .25s ease;box-shadow:var(--shadow-sm);gap:0}.article-cta-btn:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md)}.article-cta-arrow{width:0;height:20px;opacity:0;transform:translate(-8px);transition:width .25s,opacity .25s,transform .25s,margin-left .25s;margin-left:0;flex-shrink:0}.article-cta-btn:hover .article-cta-arrow{width:20px;opacity:1;transform:translate(0);margin-left:6px}.article-cta-note{font-size:var(--font-xs);color:var(--color-text-muted)}.faq-container{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4);margin-bottom:var(--space-6)}.faq-item{background-color:var(--color-bg);padding:0;border-radius:var(--radius-base);transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease;overflow:hidden}.faq-item:hover{box-shadow:var(--shadow-sm)}.faq-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;padding:var(--space-4);text-align:left;cursor:pointer;font-size:var(--font-base);font-weight:var(--weight-bold);color:var(--color-text);gap:var(--space-4);text-decoration:none!important}.faq-toggle:focus{outline:none}.faq-question{flex:1;letter-spacing:-.1px}.faq-icon{flex-shrink:0;color:var(--color-primary);transition:transform .3s cubic-bezier(.4,0,.2,1)}.faq-toggle[aria-expanded=true] .faq-icon{transform:rotate(180deg)}.faq-answer-wrapper{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.faq-answer-content{padding:0 var(--space-4) var(--space-4) var(--space-4)}.faq-answer{font-family:var(--font-body);font-size:var(--font-sm);color:var(--color-text-muted);line-height:1.6;margin:0}@media(max-width:768px){.article-detail-page{padding-bottom:var(--space-6)}.article-hero{margin:0 var(--space-3) var(--space-4) var(--space-3);border-radius:12px;background-attachment:scroll;padding-bottom:var(--space-4)}.article-breadcrumbs{padding-top:60px}.article-hero-content{padding:0 var(--space-4) var(--space-4) var(--space-4)}.article-hero-title{font-size:var(--font-2xl)}.article-hero-description{font-size:var(--font-base)}.article-featured-image{max-height:220px}.article-content-card{padding:0;background-color:var(--color-bg)}.article-body table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-cta-block{flex-direction:column;text-align:center;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-4)}.article-cta-action{max-width:100%}.article-cta-btn{min-width:0}.related-articles-section{padding-top:var(--space-6)}.related-section-title{font-size:var(--font-xl);margin-bottom:0}.related-articles-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.article-body h2{font-size:var(--font-lg)}.faq-item{background-color:var(--color-bg-card)}.article-body h3{font-size:var(--font-base)}}