@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap");*{box-sizing:border-box;margin:0;padding:0}a{font-family:var(--font-secondary);text-decoration:none}.blogging{width:100%;--font-primary:"Poppins",sans-serif;--font-secondary:"Inter",sans-serif;--first-color:#0d181d;--second-color:#161c1fd3}.listing-cards{margin:0 auto;max-width:1200px;overflow:hidden;transition:all .3s ease;width:100%}.cards-grid{align-items:stretch;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:1rem}.card{background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);display:flex;flex:1 1 300px;flex-direction:column;max-width:350px;min-width:280px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-8px)}.card-image{height:200px;overflow:hidden;position:relative;width:100%}.card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.card:hover .card-image img{transform:scale(1.05)}.card-content{display:flex;flex:1;flex-direction:column;padding:1.5rem}.card-tag{background-color:#fdd8c6;border:1px solid rgba(0,0,0,.1);border-radius:12px;display:inline-block;font-size:.85rem;margin-bottom:1rem;padding:.2rem 1rem;width:max-content}.card-tag,.card-tag:hover{color:var(--first-color);font-weight:500}.card-tag:hover{font-family:var(--font-secondary);text-decoration:none}.card-date{color:var(--second-color);font-size:.9rem;margin-bottom:.8rem}.card-date,.card-title{font-family:var(--font-primary);font-weight:600}.card-title{color:var(--first-color);flex:1;font-size:1.25rem;letter-spacing:.5px;line-height:1.4;margin-bottom:auto}.card-author{align-items:center;border-top:1px solid rgba(0,0,0,.1);display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1rem}.author-image{border:2px solid rgba(0,0,0,.1);border-radius:50%;flex-shrink:0;height:45px;overflow:hidden;width:45px}.author-image img{height:100%;object-fit:cover;width:100%}.author-name{color:var(--second-color);font-family:var(--font-secondary);font-size:.95rem;font-weight:500;letter-spacing:.5px;line-height:1;margin:0}.toggle-controls{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.arrow-btn{background:#fff;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.1);cursor:pointer;height:50px;padding:8px;transition:transform .3s ease,opacity .3s ease;width:50px}.arrow-btn:hover{transform:scale(1.1)}.arrow-btn img{height:100%;object-fit:contain;width:100%}.hidden{display:none}.collapsed{max-height:600px}.collapsed,.collapsed .cards-grid{overflow:hidden}@media (max-width:768px){.blogging{padding:1rem .5rem}.cards-grid{gap:1.5rem;padding:.5rem}.card{flex:1 1 100%;max-width:none;min-width:auto}.collapsed{max-height:800px}}@media (max-width:480px){.card-content{padding:1rem}.card-title{font-size:1.1rem}.card-image{height:180px}.collapsed{max-height:700px}}@media (min-width:769px) and (max-width:1024px){.card{flex:1 1 calc(50% - 1rem)}}@media (min-width:1025px){.card{flex:1 1 calc(33.333% - 1.5rem)}}