.blogs-page{background:var(--color-bg)}.blogs-hero{border-bottom:1px solid var(--color-border);background:radial-gradient(circle at 88% 12%,var(--color-accent-soft) 0,transparent 28%),linear-gradient(135deg,var(--color-bg) 0%,var(--color-surface) 100%)}.blogs-hero .page-hero__content{max-width:68rem}.blogs-hero h1{max-width:18ch}.blogs-heading{display:flex;justify-content:space-between;gap:var(--space-10);align-items:end;margin-bottom:var(--space-10)}.blogs-heading>p{max-width:34rem;color:var(--color-text-muted);line-height:1.7}.blog-list{max-width:62rem}.blog-card{padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg,var(--shadow-card));border-color:var(--color-accent)}.blog-card--featured{border-top:4px solid var(--color-brand)}.blog-card__top,.blog-card__footer{display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.blog-card__top{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:800;letter-spacing:.05em;text-transform:uppercase}.blog-card h2{margin-top:var(--space-5);max-width:28ch;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.25}.blog-card>p{max-width:52rem;margin-top:var(--space-5);color:var(--color-text-muted);font-size:1.05rem;line-height:1.8}.blog-card__footer{align-items:center;margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.9rem}.blog-card__footer a{font-weight:800;text-decoration:none}.blog-card__footer a:hover{text-decoration:underline}.blog-note{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-10);align-items:start}.blog-note>p{margin:0;color:var(--color-text-muted);font-size:1.05rem;line-height:1.8}.thoughts-page-links{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-5)}
@media(max-width:47.99rem){.blogs-heading,.blog-note{grid-template-columns:1fr;display:grid}.blog-card__footer{align-items:flex-start;flex-direction:column}.blogs-hero h1{max-width:none}}