.bl-page{display:flow-root;background:var(--surface);color:var(--text)}.bl-container{max-width:1120px;margin:0 auto;padding:0 var(--sp-6)}.bl-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-1);font-size:var(--fs-sm);color:var(--muted)}.bl-crumbs a{color:var(--muted);transition:color .15s ease}.bl-crumbs a:hover{color:var(--text)}.bl-crumbs .material-icon{color:var(--light)}.bl-crumbs [aria-current]{color:var(--text-secondary);font-weight:var(--fw-medium)}.bl-hero{background:var(--bg);border-bottom:1px solid var(--border)}.bl-hero .bl-container{padding-top:var(--sp-8);padding-bottom:var(--sp-12)}.bl-hero h1{margin-top:var(--sp-10);font-family:var(--font-display);font-size:var(--fs-4xl);font-weight:var(--fw-bold);line-height:1.1;letter-spacing:var(--tracking-tight)}.bl-lede{margin-top:var(--sp-4);max-width:680px;font-size:var(--fs-lg);line-height:var(--lh-relaxed);color:var(--text-secondary)}.bl-group{padding:var(--sp-12) 0 0}.bl-group h2{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-semibold);margin-bottom:var(--sp-4)}.bl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--sp-4);gap:var(--sp-4)}.bl-card{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5);border:1px solid var(--border);border-radius:var(--r-lg,12px);background:var(--surface);color:var(--text);text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}.bl-card:hover{border-color:var(--blue-border);box-shadow:var(--shadow-sm)}.bl-card strong{font-size:var(--fs-md);line-height:var(--lh-snug)}.bl-card strong,.bl-card-cat{font-weight:var(--fw-semibold)}.bl-card-cat{font-size:var(--fs-xs);color:var(--blue);text-transform:uppercase;letter-spacing:.04em}.bl-card-sum{font-size:var(--fs-sm);line-height:var(--lh-base);color:var(--text-secondary)}.bl-card-meta{margin-top:auto;font-size:var(--fs-xs);color:var(--muted)}.bl-article{max-width:760px;margin:0 auto;padding:var(--sp-8) var(--sp-6) var(--sp-12)}.bl-article-head{padding-bottom:var(--sp-8);border-bottom:1px solid var(--border)}.bl-eyebrow{margin-top:var(--sp-10);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--blue)}.bl-article h1{margin-top:var(--sp-3);font-family:var(--font-display);font-size:var(--fs-4xl);font-weight:var(--fw-bold);line-height:1.12;letter-spacing:var(--tracking-tight)}.bl-meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-5);font-size:var(--fs-sm);color:var(--muted)}.bl-toc{margin-top:var(--sp-8);padding:var(--sp-5);border:1px solid var(--border);border-radius:var(--r-lg,12px);background:var(--bg)}.bl-toc strong{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.bl-toc ol{margin:var(--sp-3) 0 0;padding-left:var(--sp-5);display:grid;grid-gap:var(--sp-2);gap:var(--sp-2)}.bl-toc a{font-size:var(--fs-base);color:var(--text-secondary);text-decoration:none}.bl-toc a:hover{color:var(--blue)}.bl-body{margin-top:var(--sp-8);font-size:var(--fs-md);line-height:1.75;color:var(--text)}.bl-body p{margin:0 0 var(--sp-4)}.bl-intro{font-size:var(--fs-lg);color:var(--text-secondary)}.bl-body section{scroll-margin-top:90px}.bl-body h2{margin:var(--sp-10) 0 var(--sp-3);font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight)}.bl-body ul{margin:0 0 var(--sp-4);padding-left:var(--sp-6);display:grid;grid-gap:var(--sp-2);gap:var(--sp-2)}.bl-template{margin:0 0 var(--sp-4);padding:var(--sp-4) var(--sp-5);overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-md,10px);background:var(--bg);font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:var(--fs-sm);line-height:1.6;white-space:pre-wrap;word-break:break-word;color:var(--text)}.bl-conclusion{padding-top:var(--sp-4);border-top:1px solid var(--border)}.bl-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);flex-wrap:wrap;margin-top:var(--sp-10);padding:var(--sp-6);border:1px solid var(--blue-border);border-radius:var(--r-lg,12px);background:var(--blue-bg)}.bl-cta strong{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.bl-cta p{margin-top:var(--sp-1);font-size:var(--fs-base);color:var(--text-secondary)}.bl-cta .btn{display:inline-flex;align-items:center;gap:var(--sp-2)}.bl-cta-wide{margin:var(--sp-16) 0 var(--sp-24)}.bl-faq{margin-top:var(--sp-12)}.bl-faq h2{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-semibold);margin-bottom:var(--sp-4)}.bl-faq details{border-top:1px solid var(--border);padding:var(--sp-4) 0}.bl-faq details:last-child{border-bottom:1px solid var(--border)}.bl-faq summary{cursor:pointer;font-size:var(--fs-md);font-weight:var(--fw-semibold);line-height:var(--lh-snug)}.bl-faq details p{margin-top:var(--sp-3);font-size:var(--fs-base);line-height:var(--lh-relaxed);color:var(--text-secondary)}.bl-related{padding:var(--sp-12) 0 var(--sp-24);background:var(--bg);border-top:1px solid var(--border)}.bl-related h2{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-semibold);margin-bottom:var(--sp-4)}@media (max-width:640px){.bl-article,.bl-container{padding-left:var(--sp-4);padding-right:var(--sp-4)}.bl-article h1,.bl-hero h1{font-size:var(--fs-3xl)}.bl-body h2{font-size:var(--fs-xl)}.bl-cta{padding:var(--sp-5)}.bl-cta .btn{width:100%;justify-content:center}}