:root{--tr-teal:#2ab09d;--tr-teal-600:#229485;--tr-teal-700:#1a7a6e;--tr-teal-tint:#e6f5f1;--tr-navy:#365b6d;--tr-ink:#222;--tr-body:#4a555c;--tr-muted:#8a949b;--tr-faint:#d0d5d9;--tr-line:#e6e9eb;--tr-line-strong:#c8ced3;--tr-surface:#f4f7f8;--tr-shadow-sm:0 2px 16px #22282c12;--tr-shadow-md:0 6px 28px #22282c1a;--tr-font-display:"Poppins",system-ui,sans-serif;--tr-font-body:"Mulish",system-ui,sans-serif}body{background:var(--tr-surface);font-family:var(--tr-font-body);color:var(--tr-ink)}.blog-hero{background:var(--tr-navy);text-align:center;padding:56px 0 64px}.blog-hero h1{font-family:var(--tr-font-display);color:#fff;letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(32px,5vw,48px);font-weight:700}.blog-hero p{color:#ffffffb8;max-width:480px;margin:0 auto;font-size:17px;line-height:1.6}.filter-bar{border-bottom:1px solid var(--tr-line);z-index:20;background:#fff;position:sticky;top:0}.filter-inner{scrollbar-width:none;align-items:center;gap:4px;max-width:1200px;margin:0 auto;padding:0 28px;display:flex;overflow-x:auto}.filter-inner::-webkit-scrollbar{display:none}.filter-btn{font-family:var(--tr-font-body);color:var(--tr-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;padding:14px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s,border-color .15s;display:inline-block}.filter-btn:hover{color:var(--tr-ink)}.filter-btn.active{color:var(--tr-teal);border-bottom-color:var(--tr-teal)}.blog-wrap{max-width:1200px;margin:0 auto;padding:48px 28px 120px}.featured-post{border:1px solid var(--tr-line);box-shadow:var(--tr-shadow-md);color:inherit;background:#fff;border-radius:20px;grid-template-columns:1.2fr 1fr;gap:0;margin-bottom:48px;text-decoration:none;transition:box-shadow .2s;display:grid;overflow:hidden}.featured-post:hover{box-shadow:0 12px 40px #22282c24}.featured-img{background:var(--tr-surface);min-height:320px;color:var(--tr-muted);border-right:1px solid var(--tr-line);justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex;position:relative;overflow:hidden}.featured-img img{object-fit:cover;width:100%;height:100%;display:block}.featured-badge{background:var(--tr-teal);color:#fff;letter-spacing:.06em;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:16px;left:16px}.featured-body{flex-direction:column;justify-content:center;padding:40px 36px;display:flex}.post-category{letter-spacing:.08em;color:var(--tr-teal);margin-bottom:12px;font-size:12px;font-weight:700}.featured-body h2{font-family:var(--tr-font-display);letter-spacing:-.01em;color:var(--tr-ink);margin-bottom:14px;font-size:26px;font-weight:700;line-height:1.2}.featured-body p{color:var(--tr-body);margin-bottom:24px;font-size:15px;line-height:1.7}.post-meta{color:var(--tr-muted);align-items:center;gap:12px;font-size:13px;font-weight:500;display:flex}.post-meta-dot{background:var(--tr-faint);border-radius:50%;width:3px;height:3px}.read-more{color:var(--tr-teal);margin-top:20px;font-size:14px;font-weight:700}.section-heading{font-family:var(--tr-font-display);color:var(--tr-ink);border-bottom:2px solid var(--tr-line);margin-bottom:20px;padding-bottom:12px;font-size:18px;font-weight:700}.post-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;display:grid}.post-card{border:1px solid var(--tr-line);color:inherit;background:#fff;border-radius:16px;flex-direction:column;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.post-card:hover{box-shadow:var(--tr-shadow-md);transform:translateY(-2px)}.post-thumb{background:var(--tr-surface);height:180px;color:var(--tr-muted);border-bottom:1px solid var(--tr-line);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:flex;position:relative;overflow:hidden}.post-thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb-category{background:var(--tr-navy);color:#fff;letter-spacing:.05em;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700;position:absolute;bottom:10px;left:12px}.post-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.post-card-body h3{font-family:var(--tr-font-display);color:var(--tr-ink);margin-bottom:10px;font-size:16px;font-weight:700;line-height:1.3}.post-card-body p{color:var(--tr-body);flex:1;margin-bottom:16px;font-size:13.5px;line-height:1.65}.post-card-meta{color:var(--tr-muted);border-top:1px solid var(--tr-line);align-items:center;gap:8px;margin-top:auto;padding-top:12px;font-size:12px;font-weight:500;display:flex}@media (width<=960px){.post-grid{grid-template-columns:repeat(2,1fr)}.featured-post{grid-template-columns:1fr}.featured-img{border-right:none;border-bottom:1px solid var(--tr-line);min-height:200px}.featured-body{padding:24px 22px 28px}.featured-body h2{font-size:20px}.featured-body p{font-size:14px}}@media (width<=600px){.blog-hero{padding:36px 0 44px}.blog-hero h1{font-size:28px}.blog-hero p{font-size:15px}.blog-wrap{padding:24px 16px 120px}.post-grid{grid-template-columns:1fr;gap:14px}.filter-inner{gap:0;padding:0 16px}.filter-btn{padding:12px;font-size:13px}.featured-post{border-radius:14px}.featured-img{min-height:180px}.featured-body{padding:20px 18px 24px}.featured-body h2{margin-bottom:10px;font-size:18px}.featured-body p{margin-bottom:16px;font-size:14px}.featured-badge{padding:3px 8px;font-size:10px}.post-card{border-radius:12px}.post-thumb{height:160px}.post-card-body{padding:16px}.post-card-body h3{font-size:15px}.post-card-body p{font-size:13px}.section-heading{font-size:16px}}