.article-sidebar{max-height:calc(100vh - 120px);padding-right:10px;position:sticky;top:100px;overflow-y:auto}.article-sidebar::-webkit-scrollbar{width:4px}.article-sidebar::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.article-card{border:2px solid #0000;text-decoration:none;transition:all .2s}.article-card:hover{border-color:#a5cdec;transform:translateY(-2px);box-shadow:0 10px 20px -10px #7fb5dc40}.article-card.active{background-color:#f0f7ff;border-color:#7fb5dc;box-shadow:0 4px 12px #7fb5dc26}.article-meta{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.article-content ol{margin-top:15px;padding-left:20px}.article-heading .sub-title{text-transform:uppercase;letter-spacing:1px;color:#7fadf8;margin-top:50px;margin-bottom:10px;font-size:1rem;font-weight:600;display:inline-block}@media (width<=768px){html body .article-heading .sub-title{margin-bottom:8px;margin-top:8px!important}}.article-full-title{color:#1e293b;margin-top:16px;font-weight:600;margin-bottom:16px!important;font-size:24px!important}@media (width<=768px){html body h1.article-full-title{white-space:normal!important;font-size:16px!important;line-height:1.6!important}}.article-content li{color:#4a5568;margin-bottom:20px;font-size:15.5px;line-height:1.7}.article-content li strong{color:#1a202c;margin-bottom:4px;font-weight:600}.article-conclusion{color:#2d3748;background-color:#f8fafc;border-left:4px solid #7fb5dc;border-radius:0 12px 12px 0;margin-top:40px;padding:24px;font-size:16px;font-style:italic;line-height:1.6}.article-section.text-center{padding:150px 20px 80px}.article-section.text-center h1{color:#4a83b4;margin-bottom:24px}.nav-blog{margin-left:auto;margin-right:20px}.nav-blog a,a.nav-blog{color:#7f8c8d;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.nav-blog a:hover,a.nav-blog:hover{color:#1e88e5}@media (width<=768px){.article-sidebar{max-height:none;padding-right:0;position:static;overflow-y:visible}.article-content li{margin-bottom:16px;font-size:14.5px}.article-conclusion{padding:16px;font-size:15px}html body .nav-blog,html body [class*=nav-blog]{display:none!important}.article-container{flex-direction:column!important;gap:30px!important;height:auto!important;padding:10px!important;display:flex!important}}.checklist-card{max-width:800px;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:20px!important;margin:10px auto!important;padding:20px!important;box-shadow:0 10px 25px #a0c4ff1a!important}html body .checklist-card .checklist-title{margin-top:0!important}.checklist-title{color:#1a202c!important;align-items:center!important;gap:8px!important;margin-bottom:8px!important;font-size:20px!important;font-weight:700!important;display:flex!important}.checklist-subtitle{color:#4a5568!important;margin-bottom:24px!important;font-size:15px!important}.checklist-list{flex-direction:column!important;gap:8px!important;margin:0!important;padding:0!important;list-style:none!important;display:flex!important}.checklist-list li{color:#2d3748!important;padding-left:28px!important;font-size:15px!important;line-height:1.6!important;position:relative!important}.checklist-list li:before{content:"✦"!important;color:#3b82f6!important;font-size:16px!important;position:absolute!important;top:0!important;left:4px!important}.checklist-list li strong{color:#1a202c!important;font-weight:600!important}@media (width<=768px){.checklist-card{border-radius:16px!important;margin:24px 0 16px!important;padding:20px!important}.checklist-title{font-size:18px!important;line-height:1.3!important}.checklist-subtitle{margin-bottom:16px!important;font-size:14px!important}.checklist-list{gap:12px!important}.checklist-list li{font-size:14px!important;line-height:1.5!important}}