:is(.blog-post,.book-post){& header{border-bottom:1px solid var(--gray-800);padding-bottom:2.5rem}& .back-link{text-decoration-color:currentColor;display:none;&:hover,&:focus{text-decoration-color:currentColor}}& .details{flex-direction:column;justify-content:space-between;align-items:center;gap:1.5rem;padding:.5rem;display:flex}& .tags{flex-wrap:wrap;gap:.5rem;display:flex}& .description{font-size:var(--text-lg);max-width:54ch}& .content{max-width:65ch;margin-inline:unset;text-wrap:pretty;font-size:var(--text-md);&>*+*{margin-top:1rem}& h2{& a{color:inherit;text-decoration:none;&:hover,&:focus{text-decoration:underline;text-decoration-color:var(--link-color)}}}& :is(h1,h2,h3,h4,h5){margin-block:1.5rem}& .table-scroll{overflow-x:auto}& blockquote{font-size:var(--text-lg);font-family:var(--font-brand);border-inline-start:.25rem solid var(--accent-dark);color:var(--gray-0);padding-inline-start:1.5rem;font-weight:600;line-height:1.1}& a{&:hover,&:focus{text-decoration-color:currentColor}}}}@media (width>=50em){:is(.blog-post,.book-post){& .content{margin-inline:auto;& blockquote{font-size:var(--text-2xl)}}& .back-link{align-self:flex-start;display:block}& .details{flex-direction:row;gap:2.5rem}}}.blog-post{& .date{font-size:var(--text-md)}& .content{& img{max-width:100%;height:auto;box-shadow:var(--shadow-sm);background:var(--gradient-subtle);border:1px solid var(--gray-800);border-radius:1.5rem;display:block}& .mermaid{border:1px solid var(--gray-800);background:var(--gradient-subtle);box-shadow:var(--shadow-sm);border-radius:1rem;padding:.75rem;overflow-x:auto}& .diagram-caption{color:var(--gray-400);font-size:var(--text-sm)}& svg[id^=mermaid-]{width:100%;max-width:100%;height:auto;margin-inline:auto;display:block}& .astro-code{box-shadow:none;white-space:pre;border-radius:0}&.mcp-content table{border-collapse:collapse;border:1px solid var(--gray-800);width:100%;font-size:.95em;line-height:1.35}&.mcp-content th,&.mcp-content td{text-align:start;vertical-align:top;border:1px solid var(--gray-800);padding:.75rem .85rem}&.mcp-content th{background:var(--gray-900);color:var(--gray-0);font-weight:700}&.mcp-content th:first-child,&.mcp-content td:first-child{white-space:nowrap;overflow-wrap:normal;word-break:normal;width:7.5rem}&.mcp-content table code{white-space:normal}}}:root{--mermaid-text:#f5f7ff;--mermaid-node-fill:#1e2563;--mermaid-node-stroke:#7dd3fc;--mermaid-line:#f5f7ff;--mermaid-label-bg:#312e81}@media (prefers-color-scheme:light){:root{--mermaid-text:#172554;--mermaid-node-fill:#dbeafe;--mermaid-node-stroke:#2563eb;--mermaid-line:#172554;--mermaid-label-bg:#fff}}:root[data-theme=light]{--mermaid-text:#172554;--mermaid-node-fill:#dbeafe;--mermaid-node-stroke:#2563eb;--mermaid-line:#172554;--mermaid-label-bg:#fff}:root[data-theme=dark]{--mermaid-text:#f5f7ff;--mermaid-node-fill:#1e2563;--mermaid-node-stroke:#7dd3fc;--mermaid-line:#f5f7ff;--mermaid-label-bg:#312e81}:root[data-theme=light] .blog-post .content .mermaid{border-color:var(--gray-700);background:var(--gray-999)}.blog-post .content svg[id^=mermaid-] text,.blog-post .content svg[id^=mermaid-] tspan,.blog-post .content svg[id^=mermaid-] .nodeLabel,.blog-post .content svg[id^=mermaid-] .edgeLabel,.blog-post .content svg[id^=mermaid-] .messageText,.blog-post .content svg[id^=mermaid-] .labelText,.blog-post .content svg[id^=mermaid-] .loopText,.blog-post .content svg[id^=mermaid-] .sectionTitle,.blog-post .content svg[id^=mermaid-] .actor text,.blog-post .content svg[id^=mermaid-] text.actor{fill:var(--mermaid-text)!important;color:var(--mermaid-text)!important}.blog-post .content svg[id^=mermaid-] .node rect,.blog-post .content svg[id^=mermaid-] .node polygon,.blog-post .content svg[id^=mermaid-] .node circle,.blog-post .content svg[id^=mermaid-] rect.actor,.blog-post .content svg[id^=mermaid-] .labelBox{fill:var(--mermaid-node-fill)!important;stroke:var(--mermaid-node-stroke)!important}.blog-post .content svg[id^=mermaid-] .nodeLabel,.blog-post .content svg[id^=mermaid-] .nodeLabel *,.blog-post .content svg[id^=mermaid-] .edgeLabel,.blog-post .content svg[id^=mermaid-] .edgeLabel *{color:var(--mermaid-text)!important;fill:var(--mermaid-text)!important}.blog-post .content svg[id^=mermaid-] .nodeLabel .diagram-chip{border:1px solid var(--diagram-chip-border);background:var(--diagram-chip-bg);text-align:left;white-space:nowrap;border-radius:8px;padding:8px 10px;font-size:12px}.blog-post .content svg[id^=mermaid-] .nodeLabel .diagram-chip,.blog-post .content svg[id^=mermaid-] .nodeLabel .diagram-chip code{color:var(--diagram-chip-text)!important;fill:var(--diagram-chip-text)!important}.blog-post .content svg[id^=mermaid-] .nodeLabel .diagram-chip--deps{--diagram-chip-bg:light-dark(#dbeafe,#0d2a4d);--diagram-chip-border:light-dark(#2563eb,#38bdf8);--diagram-chip-text:light-dark(#0c2c6b,#bae6fd)}.blog-post .content svg[id^=mermaid-] .nodeLabel .diagram-chip--dev{--diagram-chip-bg:light-dark(#d1fae5,#0b3324);--diagram-chip-border:light-dark(#059669,#34d399);--diagram-chip-text:light-dark(#0a4430,#a7f3d0)}.blog-post .content svg[id^=mermaid-] .nodeLabel .diagram-chip--peer{--diagram-chip-bg:light-dark(#fce7f3,#45112f);--diagram-chip-border:light-dark(#db2777,#f472b6);--diagram-chip-text:light-dark(#6b0f33,#fbcfe8)}.blog-post .content svg[id^=mermaid-] .edgeLabel,.blog-post .content svg[id^=mermaid-] .edgeLabel p,.blog-post .content svg[id^=mermaid-] .labelBkg,.blog-post .content svg[id^=mermaid-] .labelBkg p,.blog-post .content svg[id^=mermaid-] .icon-shape p,.blog-post .content svg[id^=mermaid-] .image-shape p{background:var(--mermaid-label-bg)!important}.blog-post .content svg[id^=mermaid-] .flowchart-link,.blog-post .content svg[id^=mermaid-] .edgePath path,.blog-post .content svg[id^=mermaid-] .messageLine0,.blog-post .content svg[id^=mermaid-] .messageLine1,.blog-post .content svg[id^=mermaid-] .actor-line,.blog-post .content svg[id^=mermaid-] line,.blog-post .content svg[id^=mermaid-] .arrowMarkerPath,.blog-post .content svg[id^=mermaid-] marker path{stroke:var(--mermaid-line)!important}.blog-post .content svg[id^=mermaid-] .arrowMarkerPath,.blog-post .content svg[id^=mermaid-] marker path{fill:var(--mermaid-line)!important}.scroll-to-top[data-astro-cid-wzktujjc]{z-index:9999;background-color:var(--accent-regular);color:var(--accent-text-over);cursor:pointer;opacity:0;visibility:hidden;transition:opacity var(--theme-transition), transform var(--theme-transition), visibility var(--theme-transition);border:0;border-radius:999rem;justify-content:center;align-items:center;padding:.75rem;display:flex;position:fixed;inset-block-end:1.5rem;inset-inline-end:1.5rem;transform:translateY(1rem)}.scroll-to-top[data-astro-cid-wzktujjc].is-visible{opacity:1;visibility:visible;transform:none}.scroll-to-top[data-astro-cid-wzktujjc]:hover{background-color:var(--accent-light)}.scroll-to-top[data-astro-cid-wzktujjc]:focus-visible{outline:2px solid var(--accent-text-over);outline-offset:2px}@media (prefers-reduced-motion:reduce){.scroll-to-top[data-astro-cid-wzktujjc]{transition:none;transform:none}}@media (width>=50em){.scroll-to-top[data-astro-cid-wzktujjc]{inset-block-end:2.5rem;inset-inline-end:2.5rem}}
