.article-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:clamp(48px,8vw,80px) 0 clamp(32px,5vw,48px)}.article-header .container{max-width:720px;margin:0 auto;padding:0 clamp(16px,3vw,24px)}.article-back{color:#475569;align-items:center;gap:8px;margin-bottom:clamp(20px,4vw,32px);font-size:clamp(13px,1.5vw,14px);font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.article-back:hover,.article-back:focus{color:#1e40af;outline:none}.article-back:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #1e40af}.article-meta-row{flex-wrap:wrap;align-items:center;gap:clamp(12px,2vw,16px);margin-bottom:clamp(16px,3vw,24px);display:flex}.article-category{color:#fff;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;background:#1e40af;border-radius:6px;padding:6px 14px;font-weight:600;display:inline-block}.article-date{color:#475569;font-size:var(--text-sm)}.article-header h1{color:#0f172a;letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(28px,5vw,40px);font-weight:700;line-height:1.2}.article-subtitle{color:#475569;margin:0 0 clamp(16px,3vw,24px);font-size:clamp(15px,2vw,18px);line-height:1.6}.article-author-row{border-top:1px solid #e2e8f0;align-items:center;gap:24px;padding-top:24px;display:flex}.article-author{font-size:var(--text-sm);color:#334155;align-items:center;gap:8px;font-weight:500;display:flex}.article-author svg{color:#64748b}.article-read-time{font-size:var(--text-sm);color:#475569;align-items:center;gap:8px;display:flex}.article-read-time svg{color:#64748b}.article-image{max-width:900px;margin:0 auto;padding:clamp(32px,5vw,48px) clamp(16px,3vw,24px) 0}.article-image img{aspect-ratio:16/9;object-fit:cover;border-radius:12px;width:100%;height:auto;display:block}.article-image figcaption{font-size:var(--text-sm);color:#64748b;text-align:center;margin-top:12px}.article-content{padding:clamp(32px,5vw,48px) clamp(16px,3vw,24px) clamp(48px,8vw,80px)}.article-content .container{max-width:720px;margin:0 auto}.article-body{max-width:100%}.article-body p{color:#334155;margin:0 0 clamp(16px,3vw,24px);font-size:clamp(15px,2vw,17px);line-height:1.75}.article-lead{color:#1e293b;border-bottom:1px solid #e2e8f0;margin:0 0 clamp(24px,4vw,32px);padding:0 0 clamp(24px,4vw,32px);font-size:clamp(16px,2.2vw,19px);line-height:1.7}.article-body h2{color:#0f172a;margin:clamp(32px,5vw,48px) 0 clamp(12px,2vw,16px);font-size:clamp(20px,3vw,24px);font-weight:700;line-height:1.3}.article-body h3{color:#1e293b;margin:clamp(24px,4vw,32px) 0 clamp(10px,1.5vw,12px);font-size:clamp(17px,2.5vw,20px);font-weight:600;line-height:1.4}.article-body ul{margin:clamp(16px,3vw,24px) 0;padding:0;list-style:none}.article-body ul li{color:#334155;margin-bottom:clamp(12px,2vw,16px);padding-left:clamp(20px,3vw,24px);font-size:clamp(15px,2vw,17px);line-height:1.7;position:relative}.article-body ul li:before{content:"";background:#1e40af;border-radius:50%;width:6px;height:6px;position:absolute;top:11px;left:0}.article-body ul li strong{color:#0f172a;font-weight:600}.article-footer{border-top:1px solid #e2e8f0;margin-top:48px;padding-top:32px}.article-tags{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.article-tag{font-size:var(--text-sm);color:#475569;background:#f1f5f9;border-radius:6px;padding:8px 14px;font-weight:500}.related-articles{border-top:1px solid #e2e8f0;margin-top:clamp(40px,6vw,64px);padding-top:clamp(32px,5vw,48px)}.related-articles h2{color:#0f172a;margin:0 0 clamp(20px,4vw,32px);font-size:clamp(20px,3vw,24px);font-weight:700}.related-grid{grid-template-columns:repeat(2,1fr);gap:clamp(16px,3vw,24px);display:grid}.related-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;text-decoration:none;transition:all .2s;display:block;overflow:hidden}.related-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.related-card:hover h3{color:#1e40af}.related-card img{object-fit:cover;width:100%;height:160px}.related-content{padding:20px}.related-category{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;color:#1e40af;margin-bottom:8px;font-weight:600;display:inline-block}.related-card h3{font-size:var(--text-base);color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-weight:600;line-height:1.4;transition:color .15s;display:-webkit-box;overflow:hidden}.related-link{font-size:var(--text-sm);color:#1e40af;align-items:center;gap:6px;font-weight:500;display:inline-flex}.article-cta{text-align:center;color:var(--color-white);background-color:#0f172a;border:1px solid #ffffff0f;border-radius:16px;margin-top:clamp(32px,5vw,48px);padding:clamp(28px,4vw,40px) clamp(20px,4vw,32px)}.article-cta h3{color:var(--color-white);margin:0 0 8px;font-size:clamp(18px,2.5vw,22px);font-weight:700}.article-cta p{color:var(--color-gray-300);margin:0 0 clamp(16px,3vw,24px);font-size:clamp(14px,2vw,16px);line-height:1.5}.article-cta .btn{justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.article-cta-sub{color:var(--color-gray-300);margin-bottom:18px}.article-cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}@media (max-width:768px){.article-author-row{flex-direction:column;align-items:flex-start;gap:12px}.article-image img{border-radius:8px}.related-grid{grid-template-columns:1fr}.related-card img{height:140px}.related-content{padding:16px}}