.blog-detail__container{display:flex;flex-direction:column;gap:3rem}.blog-detail__head{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:48rem;padding:6rem 0 8rem}.blog-detail__title{letter-spacing:-.05em;line-height:1.05;text-align:center}.blog-detail__description{font-size:.875rem;font-weight:500;line-height:1.25;opacity:.5;text-align:center}.blog-detail__meta{font-size:.75rem;font-weight:500;line-height:1.28;opacity:.5;text-align:center}.blog-detail__socials{display:flex;gap:1rem;justify-content:center}.blog-detail__body{display:grid;gap:1.25rem;grid-template-columns:repeat(12,1fr)}.blog-detail__sidebar{grid-column:span 3}.blog-detail__content{grid-column:span 7}.blog-detail__picture{border-radius:1.5rem;overflow:hidden;padding-bottom:56.25%;width:100%}.blog-detail__contents{position:sticky;top:4.8rem}.blog-detail__contents-head{border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;padding:0 1.5rem 1.5rem}.blog-detail__contents-title{color:var(--color-text);font-size:1.5rem;font-weight:600;letter-spacing:-.03em;line-height:1.28}.blog-detail__contents-list{display:flex;flex-direction:column;padding-right:1.5rem}.blog-detail__contents-item{align-items:center;border-radius:.5rem;color:var(--color-text-64);cursor:pointer;display:flex;font-size:1rem;font-weight:400;gap:1.5rem;line-height:1.43;min-height:3rem;padding:.5rem 1.5rem;text-decoration:none;transition:color .22s ease,background-color .22s ease}.blog-detail__contents-item:hover{background-color:#2663f30d;color:var(--color-primary)}.blog-detail__contents-item-index{border-bottom:1px solid;font-size:.875rem;padding-bottom:.125rem}@media screen and (max-width:1324px){.blog-detail__separator:last-child{display:none}.blog-detail__content{grid-column:span 8}}@media screen and (max-width:1028px){.blog-detail__separator{display:none}.blog-detail__sidebar{grid-column:span 4}}@media screen and (max-width:862px){.blog-detail__content,.blog-detail__head{padding-left:1rem;padding-right:1rem}.blog-detail__head{padding-bottom:4rem;padding-top:4rem}.blog-detail__description{font-size:1.04rem}.blog-detail__meta{font-size:1rem}.blog-detail__contents-title{font-size:1.72rem}.blog-detail__contents-item{font-size:1.24rem}}@media screen and (max-width:742px){.blog-detail__content,.blog-detail__sidebar{grid-column:span 12}.blog-detail__sidebar{padding-bottom:2rem}}