.blog-diagram[data-astro-cid-3wzoinjh]{margin:2rem 0;overflow-x:auto}.blog-diagram[data-astro-cid-3wzoinjh] svg{max-width:100%;height:auto;margin-inline:auto;display:block}.blog-diagram[data-astro-cid-3wzoinjh] figcaption[data-astro-cid-3wzoinjh]{color:var(--color-muted);text-align:center;margin-top:.5rem;font-size:.875rem}body[data-page=blog-detail]{--bg:#f8f6f1;--panel:#fff;--line:#ded7e3;--line-strong:#c7bfd0;--text:#241b2b;--muted:#665d70;--dim:#665d70;--brand:#8a2e82;--brand-bright:#8a2e82;--violet:#7660a9;background:var(--bg);color:var(--text)}body[data-page=blog-detail] .site-field{background:var(--bg)}body[data-page=blog-detail] .site-field--blog{background:radial-gradient(900px 560px at 12% -12%, #8a2e8214, transparent 62%), radial-gradient(760px 560px at 96% 68%, #7660a912, transparent 66%), var(--bg)}body[data-page=blog-detail] .grid-overlay{display:none}body[data-page=blog-detail] .site-nav{border-bottom-color:var(--line);background:#f8f6f1eb;box-shadow:0 1px #241b2b05}body[data-page=blog-detail] .brand .mark,body[data-page=blog-detail] .brand [data-testid=majestic-logo]{filter:none}body[data-page=blog-detail] .links a:not(.btn):hover,body[data-page=blog-detail] .links a[aria-current=page]{color:var(--text)}body[data-page=blog-detail] .links a[aria-current=page]{border-bottom-color:var(--brand)}body[data-page=blog-detail] .btn{background:var(--brand);box-shadow:0 8px 18px #8a2e822e}body[data-page=blog-detail] .btn:hover:not(:disabled){background:#76266f;box-shadow:0 10px 22px #8a2e823d}body[data-page=blog-detail] .nav-toggle{background:#ffffffb8}body[data-page=blog-detail] .site-footer{border-top-color:var(--line);color:var(--dim);background:#ffffff57}body[data-page=blog-detail] .site-footer a:hover{color:var(--text)}.blog-detail-page{max-width:1160px;padding-top:clamp(52px,7vw,92px);padding-bottom:clamp(76px,10vw,124px)}.blog-detail-page .blog-back{color:var(--muted);margin-bottom:clamp(42px,6vw,68px);font-size:14px;font-weight:500;transition:color .16s,transform .16s;display:inline-flex}.blog-detail-page .blog-back:hover{color:var(--brand);transform:translate(-2px)}.blog-detail-page .blog-detail__header{max-width:860px;margin:0 auto}.blog-detail-page .blog-detail__eyebrow{color:var(--brand);letter-spacing:.02em;align-items:center;gap:11px;font-size:14px;font-weight:600;display:flex}.blog-detail-page .blog-detail__eyebrow:before{content:"";background:var(--brand);border-radius:99px;width:32px;height:2px}.blog-detail-page .blog-detail__header h1{max-width:860px;color:var(--text);letter-spacing:-.035em;margin:18px 0 24px;font-size:clamp(42px,6.2vw,76px);line-height:1.04}.blog-detail-page .blog-detail__meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;display:flex}.blog-detail-page .blog-detail__date{color:var(--text);font-weight:600}.blog-detail-page .blog-detail__meta-separator{color:var(--line-strong)}.blog-detail-page .blog-detail__image{border:1px solid var(--line);background:var(--panel);border-radius:24px;max-width:1040px;margin:clamp(42px,6vw,64px) auto clamp(46px,7vw,76px);overflow:hidden;box-shadow:0 20px 46px #241b2b17}.blog-detail-page .blog-detail__image img{width:100%;height:auto;display:block}.blog-detail-page .blog-detail__reading{max-width:840px;margin:0 auto}.blog-detail-page .blog-content{border:1px solid var(--line);background:var(--panel);max-width:840px;color:var(--muted);border-radius:24px;margin:0 auto;padding:clamp(34px,6vw,78px) clamp(22px,8vw,80px);font-size:clamp(17px,1.25vw,18px);line-height:1.82;box-shadow:0 16px 42px #241b2b0e}.blog-detail-page .blog-content>*{max-width:680px;margin-left:auto;margin-right:auto}.blog-detail-page .blog-content p{margin-top:0;margin-bottom:1.28em}.blog-detail-page .blog-content p:last-child{margin-bottom:0}.blog-detail-page .blog-content :is(h2,h3,h4){color:var(--text);letter-spacing:-.02em;font-weight:600}.blog-detail-page .blog-content h2{margin-top:2.6em;margin-bottom:.6em;font-size:clamp(28px,3vw,38px);line-height:1.16}.blog-detail-page .blog-content h3{margin-top:2.1em;margin-bottom:.55em;font-size:clamp(22px,2.4vw,28px);line-height:1.24}.blog-detail-page .blog-content h4{margin-top:1.8em;margin-bottom:.5em;font-size:20px;line-height:1.3}.blog-detail-page .blog-content :is(h2,h3,h4):first-child{margin-top:0}.blog-detail-page .blog-content strong{color:var(--text);font-weight:650}.blog-detail-page .blog-content :is(ul,ol){margin-top:.6em;margin-bottom:1.45em;padding-left:1.4em}.blog-detail-page .blog-content li{padding-left:.3em}.blog-detail-page .blog-content li+li{margin-top:.55em}.blog-detail-page .blog-content li::marker{color:var(--brand);font-weight:600}.blog-detail-page .blog-content blockquote{border-left:3px solid var(--brand);color:var(--text);background:#f0eaf6;border-radius:0 14px 14px 0;margin-top:2em;margin-bottom:2em;padding:1.2em 1.35em;font-size:1.04em}.blog-detail-page .blog-content blockquote p:last-child{margin-bottom:0}.blog-detail-page .blog-content a{color:var(--brand);text-underline-offset:3px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;transition:color .16s,text-decoration-thickness .16s}.blog-detail-page .blog-content a:hover{color:#67205f;text-decoration-thickness:2px}.blog-detail-page .blog-content :not(pre)>code{color:#67205f;font-family:var(--font-mono);background:#f4e7f2;border:1px solid #e3d8e8;border-radius:6px;padding:.12em .38em;font-size:.86em}.blog-detail-page .blog-content pre{color:#f8f6f1;max-width:760px;font:14px/1.7 var(--font-mono);tab-size:2;background:#241b2b;border:1px solid #3d304b;border-radius:16px;margin-top:2em;margin-bottom:2em;padding:1.35rem 1.45rem;overflow-x:auto;box-shadow:0 14px 28px #241b2b1f}.blog-detail-page .blog-content pre code{color:inherit;font:inherit;background:0 0;border:0;padding:0}.blog-detail-page .blog-content :is(.emdash-image,.blog-diagram){max-width:720px;margin-top:2.7rem;margin-bottom:2.7rem}.blog-detail-page .blog-content .emdash-image{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:10px}.blog-detail-page .blog-content .emdash-image img{border-radius:11px;width:100%;height:auto;display:block}.blog-detail-page .blog-content .blog-diagram{border:1px solid var(--line);background:#f0eaf6;border-radius:18px;padding:20px}.blog-detail-page .blog-content .blog-diagram pre.mermaid{box-shadow:none;color:var(--text);font-family:var(--font-sans);background:0 0;border:0;margin:0;padding:0;font-size:14px}.blog-detail-page .blog-content .blog-diagram figcaption{color:var(--muted);margin-top:12px;font-size:13px}.blog-detail-page .blog-content hr{border:0;border-top:1px solid var(--line);margin-top:2.7em;margin-bottom:2.7em}.blog-detail-page .blog-content :is(table){border-collapse:collapse;width:100%;margin-top:1.8em;margin-bottom:1.8em;font-size:.92em}.blog-detail-page .blog-content :is(th,td){border:1px solid var(--line);text-align:left;vertical-align:top;padding:.7em .8em}.blog-detail-page .blog-content th{color:var(--text);background:#f4e7f2;font-weight:600}@media (width<=900px){body[data-page=blog-detail] .site-nav .links{border-color:var(--line-strong);background:#fffffffa;box-shadow:0 18px 48px #241b2b24}body[data-page=blog-detail] .site-nav .links a[aria-current=page]{border-left-color:var(--brand)}}@media (width<=720px){.blog-detail-page{padding-top:42px;padding-bottom:76px}.blog-detail-page .blog-back{margin-bottom:44px}.blog-detail-page .blog-detail__header h1{margin-top:16px;margin-bottom:20px;font-size:clamp(40px,12vw,58px)}.blog-detail-page .blog-detail__image{border-radius:18px;margin-top:36px;margin-bottom:42px}.blog-detail-page .blog-content{border-radius:18px;padding:30px 20px 36px;font-size:17px;line-height:1.78}.blog-detail-page .blog-content h2{margin-top:2.35em;font-size:28px}.blog-detail-page .blog-content h3{font-size:23px}.blog-detail-page .blog-content pre{border-radius:12px;margin-left:-4px;margin-right:-4px;padding:1.1rem;font-size:12px}.blog-detail-page .blog-content :is(.emdash-image,.blog-diagram){margin-top:2.2rem;margin-bottom:2.2rem}}@media (prefers-reduced-motion:reduce){.blog-detail-page .blog-back,.blog-detail-page .blog-content a{transition:none}}