.article-container{max-width:840px;margin-inline:auto;padding-block:25px 80px}.article-header{border-bottom:1px solid var(--line);padding-bottom:32px;margin-bottom:40px}.article-meta-top{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.back-link{font-size:.85rem;font-weight:700;color:var(--teal);margin-right:6px}.back-link:hover{text-decoration:underline}.category-badge{font-family:Consolas,monospace;font-size:.72rem;font-weight:700;color:var(--teal);background:var(--mint);border:1px solid #bfdbfe;padding:3px 10px;border-radius:999px}.read-badge{font-family:Consolas,monospace;font-size:.74rem;color:var(--muted)}.article-title{font-size:clamp(2.2rem,3.8vw,3.4rem);line-height:1.12;color:var(--ink);margin-bottom:14px}.article-description{font-size:1.15rem;line-height:1.6;color:var(--muted);margin-bottom:28px}.author-card-header{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 20px}.author-avatar-circle{width:44px;height:44px;border-radius:50%;background:var(--mint);border:1px solid #bfdbfe;display:grid;place-items:center;font-size:1.4rem;flex-shrink:0}.author-info{display:flex;flex-direction:column;gap:3px}.author-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.author-name-row strong{font-size:.98rem;color:var(--ink)}.author-role-tag{font-family:Consolas,monospace;font-size:.72rem;font-weight:700;color:var(--teal);background:var(--mint);padding:2px 8px;border-radius:4px}.author-sub-row{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted);flex-wrap:wrap}.dot-sep{color:#cbd5e1}.linkedin-pill{display:inline-flex;align-items:center;gap:5px;font-family:Consolas,monospace;font-size:.76rem;font-weight:700;color:#0a66c2}.linkedin-pill:hover{text-decoration:underline}.li-svg{width:14px;height:14px}.article-body{font-size:1.05rem;line-height:1.75;color:#1e293b;margin-bottom:50px}.article-body p{margin-bottom:24px}.article-body h2{font-size:clamp(1.7rem,2.8vw,2.2rem);color:var(--ink);margin-top:48px;margin-bottom:18px;line-height:1.2}.article-body h3{font-size:1.35rem;color:var(--ink);margin-top:36px;margin-bottom:14px}.article-body h4{font-size:1.15rem;color:var(--ink);margin-top:24px;margin-bottom:10px}.article-body a{color:var(--teal);font-weight:700;text-decoration:underline;text-underline-offset:3px}.article-body a:hover{color:var(--teal-dark)}.article-divider{border:none;border-top:1px solid var(--line);margin-block:40px}.article-list,.article-ordered-list{margin-bottom:26px;padding-left:24px}.article-list li,.article-ordered-list li{margin-bottom:10px;line-height:1.65}.inline-code{font-family:Consolas,monospace;font-size:.88em;background:#eff6ff;color:#1e3a8a;padding:2px 6px;border-radius:4px;border:1px solid #dbeafe}.article-code-block{background:#0f172a;border-radius:12px;padding:20px 24px;overflow-x:auto;margin-bottom:28px}.article-code-block code{font-family:Consolas,monospace;font-size:.88rem;line-height:1.6;color:#38bdf8}.article-alert-banner{background:#fff1f2;border:1px solid #fecdd3;border-left:4px solid #e11d48;border-radius:10px;padding:18px 22px;margin-bottom:32px;display:flex;gap:16px;align-items:flex-start}.alert-icon{font-size:1.5rem;line-height:1;flex-shrink:0;margin-top:2px}.alert-content h4{color:#9f1239;font-size:1rem;font-weight:700;margin:0 0 6px}.alert-content p{color:#4c0519;font-size:.92rem;line-height:1.55;margin:0}.alert-content a{color:#be123c;font-weight:700;text-decoration:underline}.article-quote{border-left:3px solid var(--teal);background:#f8fafc;padding:16px 20px;border-radius:0 8px 8px 0;margin:28px 0;color:#334155;font-style:italic}.article-mid-cta{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border-radius:16px;padding:28px 32px;margin:40px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:0 10px 25px -5px #0f172a26}.mid-cta-text h3{color:#fff;font-size:1.25rem;margin:0 0 6px}.mid-cta-text p{color:#94a3b8;font-size:.92rem;margin:0;line-height:1.5}.mid-cta-btn{flex-shrink:0}.article-body .button{color:#fff!important;text-decoration:none!important}.article-mid-cta .button{background:#38bdf8!important;color:#0f172a!important;border-color:#38bdf8!important;font-weight:800!important;text-decoration:none!important;padding:14px 22px;border-radius:8px;white-space:nowrap}.article-mid-cta .button:hover{background:#7dd3fc!important;color:#0f172a!important;transform:translateY(-2px)}@media(max-width:680px){.article-alert-banner{flex-direction:column;gap:10px}.article-mid-cta{flex-direction:column;align-items:flex-start;padding:24px}}.author-bio-footer{display:flex;gap:24px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;margin-bottom:50px;box-shadow:0 4px 18px -4px #0f172a0d}.footer-avatar{width:60px;height:60px;border-radius:16px;background:var(--mint);border:1px solid #bfdbfe;display:grid;place-items:center;font-size:2rem;flex-shrink:0}.footer-bio-content{flex-grow:1}.footer-bio-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:16px;flex-wrap:wrap}.footer-bio-header h3{font-size:1.25rem;color:var(--ink);margin-bottom:2px}.footer-role{font-family:Consolas,monospace;font-size:.78rem;color:var(--teal);font-weight:700}.footer-bio-content p{font-size:.92rem;line-height:1.6;color:var(--muted);margin:0}.article-cta-box{background:var(--mint);border:1px solid #bfdbfe;border-radius:16px;padding:36px;display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center}.article-cta-box h2{font-size:1.5rem;color:var(--ink);margin:8px 0 10px;line-height:1.25}.cta-sub{font-size:.92rem;line-height:1.6;color:#1e3a8a}.cta-btn-group{display:flex;flex-direction:column;gap:14px;align-items:flex-start}@media(max-width:760px){.author-bio-footer{flex-direction:column;padding:24px}.article-cta-box{grid-template-columns:1fr;padding:24px}}
