.reading-progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--brand-cyan),#00c2d1,#008fa0);z-index:9999;width:0%;transition:width .1s ease-out}.article-canvas{background:var(--bg);padding-bottom:96px}.breadcrumbs-wrap{padding-top:32px;padding-bottom:16px;max-width:1240px}.breadcrumbs-list{display:flex;align-items:center;gap:8px;list-style:none;font-size:13px;color:var(--muted);flex-wrap:wrap}.breadcrumbs-list a{color:var(--muted);text-decoration:none;transition:color .2s ease}.breadcrumbs-list a:hover{color:var(--brand-deep);text-decoration:underline}.breadcrumbs-list .separator{color:var(--border)}.breadcrumbs-list .current{color:var(--brand-deep);font-weight:700}.article-layout-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:56px;padding-top:16px}@media(min-width:1024px){.article-layout-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start}}.article-main-column{min-width:0;max-width:820px}.article-header{margin-bottom:40px;border-bottom:1px solid var(--border-subtle);padding-bottom:32px}.article-badges{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.category-pill{background:var(--cyan-soft);color:#007791;border:1px solid rgba(0,194,209,.2);font-size:12px;font-weight:700;padding:4px 12px;border-radius:6px}.read-badge{font-size:13px;color:var(--muted);font-weight:500}.article-title{font-family:var(--font-heading);font-size:clamp(28px,4.2vw,44px);font-weight:800;line-height:1.15;letter-spacing:-.03em;color:var(--brand-deep);margin-bottom:18px}.article-lead{font-size:clamp(16px,2.2vw,19px);line-height:1.65;color:var(--muted);margin-bottom:28px}.article-meta-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:20px;border-top:1px solid var(--border-subtle)}.author-block{display:flex;align-items:center;gap:12px}.author-avatar{width:44px;height:44px;border-radius:50%;background:var(--brand-deep);color:#fff;font-weight:800;display:grid;place-items:center;font-size:18px}.author-details{display:flex;flex-direction:column}.author-name{font-size:14px;font-weight:800;color:var(--fg);display:flex;align-items:center;gap:4px}.verified-check{color:var(--brand-cyan);font-size:12px;font-weight:900}.author-time{font-size:12px;color:var(--muted)}.share-tools{display:flex;align-items:center;gap:8px}.share-label{font-size:12px;font-weight:700;color:var(--muted)}.share-btn{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:#fff;text-decoration:none;cursor:pointer;border:none;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s ease,background .2s ease}.share-btn:hover{transform:translateY(-2px);opacity:.95}.share-btn.wa{background:#25d366}.share-btn.li{background:#0a66c2}.share-btn.copy{background:var(--surface);border:1px solid var(--border);color:var(--brand-deep)}.share-btn.copy:hover{border-color:var(--brand-cyan);color:var(--brand-cyan-text)}.prose-wrapper{margin-bottom:56px}.prose{font-family:var(--font-body);font-size:1.1rem;line-height:1.8;color:#1e293b}.prose>*+*{margin-top:1.4rem}.prose h2{font-family:var(--font-heading);font-size:clamp(22px,2.8vw,28px);font-weight:800;line-height:1.25;letter-spacing:-.025em;color:var(--brand-deep);margin-top:3rem;margin-bottom:1rem;padding-bottom:8px;border-bottom:1px solid var(--border-subtle);scroll-margin-top:88px}.prose h3{font-family:var(--font-heading);font-size:20px;font-weight:800;line-height:1.3;color:var(--brand-deep);margin-top:2.2rem;margin-bottom:.75rem;scroll-margin-top:88px}.prose p{margin-bottom:1.4rem}.prose strong{color:#0f172a;font-weight:700}.prose a{color:#007791;text-decoration:underline;text-underline-offset:3px;font-weight:600;transition:color .2s ease}.prose a:hover{color:var(--brand-cyan)}.prose blockquote{background:linear-gradient(135deg,#00c2d10f,#0b1b3d08);border-left:4px solid var(--brand-cyan);border-radius:12px;padding:24px 28px;margin:2rem 0;font-style:normal;color:#1e293b;box-shadow:inset 0 1px #fffc,var(--shadow-sm)}.prose blockquote strong{color:var(--brand-deep)}.prose blockquote ul{margin-top:12px;margin-bottom:0;padding-left:20px}.prose blockquote li{margin-bottom:8px;line-height:1.6}.prose ul,.prose ol{margin:1.4rem 0;padding-left:24px}.prose li{margin-bottom:8px;padding-left:4px}.prose table{width:100%;border-collapse:separate;border-spacing:0;margin:2rem 0;border-radius:12px;overflow:hidden;border:1px solid var(--border);font-size:14px;line-height:1.5}.prose th{background:var(--brand-deep);color:#fff;font-weight:700;text-align:left;padding:14px 16px;letter-spacing:.02em}.prose td{padding:12px 16px;border-top:1px solid var(--border-subtle);color:#334155}.prose tr:nth-child(2n) td{background:#0f172a05}.prose pre{background:#0b132b;color:#e2e8f0;font-family:var(--font-mono);font-size:13px;line-height:1.6;padding:20px;border-radius:12px;overflow-x:auto;margin:2rem 0;border:1px solid rgba(255,255,255,.1)}.prose code:not(pre code){font-family:var(--font-mono);font-size:.88em;background:#00c2d114;color:#007791;padding:2px 6px;border-radius:4px;border:1px solid rgba(0,194,209,.15)}.article-cta-box{background:linear-gradient(135deg,#0b1b3d,#08214d);border-radius:18px;padding:32px;color:#fff;display:flex;align-items:center;gap:24px;box-shadow:var(--shadow-lg);margin:48px 0}.cta-box-icon{font-size:36px;background:#00c2d126;width:64px;height:64px;border-radius:16px;display:grid;place-items:center;flex-shrink:0}.cta-box-text h3{font-family:var(--font-heading);font-size:19px;font-weight:800;margin-bottom:6px;color:#fff}.cta-box-text p{font-size:14px;color:#c8cfd4;line-height:1.5}.cta-box-btn{background:var(--brand-cyan);color:var(--brand-deep);padding:12px 22px;border-radius:10px;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:transform .2s ease,background .2s ease}.cta-box-btn:hover{background:#26d0de;transform:translateY(-2px)}.author-bio-card{display:flex;gap:20px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;margin-bottom:48px;box-shadow:var(--shadow-sm),var(--specular-light)}.bio-avatar{width:52px;height:52px;border-radius:50%;background:var(--brand-deep);color:#fff;font-size:22px;font-weight:800;display:grid;place-items:center;flex-shrink:0}.bio-content h4{font-family:var(--font-heading);font-size:16px;font-weight:800;margin-bottom:6px;color:var(--fg)}.bio-content p{font-size:14px;color:var(--muted);line-height:1.6}.related-section{margin-bottom:48px}.related-title{font-family:var(--font-heading);font-size:20px;font-weight:800;color:var(--brand-deep);margin-bottom:20px}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.related-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px;text-decoration:none;display:flex;flex-direction:column;box-shadow:var(--shadow-sm),var(--specular-light);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.related-card:hover{transform:translateY(-3px);border-color:var(--brand-cyan);box-shadow:var(--shadow-md),var(--cyan-glow)}.related-category{font-size:11px;font-weight:800;color:#007791;text-transform:uppercase;margin-bottom:8px}.related-card-title{font-family:var(--font-heading);font-size:16px;font-weight:800;color:var(--fg);line-height:1.35;margin-bottom:8px}.related-card-desc{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:16px;flex:1}.related-read-more{font-size:13px;font-weight:700;color:#007791}.back-wrap{text-align:center;padding-top:16px}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--brand-deep);text-decoration:none;padding:10px 20px;border-radius:8px;background:var(--surface);border:1px solid var(--border);transition:background .2s ease,border-color .2s ease}.back-link:hover{background:var(--surface-alt);border-color:var(--brand-cyan)}.article-sidebar{display:none}@media(min-width:1024px){.article-sidebar{display:block;position:sticky;top:96px;padding-bottom:24px}.sticky-sidebar-inner{display:flex;flex-direction:column;gap:24px}}.sidebar-widget{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px;box-shadow:var(--shadow-sm),var(--specular-light)}.widget-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border-subtle)}.widget-header h4{font-family:var(--font-heading);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--brand-deep)}.widget-icon{font-size:14px}.toc-list{list-style:none;display:flex;flex-direction:column;gap:6px}.toc-item.depth-3{padding-left:14px}.toc-link{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.45;color:var(--muted);text-decoration:none;padding:5px 8px;border-radius:6px;transition:all .2s ease}.toc-bullet{width:5px;height:5px;border-radius:50%;background:var(--border);flex-shrink:0;transition:all .2s ease}.toc-link:hover{color:var(--brand-deep);background:var(--surface-alt)}.toc-link.active{color:#007791;font-weight:700;background:var(--cyan-soft)}.toc-link.active .toc-bullet{background:var(--brand-cyan);transform:scale(1.4);box-shadow:0 0 6px var(--brand-cyan)}.cta-widget{background:linear-gradient(135deg,var(--brand-deep) 0%,#0d2249 100%);color:#fff;border-color:#00c2d14d;position:relative;overflow:hidden}.cta-widget-glow{position:absolute;top:-20px;right:-20px;width:100px;height:100px;background:radial-gradient(circle,rgba(0,194,209,.3) 0%,transparent 70%);pointer-events:none}.cta-widget-badge{display:inline-block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-cyan);background:#00c2d126;border:1px solid rgba(0,194,209,.3);padding:3px 8px;border-radius:4px;margin-bottom:10px}.cta-widget h4{font-family:var(--font-heading);font-size:16px;font-weight:800;margin-bottom:6px;color:#fff}.cta-widget p{font-size:12px;line-height:1.5;color:#c8cfd4;margin-bottom:14px}.sidebar-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 16px;background:var(--brand-cyan);color:var(--brand-deep);font-size:12px;font-weight:800;border-radius:8px;text-decoration:none;transition:transform .2s ease,background .2s ease}.sidebar-cta-btn:hover{background:#26d0de;transform:translateY(-1px)}.sidebar-guides-list{list-style:none;display:flex;flex-direction:column;gap:12px}.sidebar-guide-link{display:flex;flex-direction:column;gap:3px;text-decoration:none;padding:8px 10px;border-radius:8px;background:var(--surface-alt);border:1px solid var(--border);transition:transform .2s ease,border-color .2s ease}.sidebar-guide-link:hover{border-color:var(--brand-cyan);transform:translate(2px)}.guide-tag{font-size:10px;font-weight:800;color:#007791;text-transform:uppercase}.guide-title{font-size:12px;font-weight:700;color:var(--fg);line-height:1.35}@media(max-width:768px){.article-cta-box{flex-direction:column;text-align:center;padding:24px}.cta-box-btn{width:100%}.author-bio-card{flex-direction:column}}