.ux-blog-reader .blog-content img,.ux-blog-reader .blog-content video{border-radius:var(--ux-container-radius);max-width:100%;height:auto;margin:24px 0;display:block}.ux-blog-reader .blog-content blockquote{border-left-style:solid;border-left-width:3px;margin-left:0;padding-left:24px}.ux-blog-reading-column{width:calc(100% - 2*var(--ux-site-gutter));max-width:min(760px,var(--ux-frame-width));margin-inline:auto;font-size:18px}.ux-blog-reader-header p{margin:0 0 24px;font-size:21px;line-height:1.6}.ux-blog-reader-meta{gap:8px 24px;font-size:15px;line-height:1.6}.ux-blog-reader-body .blog-content{max-width:none;font-size:inherit;text-align:left;overflow-wrap:anywhere;line-height:1.75}.ux-blog-reader-body .blog-content p{margin-block:0 24px}.ux-blog-reader-body .blog-content>*{max-width:760px;margin-inline:auto}.ux-blog-reader-body .blog-content>p:first-child:has(>img:only-child){max-width:none}.ux-blog-reader-body .blog-content>:first-child{margin-top:0}.ux-blog-reader-body .blog-content :is(h2,h3,h4){margin-block:40px 20px}.ux-blog-reader-body .blog-content :is(ul,ol){margin-block:0 24px;padding-left:24px}.ux-blog-reader-body .blog-content li+li{margin-top:8px}.ux-blog-reader-body .blog-content :is(img,video,iframe){max-width:100%;margin:28px auto;display:block}.ux-blog-reader-body .blog-content img{height:auto}.ux-blog-reader-body .blog-content img[src*=codekit-blog-photo]{aspect-ratio:1200/630;object-fit:cover;object-position:center top;width:100%}.ux-blog-reader-body .blog-content>p:first-child>img{width:100%;margin-top:0}.ux-blog-reader-body .blog-content blockquote{font-family:Karla,sans-serif;font-size:var(--ux-card-heading-size);border-left-style:solid;border-left-width:3px;margin:32px auto;padding:28px 32px;font-weight:500;line-height:1.5}.ux-blog-reader-body .blog-content blockquote p{margin:0 0 16px}.ux-blog-reader-body .blog-content blockquote>:last-child{margin-bottom:0}.ux-blog-reader-body .blog-content blockquote strong{font-weight:600}.ux-blog-reader-body .blog-content table{max-width:100%;display:block;overflow-x:auto}@media (width<=600px){.ux-blog-reading-column{font-size:17px}.ux-blog-reader-header p{font-size:18px}.ux-blog-reader-body .blog-content blockquote{padding:24px;font-size:22px}}[data-text-link]:focus-visible{--text-link-decoration:currentColor}@media (hover:hover) and (pointer:fine){[data-text-link]:hover{--text-link-decoration:currentColor}[data-text-link]:hover,a:hover [data-text-link]{--text-link-arrow-shift:3px}}@media (prefers-reduced-motion:reduce){[data-text-link]{--text-link-transition:none;--text-link-arrow-transition:none}}