:root{--primary-color:#ff3860;--text-color:#363636;--meta-color:#b5b5b5}body{font-family:'Open Sans',sans-serif;background-color:#f5f5f5}.navbar{border-bottom:2px solid var(--primary-color)}.article-item{background:#fff;padding:1rem;border-bottom:1px solid #eee;transition:background-color .2s;cursor:pointer}.article-item:hover{background-color:#fafafa}.article-meta{font-size:.85rem;color:var(--primary-color);font-weight:700;min-width:60px}.article-content{flex-grow:1}.article-title{font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:.25rem}.article-source{font-size:.8rem;color:#888;text-transform:uppercase;margin-right:.5rem}.article-description{display:none;margin-top:1rem;padding-top:1rem;border-top:1px dashed #dbdbdb;color:#4a4a4a;font-size:.95rem;line-height:1.6}.article-description.is-active{display:block}.article-image-container img{max-width:200px;height:auto;border-radius:4px;float:left;margin-right:1rem;margin-bottom:.5rem}@media(max-width:768px){.article-image-container img{float:none;display:block;max-width:100%;margin-bottom:1rem}}.read-more-btn{margin-top:1rem}.sidebar-box{background:#fff;padding:1.5rem;border-radius:4px;box-shadow:0 2px 3px rgba(10,10,10,.1)}