body{margin:0;padding:0}.horizontal-scroller{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.horizontal-scroller>*{scroll-snap-align:start}.vertical-scroller{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.vertical-scroller>*{scroll-snap-align:start}.recent-vertical-scroller{height:24rem;overflow-y:auto}.fade-in{animation:fadeInUp 400ms ease both}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}.toggle-button,#recent-left,#recent-right,a.rounded-full,button.rounded-full{transition:transform 200ms ease,box-shadow 200ms ease}.toggle-button:hover,#recent-left:hover,#recent-right:hover,a.rounded-full:hover,button.rounded-full:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,8%)}main.w-full>.article-container,main>.article-container,.article-container{max-width:1400px!important;margin:40px auto!important;background:#fff!important;border-radius:16px!important;box-shadow:0 8px 30px rgba(0,0,0,8%)!important;padding:60px 80px!important;position:relative!important;border:1px solid #e0e0e0!important}.article-header,article .article-header{margin-bottom:24px!important;border-bottom:1px solid #eaeaea!important;padding-bottom:16px!important}.article-author-section{display:flex!important;align-items:center!important;gap:16px!important;margin:20px 0!important;padding:12px 0!important}.author-avatar{flex-shrink:0!important}.author-image{width:60px!important;height:60px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid #007bff!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important}.author-image-placeholder{width:60px!important;height:60px!important;border-radius:50%!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important;font-weight:700!important;color:#fff!important;text-transform:uppercase!important;border:2px solid #007bff!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important}.author-info{flex:1!important;display:flex!important;flex-direction:column!important;gap:4px!important}.author-name{font-size:1rem!important;font-weight:700!important;color:#212529!important}.author-name a{color:#007bff!important;text-decoration:none!important;transition:color .3s ease!important}.author-name a:hover{color:#0056b3!important;text-decoration:underline!important}.author-role{font-size:.85rem!important;color:#6c757d!important;font-style:italic!important}.article-meta-inline{display:flex!important;align-items:center!important;gap:8px!important;font-size:.85rem!important;color:#6c757d!important;margin-top:4px!important}.article-meta-inline time{color:#6c757d!important}.article-meta-inline span{color:#6c757d!important}.article-title,article .article-title,h1.article-title{font-family:inconsolata,consolas,monospace!important;font-size:2.5rem!important;font-weight:700!important;color:#212529!important;margin-bottom:15px!important;line-height:1.2!important}.article-meta,article .article-meta{font-size:.9rem!important;color:#6c757d!important;margin-bottom:15px!important;display:flex!important;gap:20px!important;flex-wrap:wrap!important}.article-tags,article .article-tags{margin-top:8px!important;display:flex!important;gap:8px!important}.article-tags a,article .article-tags a{background:#e9ecef!important;color:#495057!important;font-size:.8rem!important;padding:5px 14px!important;border-radius:20px!important;text-decoration:none!important;transition:all .3s ease!important;border:1px solid #dee2e6!important}.article-tags a:hover,article .article-tags a:hover{background:#dee2e6!important;color:#212529!important;transform:translateY(-2px)!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important}img.article-featured-image,.article-featured-image{display:block!important;width:100%!important;max-width:100%!important;margin:30px auto 40px!important;border-radius:12px!important;box-shadow:0 6px 20px rgba(0,0,0,.12)!important;object-fit:cover!important;border:1px solid #e0e0e0!important;max-height:600px!important}.article-content,article .article-content{font-family:inconsolata,consolas,courier new,monospace!important;font-size:1.1rem!important;font-weight:700!important;color:#343a40!important;line-height:1.8!important;margin-top:20px!important;column-count:2!important;column-gap:60px!important;column-rule:2px solid #d0d0d0!important}.article-content p,article .article-content p{margin-bottom:20px!important;text-align:justify!important}.article-content h2,.article-content h3,article .article-content h2,article .article-content h3{font-family:open sans,sans-serif!important;margin-top:35px!important;margin-bottom:18px!important;font-weight:700!important;color:#0056b3!important;border-bottom:2px solid #007bff!important;padding-bottom:5px!important;column-span:all!important}.article-content ul,.article-content ol,article .article-content ul,article .article-content ol{margin-left:30px!important;margin-bottom:20px!important;list-style-type:disc!important}.article-content ol,article .article-content ol{list-style-type:decimal!important}.article-content blockquote,article .article-content blockquote{background:#e9f7ff!important;border-left:5px solid #007bff!important;padding:15px 25px!important;margin:28px 0!important;font-style:italic!important;color:#0056b3!important;border-radius:8px!important;column-span:all!important}.article-content img,article .article-content img{display:block!important;width:100%!important;max-width:100%!important;margin:25px auto!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;border:1px solid #e0e0e0!important;break-inside:avoid!important}.article-content .full-width-image,article .article-content .full-width-image{column-span:all!important;max-width:100%!important;margin:40px auto!important}.article-content figcaption,article .article-content figcaption{font-size:.9rem!important;color:#6c757d!important;text-align:center!important;font-style:italic!important;margin-top:10px!important;padding:0 10px!important}footer,footer.bg-gray-800{margin-top:40px!important;padding-top:30px!important;border-top:1px solid #e0e0e0!important;color:#6c757d!important;font-size:.9rem!important}footer a,footer.bg-gray-800 a{background:#f1f3f5!important;color:#007bff!important;padding:5px 14px!important;border-radius:20px!important;text-decoration:none!important;font-size:.85rem!important;transition:all .3s ease!important;border:1px solid #ced4da!important}footer a:hover,footer.bg-gray-800 a:hover{background:#e0e0e0!important;color:#0056b3!important;transform:translateY(-2px)!important;box-shadow:0 2px 8px rgba(0,0,0,8%)!important}@media(max-width:1200px){main.w-full>.article-container,main>.article-container,.article-container{max-width:900px!important;padding:40px 50px!important}}@media(max-width:800px){main.w-full>.article-container,main>.article-container,.article-container{padding:25px 15px!important;margin:20px auto!important;border-radius:12px!important}.article-title,h1.article-title{font-size:2rem!important}img.article-featured-image,.article-featured-image{max-width:100%!important;margin:20px auto 30px!important}.article-content,article .article-content{column-count:1!important;column-gap:0!important;column-rule:none!important}}@media(max-width:576px){main.w-full>.article-container,main>.article-container,.article-container{padding:15px 10px!important;margin:15px auto!important}.article-title,h1.article-title{font-size:1.6rem!important}.article-content,article .article-content{font-size:1rem!important}.article-content h2,.article-content h3,article .article-content h2,article .article-content h3{font-size:1.3rem!important}.article-meta,article .article-meta{flex-direction:column!important;gap:8px!important}}