.tp-blog-hero{padding:9rem var(--pad) 5rem;position:relative;overflow:clip;text-align:center}.tp-blog-hero h1{font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:800;line-height:1.15;max-width:720px;margin:1rem auto 0;letter-spacing:-.03em}.tp-blog-hero-desc{color:var(--txt-2);font-size:1rem;max-width:540px;margin:.8rem auto 0;font-weight:300;line-height:1.7}.tp-blog-section{padding:0 0 4rem}.tp-blog-controls{max-width:800px;margin:0 auto 1.5rem;display:flex;flex-direction:column;gap:.8rem}.tp-blog-search-wrap{position:relative;display:flex;align-items:center}.tp-blog-search-ico{position:absolute;left:12px;font-size:.65rem;color:var(--txt-3);pointer-events:none}.tp-blog-search{width:100%;padding:.55rem .55rem .55rem 2rem;font-family:var(--f-m);font-size:.78rem;color:var(--txt);background:var(--bg-1);border:1px solid var(--border-2);border-radius:10px;outline:none;transition:border-color .2s}.tp-blog-search::placeholder{color:var(--txt-3)}.tp-blog-search:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-glow)}.tp-blog-search-wrap:focus-within .tp-blog-search-ico{color:var(--accent)}.tp-blog-search:focus::placeholder{opacity:.5}[data-theme="light"] .tp-blog-search{border-color:var(--border)}[data-theme="light"] .tp-blog-search:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-glow)}.tp-blog-search-clear{position:absolute;right:58px;background:none;border:none;color:var(--txt-3);cursor:pointer;font-size:.6rem;padding:4px;transition:color .15s}.tp-blog-search-clear:hover{color:var(--txt)}.tp-blog-search-count{position:absolute;right:12px;font-family:var(--f-m);font-size:.6rem;color:var(--txt-3);pointer-events:none}.tp-blog-filters{display:flex;gap:.4rem;flex-wrap:wrap}.tp-blog-filter{font-family:var(--f-m);font-size:.65rem;font-weight:500;color:var(--txt-3);background:var(--bg-1);border:1px solid var(--border);border-radius:100px;padding:.3rem .7rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:4px}.tp-blog-filter i{font-size:.45rem}.tp-blog-filter:hover{color:var(--txt-2);border-color:var(--border-2)}.tp-blog-filter.active{color:var(--accent);background:var(--accent-dim);border-color:var(--accent-border)}.tp-blog-grid{display:flex;flex-direction:column;gap:1.2rem;max-width:800px;margin:0 auto}.tp-blog-card{display:flex;background:var(--bg-1);border:1px solid var(--border-2);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--txt);transition:border-color .25s,transform .2s,box-shadow .25s}.tp-blog-card:hover{border-color:var(--accent-border);transform:translateY(-3px);box-shadow:0 12px 40px rgb(0 0 0 / .1)}[data-theme="light"] .tp-blog-card{border-color:var(--border)}[data-theme="light"] .tp-blog-card:hover{border-color:var(--accent-border);box-shadow:0 12px 40px rgb(0 0 0 / .06)}.tp-blog-card-img{width:220px;min-width:220px;background:var(--bg-2);display:flex;align-items:center;justify-content:center;overflow:hidden}.tp-blog-card-img-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:180px;color:var(--accent);font-size:2rem;opacity:.3}.tp-blog-card-body{flex:1;padding:1.3rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;min-width:0}.tp-blog-card-meta{display:flex;align-items:center;gap:.6rem}.tp-blog-card-cat{display:inline-flex;align-items:center;gap:4px;font-family:var(--f-m);font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:100px;padding:2px 8px}.tp-blog-card-cat i{font-size:.4rem}.tp-blog-card-time{font-family:var(--f-m);font-size:.55rem;color:var(--txt-3);display:flex;align-items:center;gap:3px}.tp-blog-card-time i{font-size:.4rem}.tp-blog-card-title{font-family:var(--f-d);font-size:1.1rem;font-weight:800;line-height:1.3;letter-spacing:-.02em;margin:0}.tp-blog-card-excerpt{font-family:var(--f-b);font-size:.82rem;color:var(--txt-2);line-height:1.7;font-weight:300;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tp-blog-card-link{font-family:var(--f-m);font-size:.7rem;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:5px;margin-top:auto;transition:gap .2s}.tp-blog-card-link i{font-size:.5rem}.tp-blog-card:hover .tp-blog-card-link{gap:8px}.tp-blog-empty{text-align:center;padding:3rem 1rem;max-width:800px;margin:0 auto}.tp-blog-empty-ico{font-size:1.5rem;color:var(--txt-3);opacity:.4;margin-bottom:.8rem}.tp-blog-empty-text{font-family:var(--f-m);font-size:.85rem;color:var(--txt-3);margin-bottom:1rem}.tp-blog-empty-reset{font-family:var(--f-m);font-size:.72rem;font-weight:600;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:8px;padding:.4rem 1rem;cursor:pointer;transition:background .2s}.tp-blog-empty-reset:hover{background:var(--accent-glow)}.tp-blog-pagination{display:flex;justify-content:center;gap:.35rem;margin-top:1.5rem;max-width:800px;margin-left:auto;margin-right:auto}.tp-blog-page-btn{font-family:var(--f-m);font-size:.7rem;font-weight:600;color:var(--txt-3);background:var(--bg-1);border:1px solid var(--border);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.tp-blog-page-btn i{font-size:.45rem}.tp-blog-page-btn:hover:not(:disabled){color:var(--txt);border-color:var(--border-2)}.tp-blog-page-btn.active{color:var(--accent);background:var(--accent-dim);border-color:var(--accent-border)}.tp-blog-page-btn:disabled{opacity:.3;cursor:default}.tp-blog-cta{padding:3rem 0 6rem}@media(max-width:920px){.tp-blog-hero{padding:7rem var(--pad) 3rem}}@media(max-width:700px){.tp-blog-card{flex-direction:column}.tp-blog-card-img{width:100%;min-width:auto;min-height:140px}.tp-blog-card-img-placeholder{min-height:140px}.tp-blog-card-body{padding:1rem 1.2rem}.tp-blog-card-title{font-size:.95rem}}@media(max-width:600px){.tp-blog-hero{padding:6rem var(--pad) 2.5rem}.tp-blog-hero h1{font-size:clamp(1.5rem,6vw,2rem)}.tp-blog-section{padding:0 0 3rem}.tp-blog-cta{padding:2rem 0 3.5rem}.tp-blog-filters{gap:.3rem}.tp-blog-filter{font-size:.58rem;padding:.25rem .55rem}}