.blog-header{text-align:left;padding:60px 20px 40px}.blog-header h1{margin-bottom:12px;font-size:3.5rem;line-height:1.1}.blog-header p{color:var(--color-text-fade);max-width:640px;margin-bottom:8px;font-size:1.1rem}.blog-header .btn{margin-top:16px;padding:5px 15px;font-size:.9rem}.blog-list{gap:20px;padding-top:0;padding-bottom:60px;display:grid}.blog-card{padding:28px 30px;transition:transform .3s,border-color .3s;display:block}.blog-card:hover{border-color:var(--color-accent);transform:translateY(-4px)}.blog-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.content-status-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.content-status{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-block}.content-status.is-up-to-date{color:var(--color-accent);border:1px solid #00ffff59}.content-status.is-outdated{color:#ffb020;border:1px solid #ffb02073}.blog-card h2{color:#fff;border:none;margin-bottom:8px;padding:0;font-size:1.5rem}.blog-card-date{color:var(--color-text-fade);font-size:.8rem}.blog-card-meta{color:var(--color-text-fade);margin-bottom:12px;font-size:.9rem}.blog-card p{color:#d0d0e0;margin:0;font-size:.95rem;line-height:1.7}.blog-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.blog-tag{color:var(--color-accent);letter-spacing:.02em;border:1px solid #00ffff59;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-block}.blog-empty{text-align:center;padding:48px 24px 56px}.blog-empty h2{color:#fff;border:none;margin-bottom:8px;padding:0;font-size:1.5rem}.blog-empty p{color:var(--color-text-fade);margin:0;font-size:1rem}.blog-post{padding-top:0;padding-bottom:60px}.blog-post-card{padding:36px 34px}.blog-post-title{color:#fff;border:none;margin-bottom:10px;padding:0;font-size:2.2rem;line-height:1.2}.blog-post-meta{color:var(--color-text-fade);margin-bottom:18px}.mdx-content{color:#d0d0e0;margin-top:24px;font-size:1rem;line-height:1.8}.mdx-content h2,.mdx-content h3,.mdx-content h4{color:var(--color-accent);border:none;margin:32px 0 12px;padding:0}.mdx-content h2{font-size:1.4rem}.mdx-content h3{font-size:1.15rem}.mdx-content p{margin-bottom:16px}.mdx-content a{color:var(--color-accent);text-decoration:underline}.mdx-content ul,.mdx-content ol{margin:0 0 16px 1.4rem}.mdx-content ul{list-style:outside}.mdx-content ol{list-style:decimal}.mdx-content li{margin-bottom:8px}.mdx-content strong{color:#fff}.mdx-content :not(pre)>code{color:var(--color-accent);background-color:#00ffff14;border-radius:4px;padding:2px 6px;font-size:.9em}.mdx-content figure[data-rehype-pretty-code-figure]{border:1px solid #ffffff14;border-radius:10px;margin:0 0 20px;overflow:hidden}.mdx-content figcaption[data-rehype-pretty-code-title]{color:var(--color-text-fade);background-color:#ffffff0a;border-bottom:1px solid #ffffff0f;padding:10px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem}.mdx-content figcaption[data-rehype-pretty-code-caption]{color:var(--color-text-fade);padding:8px 16px 12px;font-size:.85rem}.mdx-content pre{background-color:#282c34;margin:0;padding:16px 0;overflow-x:auto}.mdx-content pre code{background:0 0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;line-height:1.7}.mdx-content pre [data-line]{width:100%;padding:0 18px;display:inline-block}.mdx-content pre [data-highlighted-line]{background-color:#00ffff14}.mdx-content table{border-collapse:collapse;width:100%;margin:0 0 20px;display:block;overflow-x:auto}.mdx-content th,.mdx-content td{text-align:left;vertical-align:top;border:1px solid #ffffff14;padding:10px 14px}.mdx-content th{color:#fff;letter-spacing:.03em;text-transform:uppercase;background-color:#ffffff0a;font-size:.85rem}.mdx-content td{font-size:.95rem}.mdx-content td code{word-break:break-word}.mdx-content blockquote{border-left:3px solid var(--color-accent);color:var(--color-text-fade);margin:0 0 16px;padding:4px 0 4px 16px}@media (max-width:768px){.blog-header h1{font-size:2.4rem}.blog-post-title{font-size:1.7rem}.blog-post-card,.blog-card{padding:24px 20px}}