.blog-post{padding-bottom:64px}.blog-post-header{align-items:center;display:grid;gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-bottom:var(--so-group-spacing);padding-top:calc(var(--so-group-spacing)*2);>div{align-items:flex-start;flex-direction:column;gap:var(--so-block-gap)}figure{margin:0}figure img{aspect-ratio:3/2;border-radius:var(--so-border-radius-l);display:block;height:auto;object-fit:cover;width:100%}@media (max-width:1344px){padding-top:96px}@media (max-width:768px){grid-template-columns:1fr;padding-bottom:32px}}.blog-post-back{align-items:center;color:var(--so-color-secondary);display:inline-flex;font-size:16px;gap:8px;line-height:1.4;text-decoration:underline;&:focus-visible{outline:2px solid var(--so-color-secondary);outline-offset:2px}}.blog-post-meta{display:flex;flex-wrap:wrap;font-size:14px;gap:4px;line-height:1;margin:16px 0 0;ul{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0}li{list-style:none}a{color:var(--so-color-primary);font-weight:700;text-decoration:none}a:focus-visible{outline:2px solid var(--so-color-primary);outline-offset:2px}time{color:gray;&:before{content:"\2022"}}}.blog-post-byline,.blog-post-person{color:var(--so-color-text);display:inline-flex;gap:16px;text-decoration:none;img{background-color:var(--so-color-primary);border:8px solid var(--so-color-secondary-dark);border-radius:999px;display:block;height:80px;object-fit:cover;width:80px}>span{display:flex;flex-direction:column;gap:8px}>span>span:first-child{font-size:20px;font-weight:600;line-height:1.3}>span>span:not(:first-child){color:gray;font-size:16px;font-weight:400;line-height:1.4}}.blog-post-body{margin:0 auto;max-width:864px;padding-bottom:64px;>:first-child{margin-top:0}>:last-child{margin-bottom:0}h2,h3,h4{margin-top:32px}a{color:var(--so-color-secondary);text-decoration:underline}img{height:auto}iframe,img,table{max-width:100%}table{display:block;overflow-x:auto}a:focus-visible{outline:2px solid var(--so-color-secondary);outline-offset:2px}}.blog-post-intro{font-size:20px;line-height:1.5;margin:0 0 24px;&:empty{display:none}}.blog-post-author{display:grid;gap:32px;grid-template-columns:416px minmax(0,1fr);>div{background-color:var(--so-color-white);border:1px solid var(--so-color-border);border-radius:var(--so-border-radius-m);padding:64px}@media (max-width:768px){grid-template-columns:1fr;>div{padding:24px}}@media (max-width:560px){>div{padding:16px}}}.blog-post-author-info{align-items:flex-start;display:flex;flex-direction:column;gap:24px;height:fit-content;.blog-post-person{align-items:flex-start;color:var(--so-color-text);display:flex;flex-direction:column;gap:24px;margin-top:0;min-height:44px;text-decoration:none;h2{font-size:var(--so-fontsize-h6);font-weight:600;line-height:1.2}h2,p{margin:0}p{font-size:16px;font-weight:400;line-height:1.4}}dl{display:flex;flex-direction:column;gap:16px}dt{color:gray;font-size:16px;font-weight:400;line-height:1.4;margin-bottom:4px}dd{border-bottom:1px solid var(--so-color-secondary);font-size:16px;line-height:1.1;margin:0;&:has(a:hover){border-bottom:2px solid var(--so-color-secondary)}}dd a{align-items:center;color:var(--so-color-secondary);display:inline-flex;gap:8px;min-height:24px;text-decoration:none;svg{flex-shrink:0}}dd a:focus-visible{outline:2px solid var(--so-color-secondary);outline-offset:2px}@media (max-width:576px){dl{grid-template-columns:1fr}}.buttons-wrapper{width:100%;.button{min-height:50px}}}.blog-post-person img{height:80px;width:80px}.blog-post-form h2{font-size:28px;line-height:1.2;margin:0 0 16px}.blog-post-related{margin-bottom:-64px;margin-top:64px;padding:var(--so-group-spacing) 0;position:relative;z-index:1;ul{display:grid;gap:32px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}li{min-width:0}@media (max-width:1024px){ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:576px){ul{grid-template-columns:1fr}}&:after{background-color:var(--so-color-bg-light);content:"";height:100%;left:0;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);position:absolute;top:0;width:100vw;z-index:-1}}.blog-post-related-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:32px;h2{font-size:var(--so-fontsize-h4);line-height:1.2;margin:0}@media (max-width:768px){align-items:flex-start;flex-direction:column}}