.posts-page{background:#fafdff;min-height:100vh;padding-top:80px;padding-bottom:4rem}.posts-container{max-width:1200px;margin:0 auto;padding:0 2rem}.posts-header{text-align:center;margin-bottom:3rem;display:flex;flex-direction:column;align-items:center}.posts-title{font-size:2.5rem;font-weight:800;margin:0 auto 1rem;letter-spacing:.01em;background:linear-gradient(90deg,#76cfc5,#ffb400);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;display:inline-block}.posts-subtitle{font-size:1.1rem;color:#666;margin:0 auto;line-height:1.6;text-align:center!important;width:100%;display:block}.search-filter-section{margin-bottom:2rem;display:flex;justify-content:center}.search-box{position:relative;max-width:500px;width:100%}.search-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;font-family:var(--font-sans);transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{outline:none;border-color:#76cfc5;box-shadow:0 0 0 3px #76cfc51a}.search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#a0aec0;pointer-events:none}.tags-filter{margin-bottom:3rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}.tags-label{font-weight:600;color:#333;font-size:1rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag-button{padding:.5rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:20px;font-size:.9rem;font-weight:500;color:#4a5568;cursor:pointer;transition:all .2s ease;font-family:var(--font-sans)}.tag-button:hover{background:#f7fafc;border-color:#cbd5e0;color:#2d3748}.tag-button.active{background:#76cfc5;border-color:#76cfc5;color:#fff}.posts-list{display:flex;flex-direction:column;gap:3rem}.date-group{margin-bottom:2.5rem}.date-header{font-size:1.1rem;font-weight:600;color:#76cfc5;margin-bottom:1rem;text-align:center}.date-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.post-item{margin-bottom:1.5rem;border-bottom:1px solid #e2e8f0;padding-bottom:1.5rem}.post-item:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.post-summary{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;cursor:pointer;padding:.4rem 1rem;border-radius:8px;transition:background-color .2s ease;min-height:auto}.post-summary:hover{background-color:#f7fafc}.post-summary:hover .post-title a{color:#76cfc5}.title-icon-left{flex-shrink:0;width:20px;height:24px;opacity:.8;background:linear-gradient(135deg,#76cfc5,#ffb400,#ec6664);-webkit-mask:url(/svg/willow-decoration.svg) no-repeat center;-webkit-mask-size:contain;mask:url(/svg/willow-decoration.svg) no-repeat center;mask-size:contain;transform:scaleX(-1);margin-right:.5rem}.post-title{font-size:1.1rem;font-weight:600;margin:0;flex:1;min-width:0;line-height:1.2;display:flex;align-items:center;gap:.5rem}.title-icon-right{flex-shrink:0;width:20px;height:24px;opacity:.8;background:linear-gradient(135deg,#76cfc5,#ffb400,#ec6664);-webkit-mask:url(/svg/willow-decoration.svg) no-repeat center;-webkit-mask-size:contain;mask:url(/svg/willow-decoration.svg) no-repeat center;mask-size:contain;transform:scaleX(1);margin-left:.5rem}.post-title-link{color:#2d3748;text-decoration:none;transition:color .2s ease}.post-title-link:hover{color:#76cfc5}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.post-tag{display:inline-block;padding:.2rem .6rem;background:#f7fafc;color:#4a5568;border-radius:12px;font-size:.8rem;font-weight:500;border:1px solid #e2e8f0}.post-toggle{background:none;border:none;cursor:pointer;padding:.25rem .5rem;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;flex-shrink:0;margin-left:auto}.post-toggle:hover{transform:scale(1.1)}.post-arrow{font-size:1.2rem;color:#76cfc5;line-height:1;transition:color .3s ease,transform .3s ease}.post-item.expanded .post-arrow{color:#ffb400}.post-details{max-height:0;overflow:hidden;transition:max-height .3s ease,margin-top .3s ease,opacity .3s ease;margin-top:0;opacity:0}.post-item.expanded .post-details{max-height:2000px;margin-top:1.5rem;opacity:1}.post-content-wrapper{display:flex;gap:2rem;align-items:stretch;margin-bottom:0;justify-content:space-between}.post-excerpt-wrapper{flex:0 0 60%;min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding-left:1rem}.post-excerpt{font-size:1.15rem;color:#4a5568;line-height:1.7;margin:0}.post-image-container{flex:0 0 20%;min-width:180px;max-width:330px;border-radius:8px;overflow:visible;background:transparent;display:flex;align-items:flex-start;justify-content:center;margin-left:auto;padding-top:0}.post-image{width:auto;height:200px;max-width:100%;object-fit:contain;display:block;margin:0}.post-footer{display:flex;align-items:center;gap:1.1rem;margin-top:0;padding-top:0;border-top:none;padding-left:0}.post-read-more{color:#76cfc5;text-decoration:none;font-weight:600;font-size:1.1rem;transition:color .2s ease}.post-read-more:hover{color:#5bc0ae}.post-read-time{font-size:1rem;color:#718096}@media(max-width:768px){.posts-page{padding-top:70px;padding-bottom:2rem}.posts-container{padding:0 1rem}.posts-title{font-size:2rem}.posts-subtitle{font-size:1rem}.tags-filter{flex-direction:column;align-items:flex-start}.post-item{padding:1rem}.post-title,.date-header{font-size:1.1rem}.post-footer{flex-direction:column;align-items:flex-start;gap:.5rem}.post-content-wrapper{flex-direction:column;gap:1rem}.post-image-container{width:100%;height:200px}.search-box{max-width:100%}}