.blog-hero{background:linear-gradient(180deg,#0d2b4e 0%,#133b6b 100%);color:#fff;padding:4rem 0 3rem}.blog-hero h1{color:#fff;font-size:2.6rem}.blog-hero p.lede{font-size:1.15rem;max-width:640px;opacity:0.9}.cat-pills{display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:1rem}.cat-pills a{padding:0.4rem 0.9rem;border-radius:999px;background:rgba(255,255,255,0.08);color:#fff;font-size:0.85rem;text-decoration:none;border:1px solid rgba(255,255,255,0.15)}.cat-pills a:hover,.cat-pills a.active{background:var(--th-gold);color:var(--th-blue-deep);border-color:var(--th-gold)}.featured-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(13,43,78,0.08);display:grid;grid-template-columns:1.2fr 1fr;gap:0;border:1px solid var(--th-grey-100);margin-bottom:2.5rem}.featured-card .hero-img{background:var(--th-cream) center/cover no-repeat;min-height:320px}.featured-card .body{padding:2rem;display:flex;flex-direction:column;gap:0.5rem;justify-content:center}.featured-card .body .meta{color:var(--th-gold);font-size:0.78rem;text-transform:uppercase;letter-spacing:0.1em;font-weight:700}.featured-card .body h2{font-size:2rem;margin:0.4rem 0 0.7rem}.featured-card .body h2 a{color:var(--th-blue-deep);text-decoration:none}.featured-card .body h2 a:hover{color:var(--th-blue-soft)}.featured-card .body p{color:var(--th-grey-700);margin-bottom:1rem}.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.article-card{background:#fff;border-radius:var(--th-radius-lg);overflow:hidden;border:1px solid var(--th-grey-100);box-shadow:var(--th-shadow);display:flex;flex-direction:column}.article-card .hero-img{background:var(--th-cream) center/cover no-repeat;aspect-ratio:16 / 9}.article-card .body{padding:1.2rem 1.4rem;flex:1;display:flex;flex-direction:column}.article-card .meta{color:var(--th-gold);font-size:0.74rem;text-transform:uppercase;letter-spacing:0.1em;font-weight:700;margin-bottom:0.4rem}.article-card h3{font-size:1.2rem;margin:0 0 0.5rem}.article-card h3 a{color:var(--th-blue-deep);text-decoration:none}.article-card h3 a:hover{color:var(--th-blue-soft)}.article-card p{color:var(--th-grey-700);font-size:0.93rem;line-height:1.5;flex:1}.article-card .footer-meta{font-size:0.78rem;color:var(--th-grey-400);margin-top:0.6rem}.pagination{margin:2.5rem 0 0;display:flex;gap:0.5rem;justify-content:center;align-items:center}.pagination a,.pagination span{padding:0.5rem 0.95rem;border-radius:8px;text-decoration:none;font-size:0.9rem;font-weight:600;background:#fff;color:var(--th-blue-deep);border:1px solid var(--th-grey-200)}.pagination a:hover{background:var(--th-cream);border-color:var(--th-gold)}.pagination .current{background:var(--th-gold);color:var(--th-blue-deep);border-color:var(--th-gold)}.pagination .disabled{opacity:0.4;pointer-events:none}.article-page{max-width:760px;margin:0 auto}.article-page .back-to-blog{display:inline-block;margin-bottom:1rem;color:var(--th-blue-soft);font-size:0.9rem}.article-page .article-meta{color:var(--th-gold);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.1em;font-weight:700;margin-bottom:0.4rem}.article-page h1{font-size:2.4rem;margin-bottom:0.4rem}.article-page .summary{font-size:1.15rem;color:var(--th-grey-700);margin-bottom:1.5rem}.article-page .author-line{font-size:0.9rem;color:var(--th-grey-700)}.article-page .hero{width:100%;aspect-ratio:16 / 8;object-fit:cover;border-radius:16px;margin:1.5rem 0 2rem;background:var(--th-cream)}.article-body{font-size:1.05rem;line-height:1.75;color:var(--th-text)}.article-body h2,.article-body h3{font-family:var(--th-serif);color:var(--th-blue-deep);margin:2rem 0 0.6rem}.article-body p{margin:0 0 1.1rem}.article-body ul,.article-body ol{padding-left:1.4rem;margin-bottom:1rem}.article-body li{margin-bottom:0.4rem}.article-body a{color:var(--th-blue-soft)}.article-body code{background:var(--th-grey-50);padding:0.1rem 0.4rem;border-radius:4px;font-size:0.92em}.article-body pre{background:var(--th-grey-50);padding:1rem;border-radius:8px;overflow-x:auto}.related-section{margin-top:4rem}@media (max-width:720px){.featured-card{grid-template-columns:1fr}.featured-card .hero-img{min-height:220px}.blog-hero h1{font-size:2rem}}