.article-nav-hints{margin:16px 52px 0;display:flex;flex-direction:column;gap:10px}.article-nav-seq{display:flex;gap:10px}.article-nav-seq-link{flex:1;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#fafbfc;border:1px solid #eef1f6;color:inherit;text-decoration:none;min-width:0}.article-nav-seq-link:hover{background:#f2f5fa;border-color:#dce2ec}.article-nav-prev{text-align:left}.article-nav-next{text-align:right;justify-content:flex-end}.article-nav-seq-arrow{font-size:16px;color:#64748b;flex-shrink:0}.article-nav-seq-body{display:flex;flex-direction:column;gap:2px;min-width:0}.article-nav-seq-label{font-size:11px;color:#94a3b8;font-weight:700;letter-spacing:.3px}.article-nav-seq-title{font-size:13px;font-weight:700;color:#334155;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-nav-related{padding:12px 14px;border-radius:10px;background:#fafbfc;border:1px solid #eef1f6}.article-nav-related-title{display:block;font-size:11px;color:#94a3b8;font-weight:700;letter-spacing:.3px;margin-bottom:8px}.article-nav-related-list{display:flex;flex-wrap:wrap;gap:6px}.article-nav-related-item{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;background:#fff;border:1px solid #eef1f6;color:inherit;text-decoration:none;font-size:13px}.article-nav-related-item:hover{background:#f2f5fa;border-color:#dce2ec}.article-nav-related-label{font-weight:800;color:#64748b;flex-shrink:0}.article-nav-related-headline{color:#334155;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.article-nav-related-context{color:#94a3b8;font-size:12px}@media(max-width:720px){.article-nav-hints{margin-left:24px;margin-right:24px}.article-nav-seq{flex-direction:column}}.article-page{min-height:100vh;background:radial-gradient(circle at 18% 10%,rgba(19,104,255,.06),transparent 25%),linear-gradient(180deg,#f6f9fd,#eef3fa);padding:44px 24px 72px}.article-shell{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}.article-toc{position:sticky;top:92px;display:flex;flex-direction:column;gap:14px}.back-link{display:inline-flex;align-items:center;color:#1368ff;font-weight:900;font-size:14px}.toc-card,.toc-cta{background:#ffffffe0;border:1px solid rgba(226,232,240,.95);border-radius:20px;box-shadow:0 18px 50px #0f172a0f,inset 0 1px #ffffffe6;padding:18px}.toc-title{font-size:16px;font-weight:900;color:#0f172a;margin-bottom:12px}.toc-card ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.toc-card a{display:block;color:#64748b;font-size:13px;line-height:1.5;padding-left:10px;border-left:2px solid #e2e8f0}.toc-card a:hover{color:#1368ff;border-left-color:#1368ff}.toc-cta-title{font-size:17px;font-weight:900;color:#0f172a;margin-bottom:8px}.toc-cta p{margin:0 0 14px;color:#64748b;font-size:13px;line-height:1.7}.toc-cta a{display:grid;place-items:center;height:38px;border-radius:11px;background:#1368ff;color:#fff;font-weight:900}.article-card-detail{background:#fffffff0;border:1px solid rgba(226,232,240,.96);border-radius:28px;box-shadow:0 24px 80px #0f172a14,inset 0 1px #fffffff2;overflow:hidden}.article-header{padding:42px 52px 30px;background:radial-gradient(circle at 85% 0%,rgba(19,104,255,.09),transparent 28%),linear-gradient(180deg,#fff,#fbfdff);border-bottom:1px solid #eef2f7}.article-cover{margin:20px 0 0;border-radius:16px;overflow:hidden;border:1px solid rgba(226,232,240,.95)}.article-cover img{display:block;width:100%;height:auto;aspect-ratio:1200 / 630;object-fit:cover}.article-category{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:#eef5ff;color:#1368ff;border:1px solid #dceaff;font-size:13px;font-weight:900;margin-bottom:16px}.article-header h1{max-width:820px;margin:0;color:#0f172a;font-size:42px;line-height:1.18;letter-spacing:-1.1px}.article-desc{max-width:760px;margin:18px 0 0;color:#64748b;font-size:18px;line-height:1.75}.article-meta{margin-top:18px;display:flex;gap:16px;color:#94a3b8;font-size:14px}.article-content{padding:38px 52px 48px;max-width:880px;box-sizing:border-box}.article-content h1{display:none}.article-content h2{scroll-margin-top:96px;margin:46px 0 18px;color:#0f172a;font-size:30px;line-height:1.35;letter-spacing:-.4px;position:relative;padding-left:14px}.article-content h2:before{content:"";position:absolute;left:0;top:8px;width:5px;height:28px;border-radius:999px;background:#1368ff;box-shadow:0 0 18px #1368ff57}.article-content h3{margin:30px 0 14px;color:#102033;font-size:23px;line-height:1.45}.article-content p{color:#334155;font-size:17px;line-height:2.05;margin:14px 0}.article-content ul,.article-content ol{margin:16px 0 22px;padding-left:24px;color:#334155}.article-content li{font-size:17px;line-height:1.95;margin:4px 0}.article-content img{width:100%;max-width:100%;height:auto;display:block;border-radius:22px;box-shadow:0 20px 56px #0f172a21;border:1px solid rgba(226,232,240,.95);margin:34px auto 38px;object-fit:contain}.article-content strong{color:#0f172a;font-weight:900;background:linear-gradient(to top,rgba(19,104,255,.07),transparent 55%);padding:0 2px}.article-content blockquote{margin:28px 0;padding:20px 24px;border-radius:16px;background:#f0f7ff;border-left:4px solid #1368ff;color:#1e3a5f;font-size:16px;line-height:1.85}.article-content blockquote p{margin:0;color:inherit;font-size:inherit}.article-content .article-callout{margin:28px 0;padding:20px 24px;border-radius:16px;border:1px solid;font-size:16px;line-height:1.85;box-sizing:border-box}.article-content .article-callout p{margin:0;color:inherit;font-size:inherit}.article-content .article-callout strong{background:none;padding:0}.article-content .article-callout-blue{background:#f0f5ff;border-color:#1368ff26;border-left:4px solid #1368ff;color:#1e3a5f}.article-content .article-callout-yellow{background:#fffcf0;border-color:#d9770626;border-left:4px solid #d97706;color:#5c3d0c}.article-content .article-callout-green{background:#f0fdf4;border-color:#16a34a26;border-left:4px solid #16a34a;color:#14532d}.article-content .article-callout-red{background:#fef2f2;border-color:#dc26261f;border-left:4px solid #dc2626;color:#5c1010}.article-content p:first-of-type{font-size:18px;color:#1e293b;line-height:2.1}.article-content code{background:#eef5ff;color:#0f4fc7;padding:2px 6px;border-radius:7px;font-size:.92em}.article-content pre{overflow:auto;border-radius:18px;padding:20px;background:#06152f;color:#dbeafe;margin:24px 0}.article-content pre code{background:transparent;color:inherit;padding:0}.article-content hr{border:0;border-top:1px solid #e2e8f0;margin:42px 0}.auto-article-image{width:100%;max-width:100%;margin:34px auto 38px;padding:0;box-sizing:border-box}.auto-article-image img{display:block;width:100%;max-width:100%;height:auto;border-radius:22px;box-shadow:0 20px 56px #0f172a21;border:1px solid rgba(226,232,240,.95);box-sizing:border-box}.auto-article-image figcaption{margin-top:10px;text-align:center;color:#8b95a5;font-size:13px;line-height:1.6}.article-bottom-cta{margin:4px 52px 0;padding:28px;border-radius:24px;background:radial-gradient(circle at 88% 0%,rgba(19,104,255,.16),transparent 30%),linear-gradient(135deg,#06152f,#0b3473);color:#fff;display:grid;grid-template-columns:1fr 180px;gap:24px;align-items:center}.article-bottom-cta h2{margin:0 0 10px;font-size:26px;line-height:1.35}.article-bottom-cta p{margin:0;color:#ffffffbf;line-height:1.8}.article-bottom-cta a{height:46px;border-radius:13px;background:#fff;color:#1368ff;display:grid;place-items:center;font-weight:900}.article-disclaimer{margin:22px 52px 44px;padding:16px 18px;border-radius:16px;background:#f8fafc;color:#64748b;font-size:13px;line-height:1.8;border:1px solid #e2e8f0}.article-pagefind-meta{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.article-pagefind-meta span{display:block}.learning-path-stats{margin-top:16px;display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:#1368ff14;border:1px solid rgba(19,104,255,.18);color:#1e3a5f;font-size:13px;line-height:1.5}.learning-path-stats-tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:#1368ff;color:#fff;font-size:11px;font-weight:900;letter-spacing:.4px}.learning-path-stats-text{color:#1e3a5f}.learning-path-stats-text strong{color:#1368ff;font-weight:900;margin:0 2px}.related-articles{margin:30px 52px 0;padding:26px 28px;border-radius:22px;background:radial-gradient(circle at 92% 0%,rgba(19,104,255,.06),transparent 28%),linear-gradient(180deg,#fff,#fbfdff);border:1px solid rgba(226,232,240,.95);box-shadow:0 16px 44px #0f172a0f,inset 0 1px #fffffff2}.related-articles-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.related-articles-title{font-size:18px;font-weight:900;color:#0f172a;letter-spacing:-.2px;position:relative;padding-left:12px}.related-articles-title:before{content:"";position:absolute;left:0;top:4px;width:4px;height:18px;border-radius:999px;background:#1368ff}.related-articles-hint{font-size:12px;color:#64748b;font-weight:700}.related-articles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.related-article-card{display:block;padding:14px 16px;border-radius:14px;background:#f7faff;border:1px solid #e2ecfb;color:inherit;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.related-article-card:hover{transform:translateY(-1px);border-color:#1368ff52;background:#eef5ff;box-shadow:0 12px 28px #1368ff1a}.related-article-topic{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:#fff;color:#1368ff;border:1px solid #cfe0ff;font-size:11px;font-weight:900;letter-spacing:.2px;margin-bottom:8px}.related-article-title{font-size:15px;font-weight:800;color:#0f172a;line-height:1.45;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-article-desc{margin:0;color:#64748b;font-size:13px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.next-up{margin:18px 52px 0;padding:0}.next-up-label{font-size:12px;color:#94a3b8;font-weight:800;letter-spacing:.4px;margin-bottom:10px}.next-up-card{display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:18px;background:linear-gradient(135deg,#06152f,#0b3473);color:#fff;text-decoration:none;box-shadow:0 18px 48px #06152f38;transition:transform .15s ease,box-shadow .15s ease}.next-up-card:hover{transform:translateY(-1px);box-shadow:0 22px 60px #06152f4d}.next-up-side{flex:1;min-width:0}.next-up-topic{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:#ffffff29;color:#dbeafe;border:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:900;letter-spacing:.2px;margin-bottom:8px}.next-up-title{font-size:17px;font-weight:900;line-height:1.45;color:#fff;margin-bottom:6px}.next-up-desc{margin:0;color:#ffffffc7;font-size:13px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.next-up-arrow{font-size:22px;color:#fff;flex-shrink:0}.back-to-path{margin:18px 52px 0;padding:0}.back-to-path-card{display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:18px;background:linear-gradient(135deg,#eef5ff,#f0f7ff);border:1px solid #cfe0ff;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.back-to-path-card:hover{transform:translateY(-1px);border-color:#93c5fd;box-shadow:0 18px 44px #1368ff2e}.back-to-path-side{flex:1;min-width:0}.back-to-path-hint{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:#1368ff;color:#fff;font-size:11px;font-weight:900;letter-spacing:.2px;margin-bottom:8px}.back-to-path-title{font-size:17px;font-weight:900;line-height:1.45;color:#0f172a;margin-bottom:6px}.back-to-path-desc{margin:0;color:#475569;font-size:13px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.back-to-path-arrow{font-size:22px;color:#1368ff;flex-shrink:0}@media(max-width:1080px){.article-shell{grid-template-columns:1fr}.article-toc{position:static;order:2}.article-card-detail{order:1}.toc-card{display:none}}@media(max-width:720px){.article-page{padding:24px 14px 56px}.article-header{padding:30px 24px 24px}.article-header h1{font-size:31px}.article-desc{font-size:16px}.article-content{padding:28px 24px 34px;max-width:100%}.article-content h2{font-size:25px}.article-content p,.article-content li{font-size:16px;line-height:1.95}.article-bottom-cta{margin:0 24px;grid-template-columns:1fr}.article-disclaimer{margin:18px 24px 34px}.related-articles,.next-up,.back-to-path{margin-left:24px;margin-right:24px}.related-articles-grid{grid-template-columns:1fr}.auto-article-image{margin:26px auto 30px}.auto-article-image img{border-radius:16px}}