.article-page{color:#222;padding-top:0;font-family:system-ui,sans-serif}.article-page .article-items{grid-template-columns:2fr 3fr;gap:40px;padding-top:6rem;display:grid}.article-page .article-media{position:relative}.article-page .article-media .thumb{width:100%;min-height:80vh;max-height:90vh;padding-bottom:100px;position:sticky;top:100px}.article-page .article-media .thumb .image{background-color:#eee;width:100%;height:70vh;position:relative;overflow:hidden}.article-page .article-media .thumb img{object-fit:cover;border-radius:4px;width:100%;height:auto;position:relative;box-shadow:0 4px 16px #0000001a}.article-page .article-media .share-buttons{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));justify-content:center;gap:.75rem;width:100%;height:70px;padding:1rem .25rem;display:grid}.article-page .article-media .share-buttons a{color:#fff;text-align:center;opacity:.95;background-color:#000;border:0;border-radius:0 6px;width:100%;height:fit-content;padding:14px 5px 12px;font-size:12px;font-weight:500;line-height:12px}.article-page .article-media .share-buttons a:hover{opacity:.9;transition:all 1s}.article-page .article-content{max-width:800px}.article-page .article-heading .article-meta{letter-spacing:.5px;color:#333;max-width:600px;margin-bottom:8px;padding-top:.5rem;font-size:14px}.article-page .article-title{max-width:700px;margin:6px 0 10px;font-family:Outfit,sans-serif;font-size:36px;line-height:1.4}.article-page .article-date{color:#555;margin-bottom:25px;font-size:14px}.article-page .article-date strong{color:#222;font-size:14px;font-weight:600}.article-page .article-body{color:#333;font-size:16px;line-height:1.9}.article-page .article-body p{color:#333;margin-bottom:18px;font-family:system-ui,sans-serif;font-size:16.5px;line-height:2}.article-page .article-body p.id,.article-page .article-body p.desc{display:none}.article-page .article-body h2,.article-page .article-body h3{margin-top:35px;margin-bottom:15px;font-weight:600}@media (max-width:900px){.article-page .article-items{grid-template-columns:1fr}.article-page .article-media .thumb{height:300px}}@media (max-width:600px){.article-page .article-title{font-size:26px}.article-page .article-body{font-size:16px}.article-page .article-media .share-buttons{padding:6px}.article-page .article-media .share-buttons a{color:#fff;text-align:center;border:0;border-radius:0 6px;padding:10px 4px;font-size:12px;font-weight:400}}