body{font-family:Inter,sans-serif;background-color:#fafafa;color:#18181b;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:"IBM Plex Serif",serif;font-weight:400}::selection{background:#ef4444;color:#fff}.article-content>*:first-child{margin-top:0!important}.article-content h2{font-family:"IBM Plex Serif",serif;font-size:2rem;line-height:1.2;color:#1c1917;margin-top:4rem;margin-bottom:1rem;letter-spacing:-.02em;padding-bottom:.75rem;border-bottom:1px solid #e7e5e4;position:relative}.article-content h2:before{content:"";position:absolute;bottom:-1px;left:0;width:3rem;height:2px;background:#ef4444}.article-content h3{font-family:"IBM Plex Serif",serif;font-size:1.35rem;line-height:1.4;color:#292524;margin-top:2.5rem;margin-bottom:.75rem;font-weight:400}.article-content h4{font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ef4444;margin-top:2rem;margin-bottom:.5rem}.article-content p{color:#57534e;font-weight:300;font-size:1.0625rem;line-height:1.85;margin-bottom:1.5rem}.article-content strong{color:#1c1917;font-weight:600}.article-content a{color:#ef4444;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.article-content a:hover{border-bottom-color:#ef4444}.article-content ul,.article-content ol{color:#57534e;font-weight:300;font-size:1.0625rem;line-height:1.85;margin-bottom:1.5rem;padding-left:0;list-style:none}.article-content ol{counter-reset:ol-counter}.article-content ul>li{position:relative;padding-left:1.5rem;margin-bottom:.625rem}.article-content ul>li:before{content:"";position:absolute;left:0;top:.75em;width:6px;height:6px;border-radius:50%;background:#d6d3d1}.article-content ol>li{position:relative;padding-left:2rem;margin-bottom:.625rem;counter-increment:ol-counter}.article-content ol>li:before{content:counter(ol-counter,decimal-leading-zero);position:absolute;left:0;font-family:IBM Plex Mono,monospace;font-size:.75rem;font-weight:500;color:#a8a29e}.article-content code{font-family:IBM Plex Mono,monospace;font-size:.85em;background:#f5f5f4;padding:.15em .4em;border-radius:4px;color:#44403c;border:1px solid #e7e5e4}.article-content pre{background:#1c1917;color:#d6d3d1;padding:1.75rem;border-radius:1rem;overflow-x:auto;margin:1.75rem 0;border:1px solid #292524;position:relative;box-shadow:0 4px 24px -4px #00000026}.article-content pre:before{content:"";position:absolute;top:1rem;left:1.25rem;width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:14px 0 #fbbf24,28px 0 #22c55e}.article-content pre code{background:none;padding:0;color:inherit;font-size:.875rem;line-height:1.7;border:none;display:block;padding-top:.75rem}.article-content table{width:100%;font-size:.9rem;border-collapse:separate;border-spacing:0;margin:1.75rem 0;background:#fff;border-radius:.75rem;overflow:hidden;border:1px solid #e7e5e4;box-shadow:0 1px 3px #0000000a}.article-content thead{background:#fafaf9}.article-content th{color:#78716c;font-family:Inter,sans-serif;font-weight:500;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:.875rem 1.25rem;border-bottom:1px solid #e7e5e4}.article-content td{color:#44403c;padding:.875rem 1.25rem;border-bottom:1px solid #f5f5f4;line-height:1.6}.article-content tr:last-child td{border-bottom:none}.article-content tbody tr{transition:background .15s}.article-content tbody tr:hover{background:#fafaf9}.article-content hr{border:none;height:1px;background:linear-gradient(90deg,transparent,#d6d3d1 20%,#d6d3d1 80%,transparent);margin:3.5rem 0}.article-content blockquote{position:relative;border:none;padding:1.75rem 2rem;margin:2rem 0;background:linear-gradient(135deg,#fef2f2,#fff7ed);border-radius:.75rem;border-left:3px solid #ef4444}.article-content blockquote p{color:#78716c;font-style:italic;font-family:"IBM Plex Serif",serif;font-size:1.1rem;margin-bottom:0}.article-content em{font-style:italic}.article-content .screenshot-showcase{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:2rem 0}@media(min-width:640px){.article-content .screenshot-showcase{grid-template-columns:repeat(2,1fr)}}.article-content .screenshot-item{position:relative;border-radius:.75rem;overflow:hidden;border:1px solid #e7e5e4;box-shadow:0 1px 3px #0000000a;background:#fff}.article-content .screenshot-item{cursor:pointer}.article-content .screenshot-item img{width:100%;height:auto;display:block}.screenshot-lightbox{position:fixed;inset:0;z-index:100;background:#000000d9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;cursor:zoom-out}.screenshot-lightbox.is-open{opacity:1;visibility:visible}.screenshot-lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:.5rem;box-shadow:0 8px 40px #0006;transform:scale(.95);transition:transform .3s ease}.screenshot-lightbox.is-open img{transform:scale(1)}.screenshot-lightbox .lightbox-close{position:absolute;top:1.25rem;right:1.25rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:9999px;color:#fff;font-size:1.25rem;cursor:pointer;transition:background .2s}.screenshot-lightbox .lightbox-close:hover{background:#fff3}.article-content .screenshot-item .screenshot-label{position:absolute;bottom:0;left:0;right:0;padding:.75rem 1rem;background:linear-gradient(transparent,#1c1917d9);color:#fff;font-size:.8rem;font-family:IBM Plex Mono,monospace;letter-spacing:.02em}.article-content .screenshot-item .screenshot-badge{position:absolute;top:.75rem;right:.75rem;padding:.25rem .625rem;background:#1c1917b3;backdrop-filter:blur(4px);color:#d6d3d1;font-size:.65rem;font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.08em;border-radius:9999px;border:1px solid rgba(255,255,255,.1)}.reveal-up{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal-up.is-visible{opacity:1;transform:translateY(0)}