.blogpost-hero{padding:140px 0 50px;position:relative;z-index:1}.blogpost-hero-inner{max-width:720px}.blogpost-back{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--ink-medium);transition:color .2s;text-decoration:none}.blogpost-back:hover{color:var(--blue-accent)}.blogpost-category-tag{display:block;margin-top:18px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--blue-accent)}.blogpost-hero h1{font-size:40px;line-height:1.2;letter-spacing:-.5px;margin-bottom:18px;margin-top:8px}.blogpost-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;color:var(--ink-medium)}.blogpost-meta span{display:inline-flex;align-items:center;gap:5px}.blogpost-content-section{padding:50px 0 80px}.blogpost-article{max-width:720px}.blogpost-article h2{font-size:22px;margin:36px 0 14px;padding-top:12px}.blogpost-article h2:first-child{margin-top:0}.blogpost-article p{font-size:16px;line-height:1.8;color:var(--ink-dark);margin-bottom:16px}.blogpost-footer{display:flex;align-items:center;justify-content:space-between;margin-top:48px;padding-top:24px;border-top:1px dashed #ddd;max-width:720px}.blogpost-share{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:1.5px solid #e0e0e0;border-radius:50px;font-size:14px;font-weight:500;font-family:inherit;color:var(--ink-medium);cursor:pointer;background:none;transition:all .25s}.blogpost-share:hover{border-color:var(--blue-accent);color:var(--blue-accent)}.blogpost-hero--cover{background-size:cover;background-position:center;position:relative}.blogpost-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0009,#000000bf);z-index:1}.blogpost-back--light{color:#fffc!important}.blogpost-back--light:hover{color:#fff!important}.blogpost-category-tag--light{color:#ffffffbf!important}.blogpost-hero-title--light{color:#fff}.blogpost-meta--light{color:#ffffffb3!important}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{margin:32px 0 14px;line-height:1.3}.blog-content h1{font-size:28px}.blog-content h2{font-size:22px}.blog-content h3{font-size:18px}.blog-content p{font-size:16px;line-height:1.8;color:var(--ink-dark);margin-bottom:16px}.blog-content ul,.blog-content ol{padding-left:24px;margin-bottom:16px}.blog-content li{font-size:16px;line-height:1.7;color:var(--ink-dark);margin-bottom:6px}.blog-content blockquote{border-left:3px solid var(--blue-accent);padding:12px 20px;margin:24px 0;background:var(--bg-cream);border-radius:0 8px 8px 0;font-style:italic;color:var(--ink-medium)}.blog-content code{background:#f4f4f4;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:14px}.blog-content pre{background:#1e1e2e;color:#cdd6f4;padding:20px 24px;border-radius:10px;overflow-x:auto;margin-bottom:20px}.blog-content pre code{background:none;padding:0;color:inherit;font-size:14px}.blog-content img{max-width:100%;border-radius:10px;margin:20px 0}.blog-content a{color:var(--blue-accent);text-decoration:underline}.blog-content hr{border:none;border-top:1px dashed #ddd;margin:32px 0}@media(max-width:768px){.blogpost-hero h1{font-size:28px}.blogpost-article p{font-size:15px}}