.blog-page{flex:1;padding:48px 16px;color:#f5f5f5}.blog-list-container{max-width:1152px;margin:0 auto}.blog-article-container{max-width:1024px;margin:0 auto}.blog-page h1{font-size:30px;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.blog-intro{margin:8px 0 40px;color:#a3a3a3;line-height:1.5}.blog-list{display:grid;gap:32px}.blog-card{display:block;overflow:hidden;border:1px solid #262626;border-radius:12px;background:#171717}a.blog-card{transition:border-color .15s ease}a.blog-card:hover{border-color:#404040}.blog-card-cover{position:relative;aspect-ratio:16/9;overflow:hidden;background:#262626}.blog-article-cover img,.blog-card-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-card-body{padding:24px;min-width:0}.blog-card h2{margin:4px 0 8px;font-size:20px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}a.blog-card:hover h2{color:#60a5fa}.blog-card p{color:#a3a3a3;font-size:14px;line-height:1.625;overflow-wrap:anywhere}.blog-date-placeholder,.blog-page time{font-size:14px;line-height:1.5;color:#a3a3a3}.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.blog-tags span{padding:2px 8px;border-radius:999px;background:#262626;color:#a3a3a3;font-size:12px;line-height:1.4;overflow-wrap:anywhere;max-width:100%}.blog-cover-placeholder{align-items:center;justify-content:center;padding:24px;text-align:center}.blog-breadcrumb,.blog-cover-placeholder{display:flex;color:#a3a3a3;font-size:14px}.blog-breadcrumb{flex-wrap:wrap;gap:8px;margin-bottom:24px;overflow-wrap:anywhere}.blog-breadcrumb a:hover{color:#f5f5f5}.blog-article-header{margin-bottom:32px}.blog-article-header h1{margin:8px 0 16px}.blog-article-header>p{color:#a3a3a3;font-size:18px;line-height:1.625}.blog-article-header .blog-tags{margin-top:16px}.blog-article-cover{margin-top:32px;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#262626}.blog-preview-notice{margin-bottom:24px;padding:12px 16px;border:1px dashed #525252;border-radius:8px;color:#a3a3a3;font-size:14px}.blog-prose{color:#a3a3a3;line-height:1.75;overflow-wrap:anywhere}.blog-prose>:first-child{margin-top:0}.blog-prose h2,.blog-prose h3,.blog-prose h4{color:#f5f5f5;font-weight:600;line-height:1.35}.blog-prose h2{font-size:24px;margin:40px 0 16px}.blog-prose h3{font-size:20px;margin:32px 0 12px}.blog-prose h4{margin:24px 0 12px}.blog-prose blockquote,.blog-prose ol,.blog-prose p,.blog-prose pre,.blog-prose table,.blog-prose ul{margin:20px 0}.blog-prose ul{list-style:disc;padding-left:24px}.blog-prose ol{list-style:decimal;padding-left:24px}.blog-prose li{margin:8px 0}.blog-prose strong{color:#f5f5f5;font-weight:600}.blog-prose a{color:#60a5fa;text-decoration:none}.blog-prose a:hover{text-decoration:underline}.blog-prose img{width:auto;max-width:100%;height:auto;border-radius:8px;margin:24px auto}.blog-prose aside,.blog-prose blockquote{border-left:3px solid #525252;padding:8px 20px}.blog-prose code{border-radius:4px;padding:2px 6px;background:#262626;font-size:.875em}.blog-prose pre{padding:20px;overflow-x:auto;border-radius:8px;background:#171717}.blog-prose pre code{padding:0;background:transparent}.blog-prose table{display:block;width:-moz-max-content;width:max-content;max-width:100%;overflow-x:auto;border-collapse:collapse;white-space:nowrap}.blog-prose td,.blog-prose th{padding:12px 16px;border:1px solid #404040;text-align:left}.blog-prose th{color:#f5f5f5;background:#171717}.blog-prose hr{margin:32px 0;border-color:#404040}.blog-cta{margin-top:48px;padding:24px;border-radius:12px;border:1px solid #262626;background:#171717}.blog-cta h2{margin-bottom:16px;font-size:18px;font-weight:600}.blog-cta>div{display:flex;flex-wrap:wrap;gap:12px}.blog-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:1px solid #f5f5f5;border-radius:8px;color:#171717;background:#f5f5f5;font-size:14px;font-weight:500}.blog-button:hover{opacity:.9}.blog-button-secondary{border-color:#404040;background:transparent;color:#d4d4d4}@media (min-width:768px){.blog-page{padding-inline:24px}.blog-card-with-cover{display:grid;grid-template-columns:288px minmax(0,1fr)}.blog-card-cover{aspect-ratio:auto;min-height:208px}.blog-card-cover img{position:absolute;inset:0}.blog-article-header h1{font-size:36px}}@media (prefers-reduced-motion:reduce){a.blog-card{transition:none}}