:root{scroll-behavior:smooth}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{background:#f7f7f7}.text-ellipsis-1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-ellipsis-2{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;max-height:3em;line-height:1.5;display:-webkit-box;overflow:hidden}.text-ellipsis-3{-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;max-height:4.5em;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-detail-section .ipweb-toc{align-self:start;position:sticky;top:6rem}.blog-detail-section .single-custom-content h1,.blog-detail-section .single-custom-content h2,.blog-detail-section .single-custom-content h3,.blog-detail-section .single-custom-content h4,.blog-detail-section .single-custom-content h5,.blog-detail-section .single-custom-content h6{font-family:var(--ff-medium);margin-bottom:1rem;font-weight:500}.blog-detail-section .single-custom-content h1{font-size:2.5rem;line-height:1.2}.blog-detail-section .single-custom-content h2{font-size:2rem;line-height:1.3}.blog-detail-section .single-custom-content h3{font-size:1.5rem;line-height:1.4}.blog-detail-section .single-custom-content h4{font-size:1.2rem;line-height:1.5}.blog-detail-section .single-custom-content p,.blog-detail-section .single-custom-content img{margin-bottom:1rem}.blog-detail-section #ipweb-toc-nav ul{padding:0;list-style:none}.blog-detail-section #ipweb-toc-nav ul li{margin:0}.blog-detail-section #ipweb-toc-nav>ul{flex-direction:column;display:flex}.blog-detail-section #ipweb-toc-nav ul li a{color:#000;text-decoration:none}.blog-detail-section #ipweb-toc-nav ul li li a{color:#999;transition:all .3s}.blog-detail-section #ipweb-toc-nav ul li a:hover{color:#000}.blog-detail-section #ipweb-toc-nav>ul>li>ul>li{padding-left:1rem}.blog-detail-section #ipweb-toc-nav>ul>li>ul>li>a{font-weight:400}.blog-detail-section #ipweb-toc-nav>ul>li>ul>li>ul{padding-left:2.5rem;display:none}.blog-detail-section #ipweb-toc-nav>ul>li>ul{border-left:1px solid #ccc;margin-left:1rem;display:none}.blog-detail-section #ipweb-toc-nav>ul>li>ul>li.open>ul{flex-direction:column;gap:1rem;display:flex}.blog-detail-section #ipweb-toc-nav>ul>li>ul>li.open:has(>ul) .toggle-container{margin-bottom:1rem}.blog-detail-section #ipweb-toc-nav>ul>li.open>ul{flex-direction:column;gap:1rem;display:flex}.blog-detail-section .toggle-container{align-items:center;gap:.5rem;display:flex}.blog-detail-section .toggle-container a{overflow-wrap:anywhere;word-break:break-word;flex:1;min-width:0}.blog-detail-section #ipweb-toc-nav>ul>li>.toggle-container{border-radius:.5rem;padding:.5rem}.blog-detail-section #ipweb-toc-nav>ul>li.open>ul{margin:.5rem 1.2rem 0}.blog-detail-section .toggle{cursor:pointer;color:#ccc;padding:0 .5rem;font-size:10px;transition:all .3s;display:inline-block;transform:rotate(0)}.blog-detail-section .toggle.hidden{visibility:hidden}.blog-detail-section li.open>.toggle-container>.toggle{transform:rotate(90deg)}.blog-detail-section #ipweb-toc-nav>ul>li.open>.toggle-container{border-left:2px solid var(--primary);background:#e4f1e4}.blog-detail-section #ipweb-toc-nav>ul>li.open>.toggle-container .toggle,.blog-detail-section #ipweb-toc-nav>ul>li.open>.toggle-container a{color:var(--primary);font-weight:700}.blog-detail-section #ipweb-toc-nav ul li a.active{color:#000}.blog-detail-section .toggle-container:has(>a.active) .toggle{color:#000}.post-list .card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.post-list .card:hover{border:1px solid var(--primary);box-shadow:0 4px 32px 0 rgba(var(--primary-rgb),.2);transform:translateY(-4px)}.post-list .card-content{flex-direction:column;justify-content:space-between;gap:1.5rem;height:calc(100% - 12.5rem);padding:1.5rem;display:flex}.post-list .card-post{flex-direction:column;gap:1.5rem;display:flex}.post-list .card-title{color:#000;text-align:justify;font-size:1.5rem;font-weight:500;line-height:150%}.post-list .card-text{color:#999;text-align:justify;font-size:1rem}.post-list .author-box .author-img{width:3.5rem;height:3.5rem}.post-list .author-box .author-name{margin:0}
