.section-page{color:#e4e4e7;background:#0a0a0a;min-height:100vh;padding:80px 32px 48px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.section-page__header{max-width:720px;margin:0 auto 40px}.section-page__title{color:#fff;margin:0 0 8px;font-size:2rem;font-weight:600}.section-page__subtitle{opacity:.4;margin:0;font-size:.9rem}.section-page__topic{opacity:.4;margin:0 8px 0 0;font-size:.9rem;display:inline-block}.section-page__content{color:#e4e4e7a6;max-width:720px;margin:0 auto;font-size:.9rem;line-height:1.7}.section-page__content p{margin:0 0 20px}.section-page__content h2{color:#fff;opacity:1;margin:40px 0 12px;font-size:1.15rem;font-weight:600}.divider{opacity:.5;border-top:1px solid #fff;margin:10px 0}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:32px;display:grid}.blog-card{background:#0d0d0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column-reverse;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 30px #0006,0 0 40px #54b6eb4d}.blog-card__content{flex:1;padding:20px 24px}.blog-card__title{color:#e4e4e7;margin:0;font-size:1.1rem;font-weight:600;line-height:1.4}.blog-card__date{color:#888;margin:8px 0 0;font-size:.8rem}.blog-card__image{object-fit:cover;filter:grayscale(40%)contrast(1.1);border-top:1px solid #00000080;width:100%;height:100%;transition:filter .3s;position:absolute;top:0;left:0}.blog-card__image-wrapper{width:100%;height:200px;position:relative}.blog-card:hover .blog-card__image{filter:grayscale(0%)contrast()}.blog-card__image--placeholder{background:linear-gradient(135deg,#111,#222)}.markdown-body{color:#e4e4e7;font-family:inherit;line-height:1.7}.markdown-body h1{font-size:2rem;font-weight:800}.markdown-body h2{font-size:1.5rem;font-weight:800}.markdown-body h3{font-size:1.2rem;font-weight:800}.markdown-body p{opacity:.85;margin-bottom:1.5em}.markdown-body code{background:#ffffff1a;border-radius:4px;padding:.2em .4em;font-family:monospace;font-size:.9em}.markdown-body pre{background:#0d0d0d;border:1px solid #ffffff0d;border-radius:8px;padding:16px;overflow-x:auto}.markdown-body pre code{background:0 0;padding:0}.markdown-body ul,.markdown-body ol{opacity:.85;margin-bottom:1.5em;padding-left:2em}.markdown-body li{margin-bottom:.5em}.markdown-body blockquote{color:#a1a1aa;border-left:3px solid #444;margin:0 0 1.5em;padding-left:1em}.markdown-body img{opacity:1;border-radius:8px;max-width:100%;margin:1.5em 0}