:root{--bp-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--bp-max-width: 760px;--bp-radius: 8px;--bp-radius-lg: 12px;--bp-surface: #ffffff;--bp-raised: #f4f7fb;--bp-border: rgba(44, 62, 80, .1);--bp-border-soft: rgba(44, 62, 80, .06);--bp-code-bg: #f0f4f8;--bp-code-border: rgba(44, 62, 80, .12);--bp-code-text: #1a5276;--bp-code-header: #e8edf3;--bp-info-bg: rgba(52, 152, 219, .07);--bp-info-border: rgba(52, 152, 219, .25);--bp-info-text: #1a6fa8;--bp-warn-bg: rgba(231, 76, 60, .06);--bp-warn-border: rgba(231, 76, 60, .22);--bp-warn-text: #c0392b;--bp-tip-bg: rgba(39, 174, 96, .07);--bp-tip-border: rgba(39, 174, 96, .22);--bp-tip-text: #1e8449}.bp-article{max-width:var(--bp-max-width);margin:0 auto;padding:2.5rem 1.25rem 5rem}.bp-hero{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:3.5rem 1.25rem 2.5rem;text-align:center;margin-bottom:0}.bp-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--bp-mono);font-size:.7rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#ffffffbf;margin-bottom:1rem}.bp-hero-eyebrow:before{content:"";display:block;width:18px;height:1px;background:#fff9}.bp-hero h1{font-family:Montserrat,sans-serif;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;line-height:1.25;letter-spacing:-.02em;color:#fff;margin:0 0 1rem}.bp-hero-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;font-family:var(--bp-mono);font-size:.75rem;color:#ffffffbf;margin-bottom:1.25rem}.bp-hero-lede{font-size:1.05rem;line-height:1.75;color:#ffffffe0;max-width:600px;margin:0 auto;border-left:3px solid rgba(255,255,255,.4);padding-left:1rem;text-align:left}.bp-toc-wrapper{max-width:var(--bp-max-width);margin:0 auto;padding:2rem 1.25rem 0}.bp-article h1{display:none}.bp-article h2{font-family:Montserrat,sans-serif;font-size:1.35rem;font-weight:700;color:var(--primary);margin:2.75rem 0 .85rem;padding-bottom:.6rem;border-bottom:2px solid rgba(52,152,219,.18)}.bp-article h3{font-size:.97rem;font-weight:700;color:var(--primary);margin:2rem 0 .5rem;display:flex;align-items:center;gap:8px}.bp-article h3:before{content:"";display:block;width:3px;height:13px;background:var(--secondary);border-radius:2px;flex-shrink:0}.bp-article h4{font-size:.9rem;font-weight:700;color:var(--primary);margin:1.5rem 0 .4rem}.bp-article p{color:var(--text);margin-bottom:1rem;line-height:1.85;font-size:1rem}.bp-article strong{color:var(--primary);font-weight:700}.bp-article em{font-style:italic}.bp-article hr{border:none;border-top:1px solid var(--bp-border);margin:2.5rem 0}.bp-article code{font-family:var(--bp-mono);font-size:.82em;background:var(--bp-code-bg);color:var(--bp-code-text);border:1px solid var(--bp-code-border);border-radius:4px;padding:1px 5px}.bp-article pre{margin:1.5rem 0;border-radius:var(--bp-radius-lg);border:1px solid var(--bp-border);overflow:hidden;box-shadow:var(--shadow);background:var(--bp-code-bg)}.bp-article pre:before{content:"● ● ●";display:block;background:var(--bp-code-header);border-bottom:1px solid var(--bp-border);padding:.5rem 1rem;font-size:.6rem;letter-spacing:.2em;color:var(--text-light)}.bp-article pre code{display:block;background:none;border:none;padding:1.2rem 1.25rem;color:var(--text);font-size:.83rem;line-height:1.75;overflow-x:auto}.bp-article ul,.bp-article ol{padding:0;margin:.75rem 0 1.25rem;list-style:none;display:flex;flex-direction:column;gap:.55rem}.bp-article ul li,.bp-article ol li{display:flex;gap:.65rem;align-items:flex-start;color:var(--text);font-size:.97rem;line-height:1.75;counter-increment:ol-counter}.bp-article ul li:before{content:"▸";color:var(--secondary);font-size:.75rem;margin-top:.32rem;flex-shrink:0}.bp-article ol{counter-reset:ol-counter}.bp-article ol li:before{content:counter(ol-counter);min-width:22px;height:22px;border-radius:50%;background:#3498db1a;border:1.5px solid var(--secondary);color:var(--secondary);font-family:var(--bp-mono);font-size:.68rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.18rem}.bp-article ul ul,.bp-article ol ol,.bp-article ul ol,.bp-article ol ul{margin:.35rem 0 .35rem 1.25rem}.bp-article table{width:100%;border-collapse:collapse;font-size:.88rem;background:var(--bp-surface);margin:1.5rem 0;border-radius:var(--bp-radius-lg);border:1px solid var(--bp-border);box-shadow:var(--shadow);overflow:hidden;display:block;overflow-x:auto}.bp-article thead tr{background:var(--bp-raised);border-bottom:1px solid var(--bp-border)}.bp-article th{padding:.75rem 1rem;text-align:left;font-family:var(--bp-mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-light);font-weight:500}.bp-article td{padding:.75rem 1rem;color:var(--text);border-bottom:1px solid var(--bp-border-soft);vertical-align:top;line-height:1.65}.bp-article tr:last-child td{border-bottom:none}.bp-article tbody tr:hover{background:var(--bp-raised);transition:var(--transition)}.bp-article td:first-child{color:var(--primary);font-weight:600}.bp-article blockquote{background:var(--bp-info-bg);border:1px solid var(--bp-info-border);border-left:3px solid var(--secondary);border-radius:var(--bp-radius);margin:1.25rem 0;padding:.9rem 1.1rem}.bp-article blockquote p{color:var(--bp-info-text);margin:0;font-size:.93rem}.bp-article a{color:var(--secondary);text-decoration:underline;text-decoration-color:#3498db59;text-underline-offset:3px;transition:var(--transition)}.bp-article a:hover{color:var(--primary);text-decoration-color:var(--primary)}.bp-toc{background:var(--bp-surface);border:1px solid var(--bp-border);border-radius:var(--bp-radius-lg);padding:1.4rem 1.6rem;margin-bottom:2rem;box-shadow:var(--shadow)}.bp-toc-label{font-family:var(--bp-mono);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-light);margin-bottom:.75rem}.bp-toc ol{list-style:none;padding:0;margin:0;counter-reset:toc;display:flex;flex-direction:column;gap:.4rem}.bp-toc li{counter-increment:toc;display:flex;align-items:baseline;gap:.6rem}.bp-toc li:before{content:counter(toc,decimal-leading-zero);font-family:var(--bp-mono);font-size:.65rem;color:var(--text-light);min-width:20px;height:auto;border-radius:0;background:none;border:none;display:inline;margin-top:0}.bp-toc a{font-size:.9rem;color:var(--text);text-decoration:none;transition:var(--transition)}.bp-toc a:hover{color:var(--secondary)}.bp-practice{background:var(--bp-surface);border:1px solid var(--bp-border);border-radius:var(--bp-radius);padding:1.1rem 1.2rem;margin-bottom:.75rem;display:flex;gap:1rem;box-shadow:var(--shadow);transition:var(--transition)}.bp-practice:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00000014}.bp-practice-icon{font-size:1.15rem;flex-shrink:0;margin-top:2px}.bp-practice-body strong{display:block;font-size:.92rem;font-weight:700;color:var(--primary);margin-bottom:.25rem}.bp-practice-body p{font-size:.9rem;margin:0;color:var(--text);line-height:1.65}.bp-conclusion{background:linear-gradient(135deg,#3498db12,#2c3e500d);border:1px solid rgba(52,152,219,.18);border-radius:var(--bp-radius-lg);padding:1.75rem 2rem;margin-top:1rem}.bp-conclusion p{color:var(--text);margin-bottom:.85rem;line-height:1.8}.bp-conclusion p:last-child{margin-bottom:0}.bp-back{max-width:var(--bp-max-width);margin:0 auto;padding:0 1.25rem 3rem}.bp-back a{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--text-light);text-decoration:none;transition:var(--transition)}.bp-back a:hover{color:var(--secondary)}@media(max-width:600px){.bp-article{padding:1.5rem 1rem 4rem}.bp-hero{padding:2.5rem 1rem 2rem}.bp-hero-lede{font-size:.95rem}.bp-practice{flex-direction:column;gap:.5rem}.bp-conclusion{padding:1.25rem}.bp-back{padding:0 1rem 2rem}.bp-article h2{font-size:1.2rem}.bp-article pre code{font-size:.78rem}}