.blog-detail-section{--area-wrapper-column-gap: 2.5rem;--side-area-width: 390px;padding-bottom:2.5rem}@media(min-width:1025px){.blog-detail-section:has(.blog-section-header.fixed){padding-top:var(--blog-header-height)}}.blog-detail-section .area-wrapper{display:flex;flex-direction:column-reverse;gap:1.875rem var(--area-wrapper-column-gap)}@media(min-width:769px){.blog-detail-section .area-wrapper,.blog-detail-section .blog-section-header .section-header{display:grid;grid-template-columns:calc(100% - var(--side-area-width) - var(--area-wrapper-column-gap)) var(--side-area-width)}.blog-detail-section .blog-section-header .section-header{gap:1.875rem var(--area-wrapper-column-gap)}}.blog-detail-section :is(h1,h2,h3,h4,h5):has(+p>img:first-child),.blog-detail-section :is(h1,h2,h3,h4,h5):has(+img){margin-bottom:1.25rem}.blog-detail-section .blog-section-header{padding-block:1.25rem}@media(max-width:768px){.blog-detail-section .blog-section-header .section-title{--font-scale: 0.8}}@media(min-width:1025px){.blog-detail-section .blog-section-header.fixed{position:fixed;top:0;width:100%;z-index:1000;background-color:#fff;padding-block:.625rem}}.blog-detail-section .blog-section-header .top-wrapper{display:flex;flex-direction:column}@media(min-width:1025px){.blog-detail-section .blog-section-header .top-wrapper{align-items:center;justify-content:space-between;flex-direction:row}}@media(max-width:1024px){.blog-detail-section .blog-section-header .top-wrapper{margin-bottom:.625rem}}.blog-detail-section .blog-section-header .buttons-wrapper{display:flex;align-items:center;gap:.625rem}@media(max-width:1024px){.blog-detail-section .blog-section-header .buttons-wrapper{padding-block:1.25rem .25rem}}.blog-detail-section .share-content{border-radius:9999px;background-color:var(--primary-color);display:flex;align-items:center;padding:.375rem;color:#fff;gap:.375rem;padding-right:.75rem}.blog-detail-section .share-content .share-button{border-radius:9999px;margin-left:0;width:1.875rem;height:1.875rem;display:flex;align-items:center;justify-content:center;border:2px solid #fff;cursor:pointer}.blog-detail-section .share-content .share-button i{font-size:.875rem;color:#fff;display:flex;align-items:center;justify-content:center}.blog-detail-section .content-area{display:flex;flex-direction:column;gap:.9375rem}.blog-detail-section .content-area .cover img{border-radius:15px}.blog-detail-section .content-area .tags ul{display:flex;align-items:center;gap:.375rem}@media(min-width:1025px){.blog-detail-section .content-area .tags ul{gap:.875rem}}@media(max-width:520px){.blog-detail-section .content-area .tags ul{align-items:initial;flex-direction:column}}.blog-detail-section .content-area .tags ul li{display:flex;align-items:center;gap:.25rem;color:var(--primary-color);font-size:11px;font-weight:400}@media(min-width:1025px){.blog-detail-section .content-area .tags ul li{gap:.5rem}}.blog-detail-section .content-area .section-content img{aspect-ratio:1600/600;object-fit:cover}.blog-detail-section .side-area{position:relative}.blog-detail-section .side-area:has(.social-content.active)>.table-of-contents-wrapper{opacity:.1;pointer-events:none;user-select:none}@media(min-width:1200px){.blog-detail-section .side-area{position:sticky;top:calc(var(--blog-header-height, 100px) + 20px);height:max-content;z-index:12}}.blog-detail-section .side-area .table-of-contents-wrapper{display:flex}.blog-detail-section .side-area .table-of-contents{background:var(--primary-color);border-radius:15px;padding:1.25rem;width:100%}.blog-detail-section .side-area .table-of-contents .table-of-contents-title{font-size:1.25rem;color:#fff;font-weight:600;user-select:none;margin-bottom:0;cursor:pointer}.blog-detail-section .side-area .table-of-contents .table-of-contents-title span{line-height:1.1;cursor:pointer;font-weight:600;font-size:1rem}.blog-detail-section .side-area .table-of-contents>ul{padding-right:.625rem;max-height:60svh;overflow-y:auto;margin-top:.9375rem;margin-bottom:0 !important}.blog-detail-section .side-area .table-of-contents>ul::-webkit-scrollbar{width:5px}.blog-detail-section .side-area .table-of-contents>ul::-webkit-scrollbar-track{border-radius:0px;border:0px;background-color:#fff}.blog-detail-section .side-area .table-of-contents>ul::-webkit-scrollbar-thumb{background:#7ba2de;border-radius:0px}.blog-detail-section .side-area .table-of-contents>ul::-webkit-scrollbar-thumb:hover{background:#000}.blog-detail-section .side-area .table-of-contents ul{--font-scale: 0.9;color:#fff;margin-top:.375rem}.blog-detail-section .side-area .table-of-contents ul:has(li){margin-bottom:.875rem}.blog-detail-section .side-area .table-of-contents ul li{margin-bottom:.5rem}.blog-detail-section .side-area .table-of-contents ul p{cursor:pointer}