.article-breadcrumb-wrap{background:#f8f9fb;border-bottom:1px solid #e8ecf0}.article-breadcrumb{padding:14px 0;font-size:13px;color:#89a}.article-breadcrumb a{color:#57a;text-decoration:none;transition:color .15s}.article-breadcrumb a:hover{color:#00a8e8}.article-breadcrumb span{color:#bcc8d4;margin:0 4px}.article-header{padding:56px 0 40px;border-bottom:1px solid #ecf0f4;margin-bottom:0;text-align:center}.article-header .cat-badge{display:inline-block;background:linear-gradient(135deg,#e6f4ff,#d0ecff);color:#07c;padding:5px 16px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;margin-bottom:20px}.article-header h1{font-family:Rajdhani,sans-serif;font-size:42px;font-weight:700;line-height:1.15;color:#0a1628;margin:0 auto 16px;max-width:760px;letter-spacing:-.01em}.article-header .article-meta{font-size:14px;color:#89a;display:flex;gap:16px;align-items:center;justify-content:center}.article-header .article-meta time{color:#789}.article-body{padding:48px 0 60px;max-width:700px;margin:0 auto;font-size:17px;line-height:1.88;color:#3a4555}.article-body h2{font-family:Rajdhani,sans-serif;font-size:28px;font-weight:700;color:#0a1628;margin:52px 0 18px;padding-left:18px;position:relative}.article-body h2:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;background:#00a8e8;border-radius:2px}.article-body h2:first-child{margin-top:0}.article-body h3{font-family:Rajdhani,sans-serif;font-size:21px;font-weight:600;color:#1a2840;margin:36px 0 14px}.article-body p{margin-bottom:22px}.article-body strong{color:#0a1628;font-weight:650}.article-body a{color:#00a8e8;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#00a8e84d}.article-body a:hover{text-decoration-color:#00a8e8}.article-body ul,.article-body ol{margin:0 0 22px 24px;padding:0}.article-body ul{list-style:none}.article-body ul li{position:relative;padding-left:18px;margin-bottom:10px}.article-body ul li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:#00a8e8;border-radius:50%}.article-body ol li{margin-bottom:10px}.article-body blockquote{margin:28px 0;padding:18px 24px;border-left:4px solid #00a8e8;background:#f4f7fa;border-radius:0 6px 6px 0;color:#4a5568;font-style:italic}.article-body blockquote p{margin-bottom:0}.article-body code{background:#eef1f5;padding:2px 7px;border-radius:4px;font-size:.88em;color:#c7254e;font-family:SF Mono,Fira Code,Fira Mono,monospace}.article-body pre{background:#0a1628;color:#c8d6e5;padding:20px 24px;border-radius:8px;overflow-x:auto;margin-bottom:24px;font-size:14px;line-height:1.6}.article-body pre code{background:none;padding:0;color:inherit;font-size:inherit}.article-body table{width:100%;margin:28px 0;border-collapse:separate;border-spacing:0;font-size:14px;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.article-body thead th{background:#f0f4f8;padding:12px 16px;text-align:left;font-weight:700;color:#0a1628;font-size:13px;text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid #dce4ec}.article-body tbody td{padding:12px 16px;border-bottom:1px solid #edf0f4;color:#3a4555}.article-body tbody tr:last-child td{border-bottom:none}.article-body tbody tr:nth-child(2n) td{background:#fafbfc}.article-body img{max-width:100%;border-radius:8px;margin:24px 0}.article-body hr{border:none;border-top:1px solid #e4eaf0;margin:40px 0}.article-footer{padding:0 0 40px;border-bottom:1px solid #ecf0f4;background:transparent}.back-link{display:inline-flex;align-items:center;gap:6px;color:#6b7a8f;text-decoration:none;font-size:14px;transition:color .15s}.back-link:hover{color:#00a8e8}.related-section{padding:60px 0;background:#f8f9fb;border-top:1px solid #ecf0f4}.related-section h2{font-family:Rajdhani,sans-serif;font-size:26px;font-weight:700;color:#0a1628;margin:0 0 36px;text-align:center}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:900px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.article-header{padding:40px 0 32px}.article-header h1{font-size:28px}.article-body{padding:32px 0 48px;font-size:16px}.article-body h2{font-size:23px}.article-body h3{font-size:18px}}@media(max-width:600px){.related-grid{grid-template-columns:1fr}}