.blog-hero{background:#fff;padding-top:32px;padding-bottom:40px}.blog-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:#475569;margin-bottom:24px}.blog-breadcrumb a{color:var(--color-sesame-indigo-300);text-decoration:none}.blog-breadcrumb a:hover{text-decoration:underline}.blog-breadcrumb__current{color:#1e293b;font-weight:500}.blog-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.blog-hero__desc{font-size:16px;color:#475569;line-height:1.65;margin:0 0 18px}.blog-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:#64748b;margin-bottom:12px}.blog-hero__meta strong{color:var(--color-sesame-dark)}.blog-hero__dot{color:#cbd5e1}.blog-hero__tags{display:flex;flex-wrap:wrap;gap:6px}.blog-tag{background:var(--color-sesame-indigo-100);color:var(--color-sesame-indigo-text);border-radius:9999px;padding:3px 12px;font-size:12px;font-weight:500}.blog-hero__img{border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:var(--color-sesame-neutral-border)}.blog-hero__img img{width:100%;height:100%;object-fit:cover;display:block}.blog-body{display:grid;grid-template-columns:220px 1fr 240px;gap:40px;align-items:start}.blog-toc{position:sticky;top:24px}.blog-toc__inner{background:var(--color-sesame-neutral-50);border:1px solid var(--color-sesame-neutral-border);border-radius:12px;padding:18px 16px}.blog-toc__title{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;margin:0 0 12px}.toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.toc-item{margin:0}.toc-item--sub .toc-link{padding-left:14px;font-size:12px}.toc-link{display:block;font-size:13px;color:#64748b;text-decoration:none;padding:5px 8px;border-radius:6px;line-height:1.4;transition:color .15s,background .15s;border-left:2px solid transparent}.toc-link:hover{color:var(--color-sesame-indigo-300);background:var(--color-sesame-indigo-100)}.toc-link--active{color:var(--color-sesame-indigo-300);font-weight:600;border-left-color:var(--color-sesame-indigo-300);background:var(--color-sesame-indigo-100)}.blog-sidebar{position:sticky;top:24px;display:flex;flex-direction:column;gap:16px}.blog-widget{background:#fff;border:1px solid var(--color-sesame-neutral-border);border-radius:12px;padding:18px}.blog-widget__author{display:flex;align-items:center;gap:12px}.blog-widget__avatar{width:44px;height:44px;border-radius:50%;background:var(--color-sesame-indigo-300);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.blog-widget__name{font-size:14px;font-weight:700;color:var(--color-sesame-dark);margin:0 0 2px}.blog-widget__role{font-size:12px;color:#64748b;margin:0}.blog-widget__label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;margin:0 0 10px}.blog-widget__share{display:flex;flex-direction:column;gap:8px}.blog-share-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s}.blog-share-btn:hover{opacity:.85}.blog-share-btn--x{background:#000;color:#fff}.blog-share-btn--li{background:#0a66c2;color:#fff}.blog-widget--cta{background:var(--color-sesame-indigo-100);border-color:#d4d0ff}.blog-widget__cta-title{font-size:15px;font-weight:700;color:var(--color-sesame-dark);margin:0 0 6px;line-height:1.3}.blog-widget__cta-body{font-size:13px;color:#475569;margin:0 0 14px;line-height:1.5}.blog-widget__cta-btn{display:block;background:var(--color-sesame-indigo-300);color:#fff;text-align:center;padding:10px;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .15s}.blog-widget__cta-btn:hover{opacity:.88}.blog-content{font-family:var(--font-family-figtree);color:var(--color-sesame-dark);line-height:1.75;font-size:17px;min-width:0}.blog-content p{margin:0 0 1.5em;text-wrap:pretty}.blog-content h2{font-size:var(--font-size-h2);line-height:var(--line-height-h2);font-weight:700;margin:1.8em 0 .6em;color:var(--color-sesame-dark)}.blog-content h3{font-size:22px;line-height:30px;font-weight:700;margin:1.6em 0 .5em;color:var(--color-sesame-dark)}.blog-content strong{font-weight:700}.blog-content a{color:var(--color-sesame-indigo-300);text-decoration:underline}.blog-content ul,.blog-content ol{margin:0 0 1.5em 1.5em}.blog-content li{margin-bottom:.4em}.blog-content img{width:100%;border-radius:var(--radius-img);margin:1.5em 0}.blog-content blockquote{border-left:4px solid var(--color-sesame-indigo-300);background:var(--color-sesame-indigo-100);border-radius:0 var(--radius-icon) var(--radius-icon) 0;padding:16px 20px;margin:1.5em 0}.blog-content blockquote p{margin:0 0 .5em;font-style:italic;font-size:17px;color:var(--color-sesame-dark)}.blog-content blockquote p:last-child{margin:0;font-style:normal;font-size:14px;color:#64748b}@media(max-width:1024px){.blog-body{grid-template-columns:1fr}.blog-toc,.blog-sidebar{position:static}.blog-toc{order:-1}.blog-sidebar{order:1}}@media(max-width:767px){.blog-hero__grid{grid-template-columns:1fr;gap:24px}.blog-hero__img{order:-1;aspect-ratio:16/9}.blog-content{font-size:16px}.blog-content h3{font-size:20px}}
