.blog-section{padding-block:48px 72px}.blog-hero{max-width:800px;margin-bottom:40px}.blog-eyebrow{color:var(--color-ocean-600);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:600}.blog-hero h1,.blog-article-header h1{letter-spacing:-.035em;color:var(--text-primary);margin-block:16px 20px;font-size:clamp(32px,4.5vw,56px);line-height:1.12}.blog-hero>p:last-child,.blog-lead{color:var(--text-secondary);font-size:20px;line-height:1.65}.blog-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.blog-categories{flex-wrap:wrap;gap:8px;display:flex}.blog-categories a{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:9px 15px;font-size:14px}.blog-categories a:hover,.blog-categories a[aria-current]{background:var(--color-ocean-600);color:#fff}.blog-search{gap:8px;display:flex}.blog-search input,.blog-search button{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-page);color:var(--text-primary);font:inherit;padding:10px 12px}.blog-search input{min-width:0}.blog-search button{cursor:pointer}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.blog-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-page);overflow:hidden}.blog-card img,.blog-card__placeholder{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.blog-card__placeholder{background:var(--color-ocean-600);color:#fff;letter-spacing:.2em;place-items:center;display:grid}.blog-card__body{padding:24px}.blog-card h2{margin-block:12px;font-size:23px;line-height:1.3}.blog-card__body>p{color:var(--text-secondary);line-height:1.6}.blog-meta{color:var(--text-secondary);font-size:14px}.blog-read{color:var(--color-ocean-600);margin-top:20px;font-weight:600;display:inline-block}.blog-pagination{justify-content:center;gap:24px;margin-top:40px;display:flex}.blog-pagination a{color:var(--color-ocean-600)}.blog-empty{color:var(--text-secondary);grid-column:1/-1;padding-block:50px}.blog-article-header{max-width:850px;margin-inline:auto}.blog-cover{object-fit:cover;border-radius:var(--radius-lg);width:100%;max-height:600px;margin-top:32px;display:block}.blog-article-body{max-width:760px;margin:40px auto 0}.blog-prose{overflow-wrap:anywhere;color:var(--text-primary);font-size:18px;line-height:1.85}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose blockquote{margin-block:20px}.blog-prose h2{margin-block:36px 16px;font-size:30px;line-height:1.3}.blog-prose h3{margin-block:28px 12px;font-size:24px}.blog-prose ul{padding-inline-start:26px;list-style:outside}.blog-prose ol{padding-inline-start:26px;list-style:decimal}.blog-prose a{color:var(--color-ocean-600);text-decoration:underline}.blog-prose img{border-radius:var(--radius-md);max-width:100%;height:auto}.blog-prose blockquote{border-inline-start:3px solid var(--color-ocean-600);color:var(--text-secondary);padding-inline-start:24px}.blog-prose pre{background:var(--surface-page);border:1px solid var(--border-subtle);padding:20px;overflow:auto}.blog-related{padding-bottom:72px}.blog-related>h2{margin-bottom:24px;font-size:28px}.blog-preview{border:1px solid var(--color-ocean-600);color:var(--color-ocean-600);margin-bottom:24px;padding:16px}@media (width<=900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.blog-grid{grid-template-columns:1fr}.blog-section{padding-block:32px 48px}.blog-search{width:100%}.blog-search input{flex:1}.blog-prose{font-size:17px}}