@media (max-width:640px){.blog-header{background:linear-gradient(#fff 0%,#f9fafb 100%);border-bottom:1px solid #e5e7eb}.article-content{z-index:1;background:#fff;border-radius:16px 16px 0 0;margin-top:-20px;position:relative;box-shadow:0 -4px 6px -1px rgba(0,0,0,.05)}.mobile-action-button{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.metadata-pill{background:#f3f4f6;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.prose{font-size:15px;line-height:1.7}.prose h1{margin-top:2rem;margin-bottom:1rem;font-size:1.75rem;line-height:1.2}.prose h2{margin-top:1.75rem;margin-bottom:.875rem;font-size:1.5rem;line-height:1.3}.prose h3{margin-top:1.5rem;margin-bottom:.75rem;font-size:1.25rem;line-height:1.4}.prose p{color:#374151;margin-bottom:1.25rem}.prose ul,.prose ol{margin-bottom:1.25rem;padding-left:1.25rem}.prose li{margin-bottom:.5rem}.prose code:not(pre code){background:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:.875rem}.prose pre{border-radius:0;margin:1.5rem -1rem;padding:1rem;font-size:.8125rem}.prose blockquote{color:#4b5563;border-left:3px solid #8b5cf6;margin:1.5rem 0;padding-left:1rem;font-style:italic}.mobile-actions-bar{z-index:40;background:#fff;border-top:1px solid #e5e7eb;justify-content:space-around;align-items:center;padding:12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 6px -1px rgba(0,0,0,.05)}.blog-image{border-radius:0;width:calc(100% + 32px);max-width:none;margin:0 -16px}.category-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-radius:12px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.author-card-mobile{background:#f9fafb;border-radius:12px;align-items:center;gap:12px;margin:16px 0;padding:12px;display:flex}.share-menu-mobile{background:#fff;border-radius:20px 20px 0 0;padding:20px;transition:transform .3s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -10px 25px -5px rgba(0,0,0,.1)}.share-menu-mobile.open{transform:translateY(0)}.reading-progress-mobile{z-index:30;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:12px;font-weight:600;display:flex;position:fixed;bottom:60px;right:16px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.tag-pill{color:#6b21a8;background:#ede9fe;border-radius:16px;align-items:center;padding:6px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.tag-pill:active{background:#ddd6fe;transform:scale(.95)}.article-header-sticky{z-index:20;background:#fff;border-bottom:1px solid #e5e7eb;padding:12px 16px;display:none;position:-webkit-sticky;position:sticky;top:0}.article-header-sticky.visible{display:block}.article-section{padding:20px 16px}.prose ul li::marker{color:#8b5cf6}.prose ol li::marker{color:#8b5cf6;font-weight:600}.prose table{white-space:nowrap;width:calc(100% + 32px);margin:1.5rem -16px;display:block;overflow-x:auto}.prose table td,.prose table th{padding:8px 12px;font-size:14px}}*{-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:2px;outline:2px solid #8b5cf6}a:focus-visible{outline-offset:2px;outline:2px solid #8b5cf6}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200px 100%;animation:1.5s ease-in-out infinite shimmer}