.post-article{align-items:flex-start;gap:calc(32 * var(--u));flex-direction:column;display:flex}.post-cover{aspect-ratio:1248/702;border-radius:var(--sds-size-radius-400);object-fit:cover;width:100%;height:auto}.post-intro{align-items:flex-start;gap:calc(24 * var(--u));flex-direction:column;width:100%;display:flex}.post-chip{padding:calc(8 * var(--u)) calc(12 * var(--u));border-radius:calc(8 * var(--u));background:var(--sds-color-background-default-secondary);font-size:calc(16 * var(--u));color:var(--sds-color-text-neutral-default);white-space:nowrap;line-height:1;transition:background-color .2s;display:inline-flex}.post-chip:hover{background:var(--sds-color-background-neutral-tertiary)}.post-p,.post-list{width:100%;font-size:calc(16 * var(--u));line-height:calc(29 * var(--u));font-weight:var(--weight-light);color:var(--sds-color-text-neutral-default)}.post-section{align-items:flex-start;gap:calc(8 * var(--u));width:100%;scroll-margin-top:calc(120 * var(--u));flex-direction:column;display:flex}.post-h2{font-size:calc(24 * var(--u));line-height:calc(43 * var(--u));font-weight:var(--weight-bold);color:var(--sds-color-text-neutral-default)}.post-h3{font-size:calc(20 * var(--u));line-height:calc(36 * var(--u));font-weight:var(--weight-regular);color:var(--sds-color-text-neutral-default);scroll-margin-top:calc(120 * var(--u))}.post-paras{width:100%}.post-list{list-style:outside}.post-list li{margin-inline-start:calc(24 * var(--u))}.post-media{align-items:flex-start;gap:calc(48 * var(--u));width:100%;scroll-margin-top:calc(120 * var(--u));display:flex;overflow:hidden}.post-media__text{flex:1 1 0;min-width:0}.post-media__figure{aspect-ratio:600/400;border-radius:var(--sds-size-radius-400);background:#f2f2f2;flex:1 1 0;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.post-media__figure img{object-fit:cover;width:100%;height:100%}.post-media__placeholder{font-size:calc(16 * var(--u));line-height:calc(29 * var(--u));font-weight:var(--weight-light);color:#5a5a5a;white-space:nowrap}.post-related{width:calc(502 * var(--u));align-self:flex-start;max-width:100%}.post-tags{align-items:center;gap:calc(8 * var(--u));width:100%;padding-block:calc(8 * var(--u));display:flex;overflow:hidden}.post-tags__icon{color:#5a5a5a;display:flex}.post-tags__list{align-items:center;gap:calc(8 * var(--u));flex-wrap:wrap;display:flex}.post-tag{padding:calc(4 * var(--u)) calc(8 * var(--u));border-radius:calc(8 * var(--u));background:var(--sds-color-background-default-secondary);font-size:calc(12 * var(--u));color:var(--sds-color-text-neutral-default);white-space:nowrap;line-height:normal;display:inline-flex}.post-body{gap:calc(32 * var(--u));flex-direction:column;width:100%;display:flex}.post-body a{color:var(--sds-color-background-button-default);text-underline-offset:calc(3 * var(--u));text-decoration:underline}.post-body strong,.post-body b{font-weight:var(--weight-bold)}.post-list--ordered{list-style:decimal}.post-quote{width:100%;padding:calc(16 * var(--u)) calc(24 * var(--u));border-inline-start:calc(4 * var(--u)) solid var(--sds-color-border-button-default);border-radius:calc(8 * var(--u));background:var(--sds-color-background-default-secondary);font-size:calc(18 * var(--u));line-height:calc(32 * var(--u));font-weight:var(--weight-regular);color:var(--sds-color-text-neutral-default)}.post-figure{width:100%;margin:calc(8 * var(--u)) 0;border-radius:var(--sds-size-radius-400);overflow:hidden}.post-figure img{width:100%;height:auto}.post-figure figcaption{padding-top:calc(8 * var(--u));font-size:calc(14 * var(--u));line-height:calc(22 * var(--u));font-weight:var(--weight-light);color:var(--sds-color-text-default-secondary);text-align:center}.post-rule{border:0;border-top:1px solid var(--sds-color-border-default-default);width:100%}@media (max-width:1199.98px){.post-article{gap:28px}.post-intro{gap:20px}.post-chip{background-clip:padding-box;border:4px solid #0000;border-radius:12px;margin:-4px;padding:10px 14px}.post-media{flex-direction:column;gap:24px}.post-media__figure,.post-media__text{flex:none;width:100%}.post-related{width:100%;max-width:560px}.post-related .blog-card-sm{min-height:104px}}@media (max-width:767.98px){.post-article{gap:24px}.post-cover{border-radius:12px}.post-h2{font-size:22px;line-height:38px}.post-h3{font-size:18px;line-height:32px}.post-section{scroll-margin-top:96px}.post-media{gap:16px}.post-media__figure{border-radius:12px}.post-related{max-width:none}.post-quote{padding:12px 16px;font-size:17px;line-height:30px}}
.pill-btn{justify-content:center;align-items:center;gap:calc(8 * var(--u));min-height:calc(32 * var(--u));padding:calc(4 * var(--u)) calc(8 * var(--u));border-radius:var(--sds-size-radius-full);box-shadow:inset 0 0 0 calc(2 * var(--u)) #767676, var(--shadow-step);color:#5a5a5a;white-space:nowrap;flex-shrink:0;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.pill-btn:hover{background:var(--sds-color-background-default-secondary)}.pill-btn__icon{display:flex}.pill-btn__icon--pressed{display:none}.pill-btn__label{font-size:calc(14 * var(--u));line-height:normal}.pill-btn[aria-pressed=true]{box-shadow:inset 0 0 0 calc(2 * var(--u)) #3e48b8, var(--shadow-step);color:#3e48b8;background:#b8bdf5}.pill-btn--swap[aria-pressed=true] .pill-btn__icon--rest{display:none}.pill-btn--swap[aria-pressed=true] .pill-btn__icon--pressed{display:flex}@media (max-width:1199.98px){.pill-btn{position:relative}.pill-btn:after{content:"";position:absolute;inset:-6px -2px}}
.post-actions{justify-content:space-between;align-items:center;gap:calc(16 * var(--u));flex-wrap:wrap;display:flex}.post-share,.post-share__list,.post-stats{align-items:center;gap:calc(8 * var(--u));display:flex}.post-share__link{width:calc(32 * var(--u));height:calc(32 * var(--u));border-radius:var(--sds-size-radius-full);color:#5a5a5a;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:flex}.post-share__link:hover,.post-share__link.is-active{background:var(--sds-color-background-default-secondary);color:var(--sds-color-background-button-default)}.post-share__sheet{display:flex;position:relative}.post-share__note{top:calc(100% + calc(6 * var(--u)));z-index:2;width:max-content;max-width:calc(260 * var(--u));padding:calc(6 * var(--u)) calc(10 * var(--u));border-radius:calc(8 * var(--u));background:var(--sds-color-background-neutral-default);font-size:calc(12 * var(--u));color:var(--sds-color-text-neutral-on-neutral);opacity:0;visibility:hidden;pointer-events:none;line-height:1.6;transition:opacity .2s;position:absolute;inset-inline-end:0}.post-share__note.is-shown{opacity:1;visibility:visible}.post-stats{gap:calc(4 * var(--u))}.post-stats>.pill-btn{margin-inline-start:calc(4 * var(--u))}.post-stats__dot{width:calc(4 * var(--u));font-size:calc(12 * var(--u));color:#767676;text-align:start;line-height:normal}@media (max-width:1199.98px){.post-actions{row-gap:12px}.post-share__list{gap:0}.post-share__link{width:44px;height:44px}}@media (max-width:767.98px){.post-actions{flex-direction:column;align-items:stretch}.post-share{justify-content:space-between}.post-stats{flex-wrap:wrap}}
.author{align-items:flex-start;gap:calc(8 * var(--u));flex-direction:column;display:flex}.author__heading{font-size:calc(20 * var(--u));line-height:calc(36 * var(--u));font-weight:var(--weight-regular);color:#000}.author__card{align-items:center;gap:calc(16 * var(--u));width:calc(832 * var(--u));max-width:100%;padding:calc(24 * var(--u));border-radius:calc(16 * var(--u));background:var(--sds-color-background-default-default);box-shadow:inset 0 0 0 1px var(--sds-color-border-default-secondary), var(--shadow-step);display:flex;overflow:hidden}.author__photo{width:calc(120 * var(--u));height:calc(120 * var(--u));object-fit:cover;border-radius:50%;flex-shrink:0}.author__info{align-items:flex-start;gap:calc(8 * var(--u));flex-direction:column;min-width:0;display:flex}.author__name-row{align-items:center;gap:calc(4 * var(--u));white-space:nowrap;flex-wrap:wrap;display:flex}.author__name{font-size:calc(20 * var(--u));line-height:calc(36 * var(--u));color:var(--sds-color-text-default-default)}.author__sep,.author__role{font-size:calc(16 * var(--u));line-height:calc(29 * var(--u));font-weight:var(--weight-light);color:var(--sds-color-text-neutral-on-neutral-tertiary)}.author__bio{font-size:calc(14 * var(--u));line-height:calc(22 * var(--u));font-weight:var(--weight-light);color:var(--sds-color-text-default-default)}@media (max-width:1199.98px){.author{gap:12px}.author__card{width:100%}}@media (max-width:767.98px){.author__card{flex-direction:column;align-items:flex-start;gap:12px;padding:20px 16px}.author__photo{width:88px;height:88px}.author__name-row{white-space:normal}}
.cf-wrap{align-items:flex-start;gap:calc(16 * var(--u));scroll-margin-top:calc(120 * var(--u));flex-direction:column;display:flex}.cf-heading{font-size:calc(24 * var(--u));line-height:calc(43 * var(--u));font-weight:var(--weight-bold);color:#000}.cf{align-items:flex-start;gap:calc(16 * var(--u));width:calc(832 * var(--u));border-radius:calc(16 * var(--u));flex-direction:column;max-width:100%;display:flex}.cf-field{justify-content:center;align-items:stretch;gap:calc(8 * var(--u));flex-direction:column;width:100%;display:flex}.cf-row{justify-content:space-between;align-items:stretch;gap:calc(28 * var(--u));width:100%;display:flex}.cf-field--half{width:calc(402 * var(--u));flex:0 1 calc(402 * var(--u));min-width:0}.cf-label{font-size:calc(16 * var(--u));color:var(--sds-color-text-default-default);line-height:normal}.cf-input{width:100%;min-width:0;padding:calc(16 * var(--u));border-radius:calc(32 * var(--u));background:var(--sds-color-background-default-default);box-shadow:inset 0 0 0 1px var(--sds-color-border-default-secondary);font-size:calc(16 * var(--u));line-height:calc(16 * var(--u));color:var(--sds-color-text-default-default);outline:none;transition:box-shadow .2s}.cf-input::placeholder{color:var(--sds-color-text-default-secondary);opacity:1}.cf-input:hover{box-shadow:inset 0 0 0 1px var(--sds-color-background-neutral-secondary-hover)}.cf-input:focus,.cf-input:focus-visible{box-shadow:inset 0 0 0 1px var(--sds-color-border-button-tertiary), 0 0 0 calc(3 * var(--u)) #4d5ae626}.cf-input:user-invalid{box-shadow:inset 0 0 0 1px var(--sds-color-background-danger-default)}.cf-input--pill{height:calc(48 * var(--u));border-radius:var(--sds-size-radius-full)}.cf-input:disabled{background:var(--sds-color-background-default-secondary);cursor:not-allowed}.cf-textarea{height:calc(144 * var(--u));padding-top:calc(12 * var(--u));line-height:calc(24 * var(--u));resize:none;display:block}.cf-check{align-items:center;gap:calc(8 * var(--u));font-size:calc(14 * var(--u));color:var(--sds-color-text-default-default);cursor:pointer;line-height:normal;display:flex}.cf-checkbox{appearance:none;width:calc(16 * var(--u));height:calc(16 * var(--u));border-radius:calc(4 * var(--u));background:var(--sds-color-background-default-default);box-shadow:inset 0 0 0 1px var(--sds-color-border-button-tertiary);cursor:pointer;flex-shrink:0;place-content:center;margin:0;transition:background-color .15s;display:grid}.cf-checkbox:after{content:"";width:calc(8 * var(--u));height:calc(4 * var(--u));margin-top:calc(-2 * var(--u));border-inline-start:calc(2 * var(--u)) solid #fff;border-bottom:calc(2 * var(--u)) solid #fff;opacity:0;transform:rotate(-45deg)}.cf-checkbox:checked{background:var(--sds-color-background-button-default)}.cf-checkbox:checked:after{opacity:1}.cf-checkbox:focus-visible{outline:calc(2 * var(--u)) solid var(--sds-color-border-button-tertiary);outline-offset:calc(2 * var(--u))}.cf-help{height:calc(22 * var(--u));font-size:calc(14 * var(--u));color:var(--sds-color-text-default-default);line-height:normal}.cf .cf-submit{width:calc(180 * var(--u))}.cf-status{font-size:calc(14 * var(--u));color:var(--sds-color-icon-brand-default);line-height:normal}.cf-status.is-error,.cf-help.form-error{color:#b3474c}.cf-input[aria-invalid=true]{box-shadow:inset 0 0 0 1px #b3474c}@media (max-width:1199.98px){.cf{width:100%}.cf-field--half{flex:1 1 0;width:auto}.cf-check{min-height:44px}.cf-help{height:auto}}@media (max-width:767.98px){.cf-heading{font-size:22px;line-height:38px}.cf-row{flex-direction:column;gap:16px}.cf-field--half{flex:none;width:100%}.cf .cf-submit{width:100%}}
.comments{align-items:flex-start;gap:calc(16 * var(--u));flex-direction:column;display:flex}.comments__heading{font-size:calc(20 * var(--u));line-height:calc(36 * var(--u));font-weight:var(--weight-regular);color:#000}.comments__list{gap:calc(16 * var(--u));width:calc(832 * var(--u));flex-direction:column;max-width:100%;display:flex}.comment{align-items:flex-start;gap:calc(8 * var(--u));padding:calc(16 * var(--u));border-radius:var(--sds-size-radius-400);background:var(--sds-color-background-default-secondary);flex-direction:column;display:flex;overflow:hidden}.comment__head{align-items:flex-start;gap:calc(8 * var(--u));display:flex}.comment__avatar{padding:calc(12 * var(--u));border-radius:var(--sds-size-radius-full);background:var(--sds-color-background-neutral-tertiary);color:var(--sds-color-text-neutral-default);flex-shrink:0;display:flex}.comment__body{align-items:flex-start;gap:calc(2 * var(--u));color:#000;flex-direction:column;display:flex}.comment__name{font-size:calc(16 * var(--u));line-height:calc(24 * var(--u));font-weight:var(--weight-medium)}.comment__text{font-size:calc(14 * var(--u));line-height:calc(22 * var(--u));font-weight:var(--weight-light)}.comment__actions{justify-content:space-between;align-items:center;gap:calc(8 * var(--u));width:100%;display:flex}.comment__likes{align-items:center;gap:calc(8 * var(--u));display:flex}@media (max-width:1199.98px){.comments__list{width:100%}}@media (max-width:767.98px){.comment__actions{flex-wrap:wrap;row-gap:12px}}
.post-page{gap:calc(32 * var(--u));padding-top:calc(160 * var(--u));padding-bottom:calc(32 * var(--u));flex-direction:column;display:flex}.post-row{width:100%;max-width:calc(1440 * var(--u));padding-inline:calc(96 * var(--u));margin-inline:auto}.post-title{width:calc(481 * var(--u));max-width:100%;font-size:calc(48 * var(--u));line-height:calc(58 * var(--u));font-weight:var(--weight-bold);color:#000}@media (max-width:1199.98px){.post-page{gap:32px;padding-top:120px}.post-row{padding-inline:var(--page-gutter)}.post-page [data-section=title],.post-page [data-section=date]{margin-top:-16px}.post-title{width:auto;font-size:40px;line-height:52px}}@media (max-width:767.98px){.post-page{gap:24px;padding-top:96px}.post-page [data-section=title]{margin-top:-8px}.post-page [data-section=date]{margin-top:-12px}.post-title{font-size:30px;line-height:44px}}