.blog-shell{min-height:100svh}.blog-shell a,.blog-shell button{outline-offset:calc(var(--spacing) * 1)}.blog-shell :focus-visible{outline:2px solid var(--ink)}.blog-shell .blog-page{padding-top:calc(var(--spacing) * 22);padding-bottom:calc(var(--spacing) * 30)}.blog-shell .blog-intro{max-width:62.5rem;margin-bottom:calc(var(--spacing) * 14);text-align:left}.blog-shell .blog-card{min-width:0}.blog-shell .blog-card-link{height:100%;display:block}.blog-shell .blog-card-copy{width:100%;min-width:0}.blog-shell .blog-archive,.blog-shell .blog-reading-layout,.blog-shell .blog-related{margin-top:calc(var(--spacing) * 22)}.blog-shell .blog-grid{gap:calc(var(--spacing) * 8);grid-template-columns:1fr;display:grid}.blog-shell .blog-reading-layout{gap:calc(var(--spacing) * 12);grid-template-columns:minmax(0,1fr);display:grid}.blog-shell .blog-reading-column{min-width:0}.blog-shell .blog-toc ol{margin-top:calc(var(--spacing) * 10)}.blog-shell .blog-toc li+li{margin-top:calc(var(--spacing) * 6)}.blog-shell .blog-toc a{text-decoration:none;display:block}.blog-shell .blog-toc a p{color:rgb(from var(--ink-soft) r g b / .7);transition:color .3s}.blog-shell .blog-prose{font-size:var(--text-body);line-height:var(--text-body--line-height);color:var(--ink-soft);overflow-wrap:anywhere}.blog-shell .blog-prose>*+*{margin-top:calc(var(--spacing) * 6)}.blog-shell .blog-prose h2,.blog-shell .blog-prose h3,.blog-shell .blog-prose h4{scroll-margin-top:calc(var(--spacing) * 26);margin-top:calc(var(--spacing) * 10)}.blog-shell .blog-prose h2+p,.blog-shell .blog-prose h3+p,.blog-shell .blog-prose h4+p{margin-top:calc(var(--spacing) * 2.5)}.blog-shell .blog-prose>:first-child{margin-top:0}.blog-shell .blog-prose strong{color:var(--ink);font-weight:600}.blog-shell .blog-prose a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:.25em}.blog-shell .blog-prose a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.blog-shell .blog-prose ul{padding-left:calc(var(--spacing) * 6);list-style:outside}.blog-shell .blog-prose ol{padding-left:calc(var(--spacing) * 6);list-style:decimal}.blog-shell .blog-prose li+li{margin-top:calc(var(--spacing) * 2)}.blog-shell .blog-prose blockquote{margin-block:calc(var(--spacing) * 8);border-left:2px solid var(--zoho-blue);padding:calc(var(--spacing) * 2) 0 calc(var(--spacing) * 2) calc(var(--spacing) * 6);font-size:var(--text-lead);letter-spacing:var(--text-lead--letter-spacing);line-height:1.6}.blog-shell .blog-prose pre{max-width:100%;padding:calc(var(--spacing) * 6);border:1px solid var(--line-soft);border-radius:var(--control-radius);background:var(--surface-frame);font-size:var(--text-caption);line-height:1.8;overflow-x:auto}.blog-shell .blog-prose code{font-family:var(--font-mono);font-size:.85em}.blog-shell .blog-prose :not(pre)>code{border-radius:var(--radius-sm);background:var(--surface-frame);padding:calc(var(--spacing) * .5) calc(var(--spacing) * 1.25)}.blog-shell .blog-prose pre code{font-size:inherit}.blog-shell .blog-prose img{border:1px solid var(--line-soft);border-radius:var(--control-radius);max-width:100%;height:auto;display:block}.blog-shell .blog-table-wrap{border:1px solid var(--line);border-radius:var(--control-radius);max-width:100%;overflow-x:auto}.blog-shell .blog-prose table{border-collapse:collapse;width:100%;font-size:var(--text-small);line-height:1.6}.blog-shell .blog-prose th,.blog-shell .blog-prose td{padding:calc(var(--spacing) * 3.5) calc(var(--spacing) * 4);border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:top;min-width:10rem}.blog-shell .blog-prose th{background:var(--surface-frame);color:var(--ink);font-weight:600}.blog-shell .blog-prose tr:last-child td{border-bottom:0}.blog-shell .blog-toc a[aria-current] p,.blog-shell .blog-toc a:focus-visible p{color:var(--ink-soft)}@media (min-width:40rem){.blog-shell .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.blog-shell .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-shell .blog-reading-layout:has(.blog-toc){gap:calc(var(--spacing) * 8);grid-template-columns:minmax(0,17.5rem) minmax(0,1fr)}.blog-shell .blog-toc nav{top:calc(var(--spacing) * 26);position:sticky}}@media not (min-width:64rem){.blog-shell .blog-toc[data-expanded=false] ol{display:none}}@media not (min-width:48rem){.blog-shell .blog-page{padding-top:calc(var(--spacing) * 14);padding-bottom:calc(var(--spacing) * 18)}.blog-shell .blog-intro{margin-bottom:calc(var(--spacing) * 9)}.blog-shell .blog-archive,.blog-shell .blog-reading-layout,.blog-shell .blog-related{margin-top:calc(var(--spacing) * 14)}}@media (prefers-reduced-motion:reduce){.blog-shell .blog-toc a p{transition:none}}