.bp-page{--accent:var(--color-primary-blue)}.bp-featured{aspect-ratio:16/7;width:100%;margin:0 0 var(--space-12);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:color-mix(in oklch, var(--surface-base) 60%, var(--surface-raised));position:relative;overflow:hidden}.bp-featured img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bp-breadcrumbs{align-items:center;gap:var(--space-2);font-size:var(--fs-meta);color:var(--ink-muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.bp-breadcrumbs li{align-items:center;gap:var(--space-2);display:inline-flex}.bp-breadcrumbs a{color:var(--ink-secondary);transition:color var(--dur-fast) var(--ease-out-quart);text-decoration:none}.bp-breadcrumbs a:hover{color:var(--link)}.bp-breadcrumbs li+li:before{content:"/";color:var(--ink-muted);opacity:.6}.bp-breadcrumbs [aria-current=page]{color:var(--ink-primary)}.bp-meta-row{align-items:center;gap:var(--space-2) var(--space-3);font-size:var(--fs-meta);color:var(--ink-muted);flex-wrap:wrap;margin:0;display:flex}.bp-meta-row .bp-meta-dot{opacity:.5}.bp-meta-row .bp-meta-author{color:var(--ink-secondary);font-weight:600}.bp-body-grid{gap:var(--space-12);grid-template-columns:1fr;align-items:start;display:grid}@media (min-width:1000px){.bp-body-grid{gap:clamp(var(--space-12), 5vw, var(--space-20));grid-template-columns:minmax(0,1fr) 15rem}}.bp-takeaways{margin:0 0 var(--space-12);padding:var(--space-8);border:1px solid var(--border-strong);border-left:3px solid var(--color-primary-blue);border-radius:var(--radius-lg);background:color-mix(in oklch, var(--color-primary-blue) 6%, var(--surface-raised))}.bp-takeaways-title{font-family:var(--font-display);font-size:var(--fs-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-primary-blue);margin:0 0 var(--space-4);font-weight:700}.bp-takeaways ul{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bp-takeaways li{padding-left:var(--space-6);font-size:var(--fs-body);line-height:var(--lh-base);color:var(--ink-secondary);position:relative}.bp-takeaways li:before{content:"";background:var(--color-primary-blue);border-radius:50%;width:.45rem;height:.45rem;position:absolute;top:.6em;left:0}.bp-toc-wrap{display:none}@media (min-width:1000px){.bp-toc-wrap{top:calc(var(--header-h) + var(--space-6));display:block;position:sticky}}.bp-toc-title{font-family:var(--font-body);font-size:var(--fs-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--ink-muted);margin:0 0 var(--space-4);font-weight:700}.bp-toc{padding:0 0 0 var(--space-5);border-left:1px solid var(--border-strong);gap:var(--space-3);flex-direction:column;margin:0;list-style:none;display:flex}.bp-toc li[data-level="3"]{padding-left:var(--space-4)}.bp-toc a{font-size:var(--fs-meta);line-height:var(--lh-snug);color:var(--ink-secondary);transition:color var(--dur-fast) var(--ease-out-quart);text-decoration:none;display:block}.bp-toc a:hover{color:var(--link)}.mdx-prose{color:var(--ink-secondary);font-size:var(--fs-body);line-height:var(--lh-prose);min-width:0}.mdx-prose>*{margin-top:0;margin-bottom:0}.mdx-prose>*+*{margin-top:var(--space-6)}.mdx-prose h2,.mdx-prose h3,.mdx-prose h4{font-family:var(--font-display);letter-spacing:var(--tracking-heading);font-weight:600;line-height:var(--lh-snug);color:var(--ink-primary);scroll-margin-top:calc(var(--header-h) + var(--space-6))}.mdx-prose h2{font-size:var(--fs-h4);margin-top:var(--space-12);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.mdx-prose h3{margin-top:var(--space-10);font-size:1.25rem}.mdx-prose h4{font-size:var(--fs-lead);margin-top:var(--space-8)}.mdx-prose p{color:var(--ink-secondary);max-width:72ch}.mdx-prose a{color:var(--link);text-underline-offset:.15em;transition:color var(--dur-fast) var(--ease-out-quart);text-decoration:underline;text-decoration-thickness:1px}.mdx-prose a:hover{color:var(--color-accent-purple)}.mdx-prose strong{color:var(--ink-primary);font-weight:600}.mdx-prose ul,.mdx-prose ol{padding-left:var(--space-6);gap:var(--space-3);flex-direction:column;max-width:72ch;display:flex}.mdx-prose li{color:var(--ink-secondary);padding-left:var(--space-2)}.mdx-prose li::marker{color:var(--color-primary-blue)}.mdx-prose blockquote{padding:var(--space-2) 0 var(--space-2) var(--space-6);border-left:3px solid var(--color-primary-blue);color:var(--ink-primary);font-family:var(--font-display);font-size:var(--fs-lead);font-style:italic;line-height:var(--lh-snug);margin:0}.mdx-prose code{font-family:var(--font-mono);border-radius:var(--radius-xs);background:var(--surface-sunken);color:var(--ink-primary);padding:.15em .4em;font-size:.9em}.mdx-prose pre{padding:var(--space-6);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-sunken);overflow-x:auto}.mdx-prose pre code{background:0 0;padding:0}.mdx-prose img{border-radius:var(--radius-md);max-width:100%;height:auto}.mdx-prose table{border-collapse:collapse;width:100%;font-size:var(--fs-meta)}.mdx-prose th,.mdx-prose td{padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);text-align:left}.mdx-prose th{color:var(--ink-primary);background:color-mix(in oklch, var(--surface-base) 70%, var(--surface-raised));font-weight:600}.mdx-prose hr{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-10) 0}.bp-block{margin-top:var(--space-16)}.bp-block-title{font-family:var(--font-display);font-size:var(--fs-h4);font-weight:600;line-height:var(--lh-snug);letter-spacing:var(--tracking-heading);color:var(--ink-primary);margin:0 0 var(--space-6)}.bp-howto{counter-reset:bp-step;gap:var(--space-5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bp-howto li{padding-left:calc(var(--space-10) + var(--space-2));min-height:var(--space-10);position:relative}.bp-howto li:before{counter-increment:bp-step;content:counter(bp-step);width:var(--space-10);height:var(--space-10);background:var(--gradient-primary);color:var(--color-pure-white);font-family:var(--font-display);font-weight:600;font-size:var(--fs-body);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:0;left:0}.bp-howto-name{font-family:var(--font-display);color:var(--ink-primary);margin-bottom:var(--space-1);font-weight:600;display:block}.bp-howto-text{color:var(--ink-secondary);line-height:var(--lh-base)}.bp-faq{border-top:1px solid var(--border-subtle);flex-direction:column;gap:0;display:flex}.bp-faq-item{border-bottom:1px solid var(--border-subtle);padding:var(--space-6) 0}.bp-faq-q{font-family:var(--font-display);font-size:var(--fs-lead);color:var(--ink-primary);margin:0 0 var(--space-3);font-weight:600}.bp-faq-a{color:var(--ink-secondary);line-height:var(--lh-prose);max-width:72ch;margin:0}.bp-share{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.bp-share a,.bp-share button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--ink-secondary);font:inherit;font-size:var(--fs-meta);cursor:pointer;transition:color var(--dur-fast) var(--ease-out-quart), border-color var(--dur-fast) var(--ease-out-quart), background var(--dur-fast) var(--ease-out-quart);font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.bp-share a:hover,.bp-share button:hover{color:var(--color-primary-blue);border-color:var(--primary-blue-40);background:var(--primary-blue-12)}.bp-share svg{flex-shrink:0;width:1.05rem;height:1.05rem}.bp-related-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:640px){.bp-related-grid{grid-template-columns:repeat(3,1fr)}}.bp-related-card{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-raised);transition:border-color var(--dur-fast) var(--ease-out-quart), transform var(--dur-fast) var(--ease-out-quart);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.bp-related-card:hover{border-color:var(--color-primary-blue);transform:translateY(-2px)}.bp-related-media{aspect-ratio:16/9;background:color-mix(in oklch, var(--surface-base) 60%, var(--surface-raised));position:relative;overflow:hidden}.bp-related-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bp-related-body{gap:var(--space-2);padding:var(--space-5);flex-direction:column;display:flex}.bp-related-title{font-family:var(--font-display);font-size:var(--fs-body);font-weight:600;line-height:var(--lh-snug);color:var(--ink-primary);margin:0}.bp-related-date{font-size:var(--fs-meta);color:var(--ink-muted);margin:0}.bp-tags{gap:var(--space-2);margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--border-subtle);flex-wrap:wrap;padding-left:0;list-style:none;display:flex}.bp-tag{border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:color-mix(in oklch, var(--surface-base) 80%, var(--surface-raised));min-height:1.75rem;color:var(--ink-secondary);align-items:center;padding:.15rem .7rem;font-size:.8rem;display:inline-flex}.bp-pager{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-16);flex-wrap:wrap;display:flex}.bp-pager-link,.bp-pager-page{min-width:2.5rem;height:2.5rem;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--ink-secondary);font-size:var(--fs-meta);transition:color var(--dur-fast) var(--ease-out-quart), border-color var(--dur-fast) var(--ease-out-quart), background var(--dur-fast) var(--ease-out-quart);justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.bp-pager-link:hover,.bp-pager-page:hover{color:var(--color-primary-blue);border-color:var(--primary-blue-40);background:var(--primary-blue-12)}.bp-pager-prevnext{font-weight:600}.bp-pager-page[aria-current=page]{color:var(--color-pure-white);background:var(--color-primary-blue);border-color:var(--color-primary-blue);cursor:default}.bp-pager-gap{color:var(--ink-muted);padding:0 var(--space-1)}@media (prefers-reduced-motion:reduce){.bp-related-card,.bp-share a,.bp-share button,.bp-pager-link,.bp-pager-page{transition:none}.bp-related-card:hover{transform:none}}
