:root,html[data-brandlab-theme="dark"]{color-scheme:dark;--bl-global-canvas:#171717;--bl-global-surface:#2f2f2f;--bl-global-border:#ffffff1a;--bl-global-ink:#ececec;--bl-global-muted:#b4b4b4;--bl-global-hover:#2f2f2f}
html[data-brandlab-theme="light"]{color-scheme:light;--bl-global-canvas:#fcfcfc;--bl-global-surface:#fff;--bl-global-border:#e5e5e5;--bl-global-ink:#0d0d0d;--bl-global-muted:#5d5d5d;--bl-global-hover:#0000000d}
*{box-sizing:border-box}body{margin:0;background:var(--bl-global-canvas);color:var(--bl-global-ink);font-family:Inter,system-ui,-apple-system,sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--bl-global-muted)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--bl-global-ink);outline-offset:4px}
.bl-blog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:16px 24px;border-bottom:1px solid var(--bl-global-border)}.bl-blog-header>a{font-weight:700;text-decoration:none}.bl-blog-header nav{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}.bl-published-blog{max-width:1180px;margin:auto;padding:48px 24px 80px}h1{font-size:clamp(36px,6vw,66px);line-height:1.08;letter-spacing:-.045em;margin:20px 0 28px}h2{line-height:1.25}.bl-blog-meta{color:var(--bl-global-muted);font-size:13px}.bl-blog-intro{color:var(--bl-global-muted);font-size:19px;line-height:1.65;max-width:850px}.article-body{max-width:850px;font-size:18px;line-height:1.8;overflow-wrap:anywhere;margin:36px 0}.article-body img{display:block;max-width:100%;height:auto;border-radius:12px}.article-body figure{margin:32px 0}.article-body figcaption{font-size:14px;color:var(--bl-global-muted);margin-top:10px}.article-body :is(h2,h3,h4){line-height:1.3;margin-top:36px}.article-body :is(table,pre){display:block;max-width:100%;overflow:auto}.article-body :is(td,th){padding:12px;border:1px solid var(--bl-global-border)}.article-body blockquote{margin:24px 0;border-left:3px solid var(--bl-global-border);padding:12px 20px;background:var(--bl-global-surface)}.article-body iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0}footer{border-top:1px solid var(--bl-global-border);padding-top:24px}
.bl-blog-controls{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0;align-items:center}.bl-blog-controls :is(input,select,button){padding:12px;border:1px solid var(--bl-global-border);border-radius:8px;background:var(--bl-global-surface);color:var(--bl-global-ink);font:inherit;min-width:0}.bl-blog-controls input{flex:2 1 250px}.bl-blog-controls select{flex:1 1 160px}.bl-blog-controls button{cursor:pointer}.bl-blog-pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0}.bl-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.bl-blog-card{border:1px solid var(--bl-global-border);border-radius:12px;overflow:hidden}.bl-blog-card img{width:100%;height:220px;object-fit:cover;display:block}.bl-blog-card>div{padding:20px}.bl-blog-card h2{font-size:24px;margin:12px 0}.bl-blog-card h2 a{text-decoration:none}.bl-blog-card>div>p:not(.bl-blog-meta){color:var(--bl-global-muted);line-height:1.6}
@media(max-width:900px){.bl-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.bl-blog-grid{grid-template-columns:1fr}.bl-published-blog{padding:28px 18px 60px}.bl-blog-header{align-items:flex-start;padding:16px 18px}.bl-blog-header nav{gap:12px}.bl-blog-controls{align-items:stretch}.bl-blog-controls input{flex-basis:100%}}