.meta-tag{align-items:center;gap:calc(4 * var(--u));color:var(--meta-color,#767676);display:inline-flex}.meta-tag__icon{padding-block:calc(3 * var(--u));display:flex}.meta-tag__text{font-size:calc(12 * var(--u));white-space:nowrap;line-height:normal}
.post-meta{align-items:stretch;gap:calc(4 * var(--u));flex-wrap:wrap;display:flex}.post-meta__dot{width:calc(4 * var(--u));font-size:calc(12 * var(--u));color:#767676;align-items:center;line-height:normal;display:flex}
.toc{--toc-dur:.3s;width:calc(502 * var(--u));max-width:100%;padding:calc(16 * var(--u));border-radius:var(--sds-size-radius-400);background:var(--sds-color-background-default-secondary);-webkit-backdrop-filter:blur(calc(50 * var(--u)));backdrop-filter:blur(calc(50 * var(--u)));flex-direction:column;display:flex;overflow:hidden}.toc__head{justify-content:space-between;align-items:center;gap:calc(12 * var(--u));text-align:start;width:100%;display:flex}.toc__title{font-size:calc(16 * var(--u));line-height:calc(24 * var(--u));font-weight:var(--weight-medium);color:var(--sds-color-text-neutral-default);white-space:nowrap}.toc__caret{color:var(--sds-color-text-neutral-default);transition:transform var(--toc-dur) ease-out;display:flex}.toc__caret svg{width:calc(24 * var(--u));height:calc(24 * var(--u))}.toc__body{margin-top:calc(16 * var(--u));transition:grid-template-rows var(--toc-dur) ease-out, margin-top var(--toc-dur) ease-out, opacity var(--toc-dur) ease-out;grid-template-rows:1fr;display:grid}.toc__list{align-items:flex-start;gap:calc(8 * var(--u));flex-direction:column;min-height:0;display:flex;overflow:hidden}.toc__list li{font-size:calc(14 * var(--u));line-height:calc(22 * var(--u));font-weight:var(--weight-light)}.toc__link{color:var(--sds-color-text-neutral-default);white-space:nowrap;transition:color .2s}.toc__link:hover{color:var(--sds-color-background-button-default)}.toc[data-open=false] .toc__body{opacity:0;grid-template-rows:0fr;margin-top:0}.toc[data-open=false] .toc__caret{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.toc{--toc-dur:.01ms}}@media (max-width:1199.98px){.toc{width:100%;padding-block:10px}.toc__head{min-height:44px}.toc__body{margin-top:4px}.toc__list{gap:0}.toc__link{white-space:normal;align-items:center;min-height:44px;display:flex}}@media (max-width:767.98px){.toc[data-auto] .toc__body{opacity:0;visibility:hidden;grid-template-rows:0fr;margin-top:0}.toc[data-auto] .toc__caret{transform:rotate(180deg)}}
