.reading-progress-bar{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,#0284c7,#38bdf8);z-index:9999;transition:width .1s ease-out}.article-breadcrumbs{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#64748b;margin-bottom:18px;flex-wrap:wrap}.article-breadcrumbs a{color:#64748b;text-decoration:none;transition:color .15s}.article-breadcrumbs a:hover{color:#0284c7;text-decoration:underline}.bc-sep{color:#94a3b8;font-size:.8rem}.bc-current{color:#0f172a;font-weight:600;max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-container{width:100%;max-width:100%;overflow-x:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:36px 32px;box-shadow:0 1px 3px #00000005}@media (max-width: 640px){.article-container{padding:20px 14px;border-radius:8px}.bc-current{max-width:180px}}.article-header{margin-bottom:24px;border-bottom:1px solid #f1f5f9;padding-bottom:20px}.meta-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.meta-item{display:inline-flex;align-items:center;font-size:.76rem;color:#64748b}.read-time-badge{background:#e0f2fe;color:#0369a1;font-weight:700;padding:2px 8px;border-radius:4px}.verified-editorial{background:#f0fdf4;color:#166534;font-weight:700;padding:2px 8px;border-radius:4px;border:1px solid #bbf7d0}.source-badge{background:#e0f2fe;color:#0284c7;font-size:.8rem;font-weight:700;padding:3px 10px;border-radius:6px}.deep-dive-badge{background:#eff6ff;color:#1d4ed8;font-size:.8rem;font-weight:700;padding:3px 10px;border-radius:6px;text-decoration:none;border:1px solid #bfdbfe;transition:all .2s}.deep-dive-badge:hover{background:#dbeafe}.parent-ref-box{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-left:3px solid #3b82f6;padding:8px 12px;border-radius:6px;font-size:.85rem;color:#475569;margin-top:12px}.parent-ref-box a{color:#2563eb;font-weight:700;text-decoration:underline}.meta-date{font-size:.85rem;color:#64748b;font-family:var(--font-mono)}.article-title{font-size:1.6rem;font-weight:800;line-height:1.4;color:#0f172a;margin-bottom:16px;word-break:break-word;overflow-wrap:anywhere}@media (max-width: 640px){.article-title{font-size:1.3rem;line-height:1.35}}.article-hero-image{margin:24px 0 32px;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 2px 6px #00000008}.article-hero-image img{width:100%;height:auto;display:block}.article-content{width:100%;max-width:100%;color:#334155;font-size:1rem;line-height:1.8;word-break:break-word;overflow-wrap:anywhere}.article-content *{max-width:100%;word-break:break-word;overflow-wrap:anywhere}.article-content h2{font-size:1.3rem;font-weight:700;color:#0f172a;margin:36px 0 16px;padding-left:12px;border-left:4px solid #0284c7}@media (max-width: 640px){.article-content h2{font-size:1.15rem;margin:28px 0 12px}}.article-content h3{font-size:1.1rem;font-weight:700;color:#1e293b;margin:24px 0 12px}.article-content p{margin-bottom:18px}.article-content ul,.article-content ol{margin:16px 0 20px 20px}.article-content li{margin-bottom:8px}.article-content hr{border:none;border-top:1px dashed #cbd5e1;margin:36px 0}.article-content blockquote{background:#f8fafc;border-left:4px solid #0284c7;padding:14px 18px;border-radius:0 8px 8px 0;margin:20px 0}.article-content pre{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:pre;padding:14px;border-radius:8px;margin:20px 0}.article-content code{font-family:var(--font-mono);word-break:break-all}.article-content table{width:100%;max-width:100%;border-collapse:collapse;margin:28px 0;font-size:.92rem;line-height:1.5;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-content th{background:#f1f5f9;color:#1e293b;font-weight:700;text-align:left;padding:12px 14px;border:1px solid #cbd5e1;white-space:nowrap}.article-content td{padding:12px 14px;border:1px solid #e2e8f0;color:#334155}.article-content tr:nth-child(2n){background:#f8fafc}.article-content tr:hover{background:#f1f5f9}.article-footer{margin-top:40px;padding-top:24px;border-top:1px solid #f1f5f9}.back-nav{margin-top:24px;display:flex;justify-content:center}.back-link{font-size:.9rem;font-weight:600;color:#64748b;text-decoration:none;padding:8px 16px;border:1px solid #e2e8f0;border-radius:6px;transition:all .2s ease}.back-link:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}:global(.code-block-wrapper){position:relative;margin:24px 0;border-radius:10px;overflow:hidden;box-shadow:0 4px 16px #0000000f;border:1px solid #e2e8f0}:global(.code-block-wrapper pre){margin:0!important;padding:42px 20px 18px!important;border-radius:0!important;border:none!important}:global(.code-copy-btn){position:absolute;top:10px;right:12px;display:inline-flex;align-items:center;gap:6px;background:#0f172abf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:#cbd5e1;font-size:.74rem;font-family:var(--font-sans, sans-serif);font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:10;user-select:none;box-shadow:0 2px 6px #00000040}:global(.code-copy-btn:hover){background:#1e293bf2;color:#fff;border-color:#ffffff59;transform:translateY(-1px);box-shadow:0 4px 10px #00000059}:global(.code-copy-btn.copied){background:#0284c7;color:#fff;border-color:#38bdf8;box-shadow:0 2px 8px #0284c773}:global(.code-copy-btn svg){flex-shrink:0}:global(.gumroad-toolkit-card){display:block;text-decoration:none;color:inherit;margin:36px 0;padding:28px 24px;background:linear-gradient(135deg,#fff,#f0f9ff);border:2px solid #38bdf8;border-left:6px solid #0284c7;border-radius:16px;text-align:center;box-shadow:0 10px 30px #0ea5e91f;cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .25s ease}:global(.gumroad-toolkit-card:hover){transform:translateY(-4px);box-shadow:0 20px 35px -10px #0284c747,0 10px 15px -5px #0284c726;border-color:#0284c7}:global(.gumroad-toolkit-card .gumroad-btn){display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;font-weight:800;font-size:1.02rem;padding:13px 34px;border-radius:8px;box-shadow:0 4px 14px #0284c759;transition:all .2s ease}:global(.gumroad-toolkit-card:hover .gumroad-btn){background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-1px);box-shadow:0 6px 20px #0284c780}:global(.gumroad-toolkit-card .gumroad-arrow){font-size:1.2rem;display:inline-block;transition:transform .2s ease}:global(.gumroad-toolkit-card:hover .gumroad-arrow){transform:translate(4px)}:global(.gumroad-toolkit-card .gumroad-icon-img){width:52px!important;height:52px!important;max-width:52px!important;min-width:52px!important;border-radius:50%!important;box-shadow:0 4px 12px #0284c740!important;object-fit:cover!important;transition:transform .25s ease!important}:global(.gumroad-toolkit-card:hover .gumroad-icon-img){transform:scale(1.08) rotate(-2deg)}