.article-hero{background:#fff;padding:6.5rem 0 2rem;position:relative;border-bottom:1px solid #e5e7eb}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.article-breadcrumbs{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.breadcrumb-link{display:inline-flex;align-items:center;gap:.375rem;color:#6b7280;text-decoration:none;font-size:.875rem;transition:color .2s}.breadcrumb-link svg{width:16px;height:16px}.breadcrumb-link:hover{color:#3b82f6}.breadcrumb-separator{width:16px;height:16px;color:#d1d5db}.breadcrumb-current{color:#9ca3af;font-size:.875rem}.article-hero h1{font-size:2.25rem;font-weight:800;color:#111827;line-height:1.2;margin-bottom:.75rem}.article-date{display:inline-flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.875rem}.article-date svg{width:18px;height:18px}.article-content-page{padding:4rem 0}.article-body{font-size:1.0625rem;line-height:1.85;color:#374151}.article-body>*+*{margin-top:1.75rem}.article-section{padding:2.5rem 0;border-bottom:1px solid #f3f4f6}.article-section:last-child{border-bottom:none}.article-body h2{font-size:1.875rem;font-weight:800;color:#111827;margin-top:0;margin-bottom:1.75rem;line-height:1.3;scroll-margin-top:6rem;position:relative;padding-bottom:1rem}.article-body h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px}.article-body h2:first-child{margin-top:0}.article-body h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin-top:2rem;margin-bottom:1.25rem;scroll-margin-top:6rem}.article-body p{margin-bottom:1.5rem}.article-body p:last-child{margin-bottom:0}.article-body ul,.article-body ol{margin-bottom:1.5rem;padding-left:1.75rem}.article-body li{margin-bottom:.75rem}.article-body li::marker{color:#3b82f6}.article-body a,.article-body strong a{color:#2563eb!important;text-decoration:none;font-weight:600;border-bottom:2px solid rgba(37,99,235,.4);transition:all .2s ease}.article-body a:hover,.article-body strong a:hover{color:#1d4ed8!important;border-bottom-color:#1d4ed8}.article-body strong{font-weight:700;color:#111827}.article-highlight{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid #3b82f6;padding:2rem;border-radius:0 12px 12px 0;margin:2.5rem 0;box-shadow:0 2px 8px #3b82f614}.article-highlight p{margin-bottom:0;font-size:1rem;color:#1e40af;line-height:1.8}.article-highlight h3{margin-top:0;color:#1e3a8a}.article-highlight a,.article-highlight strong a{color:#1e3a8a!important;border-bottom-color:#1e3a8a80}.article-highlight a:hover,.article-highlight strong a:hover{color:#1e40af!important;border-bottom-color:#1e40af}.article-tip{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid #22c55e;padding:2rem;border-radius:0 12px 12px 0;margin:2.5rem 0;box-shadow:0 2px 8px #22c55e14}.article-tip p,.article-tip ol,.article-tip ul{margin-bottom:1rem}.article-tip p:last-child,.article-tip ol:last-child,.article-tip ul:last-child{margin-bottom:0}.article-tip h3{margin-top:0;color:#166534}.article-tip a,.article-tip strong a{color:#166534!important;border-bottom-color:#16653480}.article-tip a:hover,.article-tip strong a:hover{color:#15803d!important;border-bottom-color:#15803d}.article-image{margin:2.5rem auto;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000001a;max-width:700px;display:block}.article-image img{width:100%;height:auto;display:block;border-radius:12px}.article-body figure{margin:2.5rem auto;max-width:700px}.article-body figure figcaption{text-align:center;font-size:.875rem;color:#6b7280;margin-top:.75rem;font-style:italic}.article-cta{padding:4rem 0}.cta-box{background:#fff;border-radius:20px;padding:3rem 4rem;box-shadow:0 4px 20px #0000000f;border:1px solid #e5e7eb}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:.75rem;letter-spacing:-.02em}.cta-description{font-size:1rem;color:#6b7280;margin-bottom:2rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s;cursor:pointer;border:none;font-size:1rem}.btn-lg{padding:1rem 2rem;font-size:1.05rem}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 12px 24px #3b82f666}.btn svg{width:20px;height:20px}html.dark-theme .article-hero{background:#111827;border-bottom-color:#1f2937}html.dark-theme .breadcrumb-link{color:#9ca3af}html.dark-theme .breadcrumb-link:hover{color:#60a5fa}html.dark-theme .breadcrumb-separator{color:#374151}html.dark-theme .breadcrumb-current{color:#6b7280}html.dark-theme .article-hero h1{color:#f9fafb}html.dark-theme .article-date{color:#6b7280}html.dark-theme .article-body{color:#d1d5db}html.dark-theme .article-body h2{color:#f9fafb}html.dark-theme .article-body h2:after{background:linear-gradient(90deg,#60a5fa,#a78bfa)}html.dark-theme .article-body h3{color:#e5e7eb}html.dark-theme .article-body strong{color:#f9fafb}html.dark-theme .article-body a,html.dark-theme .article-body strong a{color:#60a5fa!important;border-bottom-color:#60a5fa80}html.dark-theme .article-body a:hover,html.dark-theme .article-body strong a:hover{color:#93c5fd!important;border-bottom-color:#93c5fd}html.dark-theme .article-body li::marker{color:#60a5fa}html.dark-theme .article-highlight{background:linear-gradient(135deg,#1e3a8a,#1e40af)}html.dark-theme .article-highlight p{color:#bfdbfe}html.dark-theme .article-highlight h3{color:#93c5fd}html.dark-theme .article-highlight a,html.dark-theme .article-highlight strong a{color:#93c5fd!important;border-bottom-color:#93c5fd80}html.dark-theme .article-highlight a:hover,html.dark-theme .article-highlight strong a:hover{color:#bfdbfe!important;border-bottom-color:#bfdbfe}html.dark-theme .article-tip a,html.dark-theme .article-tip strong a{color:#86efac!important;border-bottom-color:#86efac66}html.dark-theme .article-tip a:hover,html.dark-theme .article-tip strong a:hover{color:#bbf7d0!important;border-bottom-color:#bbf7d0}html.dark-theme .article-tip{background:linear-gradient(135deg,#064e3b,#065f46)}html.dark-theme .article-tip p,html.dark-theme .article-tip ol,html.dark-theme .article-tip ul{color:#bbf7d0}html.dark-theme .article-tip h3{color:#86efac}html.dark-theme .article-body figure figcaption{color:#9ca3af}html.dark-theme .article-cta{background:transparent}html.dark-theme .cta-box{background:#1e293b;border-color:#334155}html.dark-theme .cta-title{color:#f1f5f9}html.dark-theme .cta-description{color:#94a3b8}html.dark-theme .article-section{border-bottom-color:#1f2937}@media(max-width:768px){.article-hero{padding:5.5rem 0 1.5rem}.article-hero h1{font-size:1.75rem}.container{padding:0 1rem}.article-content-page{padding:2rem 0}.article-body{font-size:1rem}.article-section{padding:1.75rem 0}.article-body h2{font-size:1.5rem}.article-body h3{font-size:1.25rem}.article-highlight,.article-tip{padding:1.25rem;margin:1.75rem 0}.article-image{margin:2rem auto;max-width:100%}.article-body figure{margin:2rem auto;max-width:100%}.article-cta{padding:2rem 0}.cta-box{padding:2rem 1.5rem}.cta-title{font-size:1.375rem}}