.blog-hero{position:relative;padding:70px 0;background:linear-gradient(135deg,#0b3d5c,#0f5f85);color:var(--white);overflow:hidden}.blog-hero:after{content:"";position:absolute;inset:auto -10% -42% 34%;height:280px;background:rgba(246,179,107,.18);transform:rotate(-7deg)}.blog-hero .container{position:relative;z-index:1}.blog-hero h1{max-width:860px;margin:12px 0 18px;font-size:clamp(34px,5vw,54px);line-height:1.12}.blog-hero p{max-width:780px;color:#e6f2f7;font-size:18px}.blog-tools{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin-bottom:28px}.blog-search{min-height:50px;width:100%;border:1px solid var(--line);border-radius:8px;padding:0 16px;outline:0}.blog-search:focus{border-color:var(--primary-2);box-shadow:0 0 0 3px rgba(15,95,133,.12)}.category-tabs{display:flex;flex-wrap:wrap;gap:10px}.category-tabs button{min-height:46px;padding:0 16px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--primary);font-weight:850;cursor:pointer}.category-tabs button.active{background:var(--primary);border-color:var(--primary);color:var(--white)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.blog-card{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--line);border-radius:8px;background:var(--white);overflow:hidden;box-shadow:0 10px 28px rgba(11,61,92,.06)}.blog-card>div{padding:18px}.blog-thumb{min-height:158px;display:grid;place-items:center;background:linear-gradient(135deg,#eaf4f8,#fff2e3);color:var(--primary);font-size:42px;font-weight:900}.blog-category{color:var(--primary-2);font-size:13px;font-weight:850}.blog-card h3{margin:8px 0;font-size:21px;line-height:1.3}.blog-card p{margin:0 0 14px;color:var(--muted);font-size:15px;line-height:1.65}.blog-card a.read-more{color:var(--primary);font-weight:850}.blog-split{display:grid;grid-template-columns:1.4fr .8fr;gap:24px;align-items:start}.popular-list{display:grid;gap:12px}.popular-item,.sidebar-box{padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--white);box-shadow:0 10px 28px rgba(11,61,92,.06)}.popular-item span{color:var(--primary-2);font-size:13px;font-weight:850}.popular-item h3{margin:6px 0 0;font-size:18px;line-height:1.35}.article-hero{padding:64px 0}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;align-items:start}.article-main{max-width:820px}.article-main h2{margin:34px 0 12px;color:var(--primary);font-size:28px;line-height:1.25}.article-main p,.article-main li{color:#33485d;font-size:17px;line-height:1.85}.article-main ul{padding-left:22px}.article-image{margin:0 0 24px}.article-image img{width:100%;height:auto;border-radius:8px;display:block}.article-image figcaption{margin-top:8px;color:var(--muted);font-size:14px}.article-sidebar{position:sticky;top:104px;display:grid;gap:14px}.sidebar-box{padding:20px}.sidebar-box h2{margin:0 0 10px;font-size:20px;color:var(--primary)}.sidebar-box a:not(.btn){display:block;padding:8px 0;color:var(--primary);font-weight:800}.sidebar-box .btn{margin-top:10px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-cta{margin-top:34px;padding:26px;border-radius:8px;background:var(--primary);color:var(--white)}.article-cta h2{margin-top:0;color:var(--white)}.article-cta p{color:#d7ebf4}@media(max-width:980px){.blog-tools,.blog-split,.article-layout{grid-template-columns:1fr}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-sidebar{position:static}}@media(max-width:640px){.blog-hero{padding:52px 0}.blog-grid,.related-grid{grid-template-columns:1fr}.article-main h2{font-size:24px}}