@layer zf-reset,zf-base,zf-ui,zf-shell;@layer zf-domain{.blog-article{padding:var(--zf-section-gap) var(--zf-gutter);overflow-wrap:anywhere}.blog-article>article{max-width:var(--zf-layout-container-max);margin-inline:auto}.blog-article__opening,.blog-article__body,.blog-article__action,.blog-article__newsletter{max-width:65ch;margin-inline:auto}.blog-article__opening{margin-bottom:var(--zf-spacing-48)}.blog-article h1{text-wrap:balance}.blog-article__back{min-height:var(--zf-control-touch-target-min);margin-top:var(--zf-spacing-12);align-items:center;display:inline-flex}.blog-article__introduction{margin-top:var(--zf-spacing-24);font-size:var(--zf-font-size-mobile-lead);line-height:var(--zf-font-line-height-lead);white-space:pre-line}.blog-article__metadata{justify-content:space-between;align-items:flex-start;gap:var(--zf-spacing-16) var(--zf-spacing-24);margin-top:var(--zf-spacing-24);border-top:1px solid var(--zf-color-semantic-border);padding-top:var(--zf-spacing-24);flex-wrap:wrap;display:flex}.blog-article__byline{flex:20rem;min-width:0}.blog-article__details{gap:0 var(--zf-spacing-16);margin-top:var(--zf-spacing-8);color:var(--zf-color-semantic-text-secondary);flex-wrap:wrap;display:flex}.blog-article__details a,.blog-byline a,.blog-article__action a{min-height:var(--zf-control-touch-target-min);align-items:center;display:inline-flex}.blog-article__date{margin-top:var(--zf-spacing-24);color:var(--zf-color-semantic-text-secondary)}.blog-article__hero{width:100%;max-width:var(--article-hero-width);margin:0 auto var(--zf-spacing-48)}.blog-article__hero>img{width:100%}.blog-article__body :is(p,ul,ol,blockquote,figure){margin:0 0 var(--zf-spacing-24)}.blog-article__body :is(h2,h3,h4){margin:var(--zf-spacing-48) 0 var(--zf-spacing-24)}.blog-article__body h4{font-family:var(--zf-font-family-heading);font-size:var(--zf-font-size-lead);font-weight:var(--zf-font-weight-heading);line-height:var(--zf-font-line-height-h3)}.blog-article__body :is(p,li,blockquote,h2,h3,h4){white-space:pre-line}.blog-article__body :is(ul,ol){padding-inline-start:var(--zf-spacing-24)}.blog-article__body li>:is(ul,ol){margin-bottom:0}.blog-article__body blockquote{border-left:var(--zf-spacing-4) solid var(--zf-color-core-blue);padding-left:var(--zf-spacing-24);margin-inline:0;font-style:italic}.blog-article figcaption{margin-top:var(--zf-spacing-8);color:var(--zf-color-semantic-text-secondary);font-size:var(--zf-font-size-caption);font-weight:var(--zf-font-weight-strong);line-height:var(--zf-font-line-height-caption)}.blog-article .blog-image-group>figure{margin-bottom:var(--zf-spacing-16)}.blog-article__action,.blog-article__newsletter,.blog-related{margin-top:var(--zf-section-gap);border-top:1px solid var(--zf-color-semantic-border);padding-top:var(--zf-spacing-32)}.blog-article__action a,.blog-byline a{font-weight:var(--zf-font-weight-strong)}.blog-byline{align-items:center;gap:var(--zf-spacing-16);display:flex}.blog-byline img{flex:0 0 var(--zf-spacing-64);width:var(--zf-spacing-64);height:var(--zf-spacing-64);border-radius:var(--zf-radius-pill);object-fit:cover}.blog-byline p{min-width:0}.blog-byline__role{color:var(--zf-color-semantic-text-secondary);display:block}.blog-sharing{min-width:0;max-width:100%}.blog-sharing__actions{gap:var(--zf-spacing-8) var(--zf-spacing-24);flex-wrap:wrap;display:flex}.blog-sharing button{align-items:center;gap:var(--zf-spacing-8);min-height:var(--zf-control-touch-target-min);padding:var(--zf-spacing-8) 0;color:inherit;font:inherit;text-underline-offset:.2em;background:0 0;border:0;text-decoration:underline;display:inline-flex}.blog-sharing button [data-icon]{flex-shrink:0}.blog-sharing button[aria-disabled=true]{opacity:.5;cursor:wait}.blog-sharing p,.blog-sharing label{margin-top:var(--zf-spacing-8);display:block}.blog-sharing__status:empty{margin:0}.blog-sharing input{width:100%;min-width:0;min-height:var(--zf-control-field-min-height);margin-top:var(--zf-spacing-8);padding:var(--zf-spacing-12);border:1px solid var(--zf-color-semantic-text-secondary);border-radius:var(--zf-radius-field);background:var(--zf-color-semantic-surface);color:inherit;display:block}.blog-related>h2{margin-bottom:var(--zf-spacing-32)}.blog-related>ul{gap:var(--zf-spacing-24);margin:0;padding:0;list-style:none;display:grid}.blog-related li,.blog-related .blog-card__text{min-width:0}.blog-related>ul>li:nth-child(n+3){display:none}.blog-related .blog-card>a{align-items:start;gap:var(--zf-spacing-16);min-height:var(--zf-control-touch-target-min);border:1px solid var(--zf-color-semantic-border);border-radius:var(--zf-radius-card);padding:var(--zf-spacing-16);background:var(--zf-color-semantic-surface);transition:transform var(--zf-motion-duration-standard) var(--zf-motion-easing-soft), box-shadow var(--zf-motion-duration-standard) var(--zf-motion-easing-soft);grid-template-columns:5rem minmax(0,1fr);text-decoration:none;display:grid}.blog-related .blog-card>a:is(:hover,:focus-visible) h3{text-decoration:underline}.blog-related .blog-card img{aspect-ratio:16/10;object-fit:cover}.blog-related .blog-card__text:only-child{grid-column:1/-1}.blog-related .blog-card__meta{gap:var(--zf-spacing-4) var(--zf-spacing-12);margin-bottom:var(--zf-spacing-8);color:var(--zf-color-semantic-text-secondary);font-size:var(--zf-font-size-caption);line-height:var(--zf-font-line-height-caption);flex-wrap:wrap;display:none}.blog-related .blog-card h3{font-size:var(--zf-font-size-mobile-h3)}@media (width>=640px){.blog-related>ul>li:nth-child(n+3){display:list-item}.blog-related .blog-card>a{gap:var(--zf-spacing-24);grid-template-columns:10rem minmax(0,1fr)}.blog-related .blog-card__meta{display:flex}}@media (width>=1024px){.blog-article__introduction{font-size:var(--zf-font-size-lead)}.blog-related>ul{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-related .blog-card>a{flex-direction:column;display:flex}}@media (hover:hover) and (pointer:fine){.blog-related .blog-card>a:hover{transform:translateY(calc(-1 * var(--zf-motion-lift)));box-shadow:0 6px 0 color-mix(in srgb, var(--zf-color-core-navy) 10%, transparent)}}@media (prefers-reduced-motion:reduce){.blog-related .blog-card>a{transition:none;transform:none}}}
