.blog-hero{text-align:center;padding-block:var(--space-10) var(--space-8);max-width:640px;margin-inline:auto}
.blog-hero h1{font-size:clamp(1.8rem,3.8vw,2.4rem)}
.blog-hero p{color:var(--text-secondary);margin-top:var(--space-3)}
.search-box{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);max-width:440px;margin:var(--space-6) auto 0}
.search-box:focus-within{border-color:var(--navy-800)}
.search-box svg{width:20px;height:20px;stroke:var(--text-tertiary);margin-inline-start:var(--space-3)}
.search-box input{flex:1;border:0;background:transparent;font-family:inherit;font-size:.95rem;min-height:44px;color:var(--navy-900)}
.search-box input:focus{outline:none}
.search-box .btn{padding:var(--space-2) var(--space-5);min-height:40px}
.bchips{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center;margin-bottom:var(--space-8)}
.bchips button{font-size:.85rem;font-weight:600;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--text-secondary);background:var(--bg-elevated);min-height:40px}
.bchips button.on{background:var(--navy-900);color:var(--ivory-50);border-color:var(--navy-900)}
.featured-post{display:grid;grid-template-columns:1.15fr 1fr;gap:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-e2);margin-bottom:var(--space-12)}
@media(max-width:820px){.featured-post{grid-template-columns:1fr}}
.featured-post .m{background:linear-gradient(135deg,var(--navy-900),var(--navy-700));min-height:280px;display:flex;align-items:center;justify-content:center;position:relative}
.featured-post .m svg{width:64px;height:64px;stroke:rgba(224,197,143,.7)}
.featured-post .m .cat{position:absolute;top:var(--space-4);inset-inline-start:var(--space-4);background:var(--gold-500);color:var(--navy-900);font-size:.72rem;font-weight:700;padding:4px 12px;border-radius:var(--radius-pill)}
.featured-post .b{padding:clamp(24px,3vw,var(--space-10));display:flex;flex-direction:column;justify-content:center}
.featured-post .tag{font-size:.75rem;font-weight:600;color:var(--gold-text)}
.featured-post h2{font-size:clamp(1.3rem,2.4vw,1.75rem);line-height:1.35;margin-top:var(--space-2)}
.featured-post p{color:var(--text-secondary);line-height:1.8;margin-top:var(--space-3)}
.featured-post .meta{margin-top:var(--space-5);font-size:.78rem;color:var(--text-tertiary);display:flex;gap:var(--space-4)}
.featured-post .rd{margin-top:var(--space-5)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.blog-grid{grid-template-columns:1fr}}
.post{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-e1);transition:box-shadow var(--duration-base),transform var(--duration-base);display:flex;flex-direction:column}
.post:hover{box-shadow:var(--shadow-e2);transform:translateY(-3px)}
.post .m{aspect-ratio:16/9;background:linear-gradient(135deg,var(--navy-800),var(--navy-700));display:flex;align-items:center;justify-content:center;position:relative}
.post .m svg{width:40px;height:40px;stroke:rgba(224,197,143,.6)}
.post .cat{position:absolute;top:var(--space-3);inset-inline-start:var(--space-3);background:var(--gold-500);color:var(--navy-900);font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:var(--radius-pill)}
.post .b{padding:var(--space-5);display:flex;flex-direction:column;flex:1}
.post h3{font-size:1.05rem;line-height:1.4}
.post p{color:var(--text-secondary);font-size:.85rem;margin-top:var(--space-2);flex:1}
.post .meta{margin-top:var(--space-4);font-size:.72rem;color:var(--text-tertiary);display:flex;gap:var(--space-3)}
.pagination{display:flex;gap:var(--space-2);justify-content:center;align-items:center;margin-top:var(--space-12)}
.pagination a,.pagination span{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--border);font-weight:600;font-size:.9rem;color:var(--text-secondary);background:var(--bg-elevated)}
.pagination a:hover{border-color:var(--navy-800)}
.pagination .on{background:var(--navy-900);color:var(--ivory-50);border-color:var(--navy-900)}
.pagination .nav svg{width:18px;height:18px}
.newsletter{position:relative;border-radius:var(--radius-2xl);overflow:hidden;color:var(--ivory-50);background:var(--navy-900);margin-top:var(--space-16)}
.newsletter .inner{position:relative;padding:clamp(32px,5vw,var(--space-20)) var(--pad-inline);text-align:center;max-width:600px;margin-inline:auto}
.newsletter .eyebrow{color:var(--gold-300)}.newsletter h2{color:var(--ivory-50)}
.newsletter p{color:var(--sand-200);margin-top:var(--space-3)}
.nl-form{display:flex;gap:var(--space-2);margin-top:var(--space-6);max-width:440px;margin-inline:auto}
.nl-form input{flex:1;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid rgba(224,197,143,.3);background:rgba(16,33,52,.6);color:var(--ivory-50);font-family:inherit;min-height:48px}
.nl-form input::placeholder{color:rgba(217,203,194,.55)}
@media(max-width:560px){.nl-form{flex-direction:column}}