html,body{min-height:100%;margin:0}body{background:var(--bg)}#root{min-height:100vh}.blog-container{max-width:var(--maxw);padding-inline:var(--gut);margin:0 auto;padding-block:clamp(40px,6vw,80px)}.blog-header{border-bottom:1px solid var(--line);margin-bottom:clamp(32px,5vw,64px);padding-bottom:clamp(24px,4vw,40px)}.blog-title{font-family:var(--display);letter-spacing:.005em;text-transform:uppercase;color:var(--text);margin:16px 0 0;font-size:clamp(36px,6vw,64px);font-weight:600;line-height:.96}.blog-subtitle{color:var(--text-2);max-width:60ch;margin:20px 0 0;font-size:clamp(16px,2vw,20px);line-height:1.6}.blog-meta{font-family:var(--mono);letter-spacing:.08em;color:var(--text-3);flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;font-size:12px;display:flex}.blog-tag{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--steel-200);border:1px solid var(--line-2);background:var(--bg-1);padding:4px 8px;font-size:11px}.blog-back-link{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--steel-300);align-items:center;gap:8px;margin-bottom:28px;font-size:12px;transition:color .18s;display:inline-flex}.blog-back-link:hover{color:var(--ember)}.blog-article{max-width:820px;margin:0 auto}.blog-content{color:var(--text);font-family:var(--body);font-size:17px;line-height:1.7}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{font-family:var(--display);text-transform:uppercase;color:var(--text);margin-top:2em;margin-bottom:.6em;font-weight:600;line-height:1.1}.blog-content h1{font-size:clamp(28px,4vw,40px)}.blog-content h2{border-bottom:1px solid var(--line);padding-bottom:12px;font-size:clamp(24px,3.5vw,32px)}.blog-content h3{font-size:clamp(20px,3vw,26px)}.blog-content h4{font-size:clamp(17px,2.5vw,22px)}.blog-content p{color:var(--text-2);margin-top:0;margin-bottom:1.4em}.blog-content ul,.blog-content ol{color:var(--text-2);margin-top:0;margin-bottom:1.4em;padding-left:24px}.blog-content li{margin-bottom:.5em}.blog-content a{color:var(--ember);text-underline-offset:3px;text-decoration:underline;transition:color .18s}.blog-content a:hover{color:var(--ember-hot)}.blog-content blockquote{border-left:3px solid var(--ember);background:var(--bg-1);color:var(--text);margin:1.8em 0;padding:12px 24px;font-style:italic}.blog-content code{font-family:var(--mono);background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--steel-100);padding:2px 6px;font-size:.9em}.blog-content pre{background:var(--bg-inset);border:1px solid var(--line);border-radius:var(--r);margin:1.8em 0;padding:20px;overflow-x:auto}.blog-content pre code{background:0 0;border:none;padding:0}.blog-content hr{background:var(--line);border:0;height:1px;margin:2.5em 0}.blog-cta-block{background:var(--bg-2);border:1px solid var(--line);text-align:center;margin-top:clamp(48px,7vw,88px);padding:clamp(32px,5vw,56px);position:relative}.blog-cta-block:before{content:"";background:linear-gradient(90deg, var(--ember), transparent);width:100%;height:2px;position:absolute;top:0;left:0}.blog-cta-title{font-family:var(--display);text-transform:uppercase;color:var(--text);margin:0 0 16px;font-size:clamp(26px,4vw,38px);font-weight:600}.blog-cta-desc{color:var(--text-2);max-width:52ch;margin:0 auto 28px;font-size:16.5px;line-height:1.6}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.blog-card{background:var(--bg-2);border:1px solid var(--line);flex-direction:column;padding:clamp(24px,4vw,36px);transition:border-color .22s,background .22s,transform .22s;display:flex}.blog-card:hover{border-color:var(--line-2);background:var(--bg-3);transform:translateY(-3px)}.blog-card-title{font-family:var(--display);text-transform:uppercase;color:var(--text);margin:12px 0;font-size:clamp(20px,3vw,26px);font-weight:600;line-height:1.1;transition:color .18s}.blog-card:hover .blog-card-title{color:var(--ember)}.blog-card-desc{color:var(--text-2);flex:1;margin:0 0 20px;font-size:15px;line-height:1.6}.blog-card-link{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--steel-200);align-items:center;gap:8px;font-size:12px;transition:color .18s;display:inline-flex}.blog-card:hover .blog-card-link{color:var(--ember)}