@media (max-width:768px){.blogs-layout{flex-direction:column}.blogs-list,.tags-container{width:100%;padding-right:0}.blog-card{width:100%}}html{scroll-behavior:smooth}.blogs-container{padding:2rem;color:var(--text-color);text-align:center;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start}.blog-card p:nth-of-type(2){overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}h1{font-size:3rem;font-weight:600}.tags-container{width:25%;padding-right:2rem;text-align:left}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.tag{background-color:var(--item-bg);color:var(--text-color);padding:.5rem 1rem;border-radius:20px;cursor:pointer;transition:background-color .2s ease}.tag:hover{background-color:var(--item-hover-bg)}.tag.selected{background-color:var(--item-selected-bg);color:white}.blogs-layout{flex-direction:row;width:100%}.blogs-layout,.blogs-list{display:flex;gap:2rem;flex-wrap:wrap;justify-content:flex-start}.blogs-list{width:70%;text-align:left;align-items:flex-start}.blog-card{background-color:var(--item-bg);padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:transform .3s ease;width:100%;min-height:200px;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1rem}.blog-card:hover{transform:translateY(-5px)}.read-more{font-size:1rem;color:white;text-decoration:none;padding:.5rem 1rem;border-radius:12px;background-color:var(--item-hover-bg);transition:background-color .3s ease}.read-more:hover{background-color:var(--item-selected-bg);text-decoration:solid;color:#121417}.theme-toggle-container{position:fixed;top:1rem;right:1rem;z-index:1000}.theme-toggle{font-size:1.75rem;background:none;border:none;cursor:pointer;color:var(--text-color)}[data-theme=light]{--bg-color:#f9fafb;--text-color:#1a202c;--item-bg:#edf2f7;--item-hover-bg:#e2e8f0;--item-selected-bg:#2563eb;--link-color:#2563eb}[data-theme=dark]{--bg-color:#121417;--text-color:white;--item-bg:#2d3748;--item-hover-bg:#4a5568;--item-selected-bg:#2563eb;--link-color:#2563eb}body,html{margin:0;padding:0;font-family:Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color)}