.blog-listing{padding:4rem 0 6rem}.blog-listing .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.blog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:4rem;flex-wrap:wrap}.header-content h1{font-size:3.5rem;font-weight:800;margin:0 0 .5rem;line-height:1.1}.blog-subtitle{font-size:1.25rem;color:var(--text-secondary, #64748b);margin:0}.search-box{position:relative;flex:0 1 400px}.search-box input{width:100%;padding:.875rem 1rem .875rem 3rem;font-size:1rem;border:2px solid var(--border-color, #e2e8f0);border-radius:12px;background:var(--bg-primary, #fff);color:var(--text-primary, #1e293b);transition:all .2s}.search-box input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #3b82f61a}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary, #94a3b8);pointer-events:none}.no-posts{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:6rem 2rem;text-align:center;color:var(--text-secondary, #64748b)}.no-posts svg{color:var(--text-tertiary, #cbd5e1)}.no-posts h2{font-size:1.5rem;font-weight:600;color:var(--text-primary, #1e293b);margin:0}.no-posts p{font-size:1.125rem;margin:0}.post-card{background:var(--bg-primary, #fff);border-radius:12px;overflow:hidden;border:1px solid var(--border-color, transparent);box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.post-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001f}.post-image{display:block;overflow:hidden}.post-image img{width:100%;object-fit:cover;transition:transform .3s}.post-card:hover .post-image img{transform:scale(1.05)}.post-content{padding:1.75rem}.post-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--text-secondary, #64748b);margin-bottom:.75rem}.post-meta time{color:inherit}.reading-time{color:var(--text-tertiary, #94a3b8)}.reading-time:before{content:"•";margin-right:1rem}.post-content h3{font-size:1.375rem;font-weight:600;line-height:1.3;margin:.75rem 0 .875rem}.post-content h3 a{color:var(--text-primary, #1e293b);text-decoration:none;transition:color .2s}.post-content h3 a:hover{color:var(--color-primary)}.post-content .excerpt{font-size:1rem;line-height:1.6;color:var(--text-secondary, #64748b);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--color-primary);text-decoration:none;transition:gap .2s}.read-more:hover{gap:.75rem}.blog-style-featured .featured-wrapper{margin-bottom:4rem}.blog-style-featured .featured-post{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem;background:var(--bg-primary, #fff);border-radius:16px;overflow:hidden;border:1px solid var(--border-color, transparent);box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s}.blog-style-featured .featured-post:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000026}.blog-style-featured .featured-image{position:relative;overflow:hidden}.blog-style-featured .featured-image img{width:100%;height:100%;min-height:400px;object-fit:cover;transition:transform .3s}.blog-style-featured .featured-post:hover .featured-image img{transform:scale(1.05)}.blog-style-featured .featured-content{padding:3rem;display:flex;flex-direction:column;justify-content:center}.featured-badge{display:inline-block;padding:.375rem .875rem;background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;margin-bottom:1rem;width:fit-content}.featured-content h2{font-size:2.25rem;font-weight:700;line-height:1.2;margin:0 0 1rem}.featured-content h2 a{color:var(--text-primary, #1e293b);text-decoration:none;transition:color .2s}.featured-content h2 a:hover{color:var(--color-primary)}.featured-content .excerpt{font-size:1.125rem;line-height:1.7;color:var(--text-secondary, #475569);margin-bottom:1.5rem}.blog-style-featured .posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.blog-style-magazine .magazine-feed{display:flex;flex-direction:column;gap:0}.blog-style-magazine .magazine-row{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:3rem 0;border-bottom:1px solid var(--border-color, #e5e7eb);align-items:center}.blog-style-magazine .magazine-row:last-child{border-bottom:none}.blog-style-magazine .magazine-row-even{direction:rtl}.blog-style-magazine .magazine-row-even>*{direction:ltr}.blog-style-magazine .magazine-image{display:block;overflow:hidden;border-radius:12px}.blog-style-magazine .magazine-image img{width:100%;height:360px;object-fit:cover;transition:transform .3s}.blog-style-magazine .magazine-row:hover .magazine-image img{transform:scale(1.03)}.blog-style-magazine .magazine-content{display:flex;flex-direction:column;justify-content:center}.blog-style-magazine .magazine-content h2{font-size:2rem;font-weight:700;line-height:1.2;margin:.5rem 0 1rem}.blog-style-magazine .magazine-content h2 a{color:var(--text-primary, #1e293b);text-decoration:none;transition:color .2s}.blog-style-magazine .magazine-content h2 a:hover{color:var(--color-primary)}.blog-style-magazine .magazine-content .excerpt{font-size:1.125rem;line-height:1.7;color:var(--text-secondary, #475569);margin-bottom:1.5rem}.blog-style-magazine .post-card-magazine{background:none;border:none;border-radius:0;box-shadow:none}.blog-style-magazine .post-card-magazine:hover{transform:none;box-shadow:none}.blog-style-magazine .post-card-magazine:hover .magazine-image img{transform:scale(1.03)}.blog-style-minimal .minimal-feed{display:flex;flex-direction:column}.blog-style-minimal .post-card-minimal{background:none;border:none;border-radius:0;box-shadow:none;border-bottom:1px solid var(--border-color, #e5e7eb);padding:1.5rem 0}.blog-style-minimal .post-card-minimal:first-child{border-top:1px solid var(--border-color, #e5e7eb)}.blog-style-minimal .post-card-minimal:hover{transform:none;box-shadow:none}.blog-style-minimal .post-card-minimal .post-content{padding:0}.blog-style-minimal .post-card-minimal h3{font-size:1.5rem;margin:.25rem 0 .5rem}.blog-style-minimal .post-card-minimal .excerpt{-webkit-line-clamp:2;margin-top:.5rem}.blog-style-minimal .post-card-minimal .post-meta{margin-bottom:.25rem}.blog-style-grid .posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.search-results-heading{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.search-results-heading h2{font-size:1.5rem;font-weight:600;color:var(--text-primary, #1e293b);margin:0}.no-results{display:none;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;text-align:center;color:var(--text-secondary, #64748b)}.no-results svg{color:var(--text-tertiary, #cbd5e1)}.pagination{display:flex;justify-content:center;margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border-color, #e5e7eb)}.pagination-link{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:8px;text-decoration:none;cursor:pointer;transition:all .2s}.pagination-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.pagination-link:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.blog-header{flex-direction:column;align-items:stretch;margin-bottom:3rem}.header-content h1{font-size:2.5rem}.search-box{flex:1 1 100%}.blog-style-featured .featured-post{grid-template-columns:1fr}.blog-style-featured .featured-image img{min-height:300px}.blog-style-featured .featured-content{padding:2rem}.blog-style-featured .featured-content h2{font-size:1.75rem}.blog-style-featured .posts-grid,.blog-style-grid .posts-grid{grid-template-columns:1fr}.blog-style-magazine .magazine-row,.blog-style-magazine .magazine-row-even{grid-template-columns:1fr;gap:1.5rem;direction:ltr}.blog-style-magazine .magazine-image img{height:240px}.blog-style-magazine .magazine-content h2{font-size:1.5rem}}