.heroB{background:url(/images/blogW.webp) 50% no-repeat;background-size:cover;color:#fff;min-height:100vh;padding:4rem 2rem;position:relative}.heroB:before{background:linear-gradient(180deg,rgba(0,0,0,.66) 1%,transparent);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.hero-content{backdrop-filter:blur(1px);background:none;bottom:0;box-shadow:none;max-width:600px;z-index:1}.hero-content h1,.hero-content p{color:#fff}.newsletter-form{max-width:400px}.post-card-content{height:100%}.post-card-bg{background-position:50%;background-size:cover;border-radius:8px;height:240px;position:relative}.post-card-overlay{background:linear-gradient(0deg,#fff,hsla(0,0%,100%,0) 130%);border-radius:8px;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:1rem}.post-card-title{color:var(--color-text);font-size:1rem;margin-bottom:.5rem}.post-card-excerpt{color:var(--color-light-text);font-size:1rem;margin:0}.featured-post-img{border-radius:5px;height:80px;object-fit:cover;width:80px}.featured-post-info{margin-left:.75rem}.featured-post-title{font-size:1.1rem;margin:0 0 .25rem}.featured-post-excerpt{color:#555;font-size:.9rem;margin:0}.featured-mobile-scroll{overflow-x:auto;padding-bottom:.5rem}.featured-post-card-mobile{flex:0 0 auto;max-width:250px;width:70%}.featured-post-img-mobile{border-radius:5px;height:120px;object-fit:cover;width:100%}.featured-post-title-mobile{color:#000;font-size:1rem;margin:.5rem 0 0}.newsletter-sidebar{background:#f8f9fa;border-radius:5px;padding:1rem;position:sticky;top:80px}.post-list{display:flex;flex-wrap:wrap;gap:1.5rem}@media (min-width:768px){.post-card{flex:0 0 calc(33.333% - 1.5rem);max-width:calc(33.333% - 1.5rem);min-width:260px}}@media (max-width:767.98px){.heroB{background:url(/images/blogH.webp) 50% no-repeat;background-size:cover;color:#fff;min-height:80vh;padding:4rem 2rem;position:relative}.post-list{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.post-card{flex:0 0 80%;max-width:80%;scroll-snap-align:start}.post-list:after,.post-list:before{content:"";flex:0 0 10%}.newsletter-form{margin:0 auto;max-width:400px}.hero-content{position:absolute}}.post-list::-webkit-scrollbar{display:none}@media (max-width:1180px){.hero-content h1{font-size:1.5rem}}.comment-section{background:#f8fafc;padding:1.5rem}.comment-card,.comment-section{border:1px solid #e5e7eb;border-radius:12px}.comment-card{background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.05)}.comment-feedback{color:#444;min-height:1.5rem;padding-top:.5rem}.comment-list{display:grid;gap:1rem}.comment-list .comment-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 18px rgba(0,0,0,.04);padding:1rem 1.25rem}.comment-meta{align-items:baseline;display:flex;font-size:.9rem;gap:.75rem}.comment-content{margin:.25rem 0 .75rem;white-space:pre-wrap}.comment-actions{display:flex;flex-wrap:wrap;gap:.5rem}.comment-actions button{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#111827;display:inline-flex;gap:.35rem;padding:.35rem .75rem;transition:all .2s ease}.comment-actions button:hover{background:#f0f4f8;transform:translateY(-1px)}.comment-actions button[data-active=true]{background:#e0f2fe;border-color:#38bdf8;color:#0ea5e9}.comment-inline-feedback{color:#b91c1c;font-size:.85rem;margin-top:.35rem}.comment-children{border-left:2px solid #e5e7eb;display:grid;gap:.75rem;margin-left:1.5rem;padding-left:1rem}.comment-item.comment-reply{background:#f9fafb}.comment-reply-indicator{align-items:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;display:flex;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem}.comment-consent-overlay{align-items:center;backdrop-filter:blur(1px);background:hsla(0,0%,100%,.8);border:1px dashed #cbd5e1;border-radius:12px;color:#475569;display:flex;inset:0;justify-content:center;padding:1rem;position:absolute;text-align:center;z-index:2}.comment-section .is-disabled{filter:grayscale(.6);opacity:.5;pointer-events:none}