:root{--blog-soft:color-mix(in srgb, var(--foreground) 72%, var(--background));--blog-rule:color-mix(in srgb, var(--foreground) 16%, var(--background))}.blog-list{margin:0;padding-bottom:max(64px,6.66667vw);list-style:none;display:block}.blog-list>li{border-top:1px solid var(--blog-rule)}.blog-list>li:last-child{border-bottom:1px solid var(--blog-rule)}.blog-row{color:inherit;border-radius:3px;grid-template-columns:max-content minmax(0,1fr);grid-template-areas:"cat read""main main";gap:16px;padding-block:max(28px,2.77778vw);text-decoration:none;display:grid}.blog-row:focus-visible{outline:var(--focus-width) solid var(--foreground);outline-offset:var(--focus-offset)}@media (min-width:64rem){.blog-row{grid-template:"cat main""read main"".main"1fr/minmax(0,3fr) minmax(0,8fr);gap:2px max(40px,5.55556vw)}}.blog-row-cat,.blog-row-read{color:var(--blog-soft);font-size:13px;line-height:1.4}.blog-row-cat{color:var(--foreground);grid-area:cat;font-weight:600}.blog-row-read{grid-area:read}.blog-row-main{grid-area:main}.blog-row-title{letter-spacing:-.03em;text-wrap:balance;text-underline-offset:.18em;max-width:22em;transition:text-decoration-color var(--dur-ui) var(--ease-ui);font-size:clamp(24px,2.77778vw,49px);font-weight:500;line-height:1.1;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px}.blog-row:focus-visible .blog-row-title{text-decoration-color:currentColor}@media (hover:hover) and (pointer:fine){.blog-row:hover .blog-row-title{text-decoration-color:currentColor}}.blog-row-excerpt{letter-spacing:-.01em;max-width:38em;color:var(--blog-soft);text-wrap:pretty;margin-top:16px;font-size:clamp(16px,1.11rem + .17vw,20px);line-height:1.5}.blog-byline{color:var(--blog-soft);gap:4px;font-size:13px;line-height:1.4;display:grid}.blog-byline a{color:var(--foreground);background:linear-gradient(currentColor, currentColor) no-repeat 100% 100% / 0 1px, linear-gradient(color-mix(in srgb, currentColor 35%, transparent), color-mix(in srgb, currentColor 35%, transparent)) no-repeat 0 100% / 100% 1px;transition:background-size var(--dur-ui-slow) var(--ease-ui);font-weight:600;text-decoration:none}.blog-byline a:focus-visible{background-position:0 100%,0 100%;background-size:100% 1px,100% 1px}@media (hover:hover) and (pointer:fine){.blog-byline a:hover{background-position:0 100%,0 100%;background-size:100% 1px,100% 1px}}.blog-flow>*+*{margin-top:1em}.blog-flow>h2{margin-top:2.4em}.blog-flow>h2:first-child{margin-top:0}.blog-flow>h2+*{margin-top:.9em}.blog-flow blockquote{border-left:1px solid var(--foreground);letter-spacing:-.015em;padding-left:1.2em;font-size:1.15em;line-height:1.5}.reading-body>.reading-section{border-top:1px solid var(--blog-rule);margin-top:max(56px,6.11111vw);padding-top:max(56px,6.11111vw)}.blog-faq-list{border-top:1px solid var(--blog-rule);margin-top:28px}.blog-faq-item{border-bottom:1px solid var(--blog-rule);interpolate-size:allow-keywords}.blog-faq-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding-block:20px;list-style:none;display:flex}.blog-faq-summary::-webkit-details-marker{display:none}.blog-faq-summary:focus-visible{outline:var(--focus-width) solid var(--foreground);outline-offset:-2px}.blog-faq-summary h3{letter-spacing:-.015em;transition:color var(--dur-ui) var(--ease-ui);margin:0;font-size:clamp(18px,1.39vw,21px);font-weight:500;line-height:1.3}@media (hover:hover) and (pointer:fine){.blog-faq-item:not([open]) .blog-faq-summary:hover h3{color:var(--blog-soft)}}.blog-faq-icon{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:square;width:20px;height:20px;transition:transform var(--dur-ui-slow) var(--ease-ui);flex:none}.blog-faq-item[open] .blog-faq-icon{transform:rotate(135deg)}.blog-faq-answer{max-width:38em;color:var(--blog-soft);padding-bottom:24px}@supports selector(::details-content){.blog-faq-item::details-content{opacity:0;block-size:0;transition:block-size var(--dur-ui-slow) var(--ease-ui), opacity var(--dur-ui) var(--ease-ui), content-visibility var(--dur-ui-slow) allow-discrete;overflow:clip}.blog-faq-item[open]::details-content{opacity:1;block-size:auto}}@media (prefers-reduced-motion:reduce){.blog-faq-icon,.blog-faq-summary h3{transition:none}.blog-faq-item::details-content{transition:none}}.prose a.blog-service:not(.btn){border:1px solid var(--blog-rule);transition:border-color var(--dur-ui) var(--ease-ui), scale var(--dur-spring) var(--ease-spring);border-radius:3px;gap:10px;padding:max(24px,2.22222vw);text-decoration:none;display:grid;position:relative}.blog-service:focus-visible{border-color:var(--foreground);outline:var(--focus-width) solid var(--foreground);outline-offset:var(--focus-offset)}@media (hover:hover) and (pointer:fine){.blog-service:hover{border-color:var(--foreground)}}.prose a.blog-service:not(.btn):active{scale:var(--press-scale-lg);transition:border-color var(--dur-ui) var(--ease-ui), scale var(--dur-press) var(--ease-ui)}.blog-service-kicker{color:var(--blog-soft);font-size:13px;line-height:1.4}.blog-service-title{letter-spacing:-.025em;text-wrap:balance;padding-right:32px;font-size:clamp(22px,1.94vw,29px);font-weight:500;line-height:1.15}.blog-service-text{max-width:34em;color:var(--blog-soft);font-size:16px;line-height:1.5}.blog-service-arrow{fill:none;stroke:currentColor;stroke-width:1.5px;transition:transform var(--dur-ui) var(--ease-ui);position:absolute;top:max(24px,2.22222vw);right:max(24px,2.22222vw)}.blog-service:focus-visible .blog-service-arrow{transform:translateX(var(--arrow-shift))}@media (hover:hover) and (pointer:fine){.blog-service:hover .blog-service-arrow{transform:translateX(var(--arrow-shift))}}.blog-related{border-top:1px solid var(--blog-rule);margin-top:28px;padding:0;list-style:none}.blog-related>li{border-bottom:1px solid var(--blog-rule)}.prose a.blog-related-link:not(.btn){gap:6px;padding-block:24px;text-decoration:none;display:grid}.blog-related-link:focus-visible{outline:var(--focus-width) solid var(--foreground);outline-offset:-2px}.blog-related-link h3{letter-spacing:-.02em;text-underline-offset:.18em;transition:text-decoration-color var(--dur-ui) var(--ease-ui);margin:0;font-size:clamp(20px,1.39vw,22px);font-weight:500;line-height:1.2;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px}.blog-related-link:focus-visible h3{text-decoration-color:currentColor}@media (hover:hover) and (pointer:fine){.blog-related-link:hover h3{text-decoration-color:currentColor}}.blog-related-meta,.blog-related-text{color:var(--blog-soft);font-size:16px;line-height:1.5}.blog-back{margin-top:max(40px,3.88889vw);font-size:16px}
