.article-browser{margin-top:64px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:-32px auto 48px;position:relative;z-index:10}.article-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:24px;text-decoration:none;transition:all .2s ease;display:flex;flex-direction:column}.article-card:hover{border-color:#94a3b8;box-shadow:0 4px 16px rgba(0,0,0,8%);transform:translateY(-2px)}.article-card-top{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.article-tag{display:inline-block;font-family:inter,sans-serif;font-size:11px;font-weight:600;color:#0b3d91;background:#dbeafe;padding:3px 8px;border-radius:4px;text-transform:capitalize}.article-card h3{font-family:inter,sans-serif;font-size:16px;font-weight:700;color:#0f172a;margin:0 0 8px;line-height:1.4;text-align:left}.article-card p{font-family:inter,sans-serif;font-size:13px;color:#64748b;line-height:1.5;margin:0 0 auto}.article-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;border-top:1px solid #f1f5f9}.article-date{font-family:inter,sans-serif;font-size:12px;color:#94a3b8;font-weight:500}.article-arrow{color:#94a3b8;font-size:18px;transition:transform .2s}.article-card:hover .article-arrow{transform:translateX(3px);color:#0ea5e9}.article-detail{margin-top:64px}.article-detail-hero{background:linear-gradient(135deg,#0B3D91,#0E4DA4);padding:36px 24px 28px}.article-detail-hero-content{max-width:1200px;margin:0 auto}.article-detail-hero h1{font-family:inter,sans-serif;font-size:34px;font-weight:800;color:#fff;margin:0 0 14px;text-align:left}.article-meta{display:flex;gap:12px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.article-date-badge{font-family:inter,sans-serif;font-size:13px;font-weight:500;color:rgba(255,255,255,.8)}.article-updated{font-family:inter,sans-serif;font-size:12px;font-weight:500;color:rgba(255,255,255,.55)}.article-tags{display:flex;gap:6px;flex-wrap:wrap}.article-detail .article-tags .article-tag{background:rgba(255,255,255,.15);color:rgba(255,255,255,.9)}.article-detail-container{max-width:1200px;margin:0 auto;padding:40px 24px;display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}.article-detail-main{min-width:0}.quick-answer-box{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #bfdbfe;border-left:4px solid #0ea5e9;border-radius:10px;padding:20px 24px;margin-bottom:32px}.quick-answer-content{}.quick-answer-title{font-family:inter,sans-serif;font-size:15px;font-weight:700;color:#0b3d91;margin:0 0 8px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.quick-answer-title svg{color:#0ea5e9;flex-shrink:0}.quick-answer-box p{font-family:inter,sans-serif;font-size:15px;line-height:1.7;color:#334155;margin:0}.article-content h2{font-family:inter,sans-serif;font-size:24px;font-weight:700;color:#0f172a;margin:40px 0 16px;padding-top:16px}.article-content h2:first-child{margin-top:0;padding-top:0}.article-content h3{font-family:inter,sans-serif;font-size:19px;font-weight:700;color:#0f172a;margin:28px 0 12px}.article-content h4{font-family:inter,sans-serif;font-size:16px;font-weight:700;color:#0f172a;margin:20px 0 8px}.article-content p{font-family:inter,sans-serif;font-size:16px;line-height:1.7;color:#334155;margin:0 0 16px}.article-content strong{color:#0f172a}.article-content a{color:#0b3d91;text-decoration:underline;text-decoration-color:#bfdbfe;text-underline-offset:2px;transition:text-decoration-color .15s}.article-content a:hover{text-decoration-color:#0b3d91}.article-content ol{padding-left:24px;margin:0 0 20px}.article-content ol li{font-family:inter,sans-serif;font-size:16px;line-height:1.7;color:#334155;margin-bottom:10px;padding-left:4px}.article-content ul{padding-left:20px;margin:0 0 20px;list-style-type:disc}.article-content ul li{font-family:inter,sans-serif;font-size:16px;line-height:1.7;color:#334155;margin-bottom:6px}.article-content table{width:100%;border-collapse:collapse;margin:20px 0 28px;font-family:inter,sans-serif;font-size:14px}.article-content table thead th{background:#0b3d91;color:#fff;font-weight:600;padding:10px 14px;text-align:left;font-size:13px;letter-spacing:.3px}.article-content table thead th:first-child{border-radius:8px 0 0 0}.article-content table thead th:last-child{border-radius:0 8px 0 0}.article-content table tbody td{padding:10px 14px;border-bottom:1px solid #e2e8f0;color:#334155}.article-content table tbody tr:nth-child(even){background:#f8fafc}.article-content table tbody tr:hover{background:#eff6ff}.article-content table a{color:#0b3d91;font-weight:600}.article-content hr{border:none;border-top:1px solid #e2e8f0;margin:32px 0}.article-content blockquote{border-left:4px solid #0ea5e9;background:#f8fafc;padding:16px 20px;margin:20px 0;border-radius:0 8px 8px 0}.article-content blockquote p{font-style:italic;color:#475569;margin:0}.article-sidebar{position:sticky;top:84px;display:flex;flex-direction:column;gap:20px}.article-sidebar .toc{font-family:inter,sans-serif;font-size:13px}.article-sidebar .toc ul{list-style:none;padding:0;margin:0}.article-sidebar .toc li{margin:0}.article-sidebar .toc a{display:block;padding:6px 0;color:#475569;text-decoration:none;border-left:2px solid transparent;padding-left:12px;transition:all .15s;line-height:1.4}.article-sidebar .toc a:hover{color:#0b3d91;border-left-color:#0ea5e9}.article-sidebar .toc ul ul{padding-left:12px}.article-sidebar .toc ul ul a{font-size:12px;color:#94a3b8}.knot-link{display:inline-block;text-decoration:none;background:#dbeafe;color:#1e40af;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;transition:background .15s}.knot-link:hover{background:#bfdbfe}@media(max-width:1024px){.article-grid{grid-template-columns:repeat(2,1fr)}.article-detail-container{grid-template-columns:1fr 280px;gap:24px}}@media(max-width:768px){.article-grid{grid-template-columns:1fr;margin:-20px 16px 32px}.article-detail-hero{padding:28px 16px 24px}.article-detail-hero h1{font-size:26px}.article-detail-container{grid-template-columns:1fr;padding:24px 16px}.article-sidebar{position:static}.quick-answer-box{padding:16px 18px}}