.post-layout-section .box{flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:5rem}.post-layout-section .box .post-component{width:60%;max-width:770px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem}.post-layout-section .box .post-component picture{max-height:450px;width:100%;overflow:hidden;border-radius:var(--card-border-radius-1)}.post-layout-section .box .post-component picture img{width:100%;height:100%;object-fit:cover}.post-layout-section .box .post-component>:is(h2,h3,h4){line-height:100%}.post-layout-section .box .post-component>:is(h2,h3,h4){margin-top:1rem}.post-layout-section .box .post-component>button{margin-top:1rem}.post-layout-section .box .post-component :is(ul,ol){display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;line-height:100%;margin:.5rem 0;font-family:DM Sans,sans-serif;font-weight:400;font-size:var(--text-size-1);color:var(--text-color-dark-1);line-height:27px!important;letter-spacing:.3px}.post-layout-section .box .post-component ul{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;list-style-type:disc;list-style-position:inside;gap:1rem}.post-layout-section .box .post-component :is(ul li,ol li):has(p){display:flex;flex-direction:column;justify-content:center;align-items:flex-start;font-size:var(--text-size-1);line-height:27px;letter-spacing:.5px;color:var(--text-color-dark-1);font-weight:400}.post-layout-section .box .post-component ul li p{display:list-item;list-style-type:disc;list-style-position:inside}.post-layout-section .box .post-component ol{padding-left:1.5rem}.post-layout-section .box .post-component ol li p{display:list-item;list-style-type:decimal}.post-layout-section .box .post-component :is(ul li p,ol li p){margin-top:.5rem;font-size:var(--text-size-1);line-height:27px;letter-spacing:.5px}.post-layout-section .box .aside-blog{width:40%}.post-layout-section .box .post-component table{width:100%;border-collapse:collapse;margin:2rem 0;font-family:Poppins,sans-serif;background:var(--card-bg-1, #fff);box-shadow:0 2px 8px #0000000a;border-radius:var(--card-border-radius-1, 8px);overflow:hidden}.post-layout-section .box .post-component th,.post-layout-section .box .post-component td{padding:1rem 1.2rem;text-align:left;border-bottom:1px solid var(--border-color-1, #eee);font-size:var(--text-size-1, 1rem)}.post-layout-section .box .post-component th{background:var(--accent-color-1, #f5f5f5);color:var(--text-color-white-1);font-weight:600}.post-layout-section .box .post-component tr:last-child td{border-bottom:none}.post-layout-section .box .post-component td strong{color:var(--accent-color-1, #0077b6);font-weight:600}@media screen and (min-width: 0px) and (max-width: 900px){.post-layout-section .box{flex-wrap:wrap}.post-layout-section .box .post-component,.post-layout-section .box .aside-blog{width:100%}}.toc-container{width:100%;margin:1.5rem 0;border-radius:var(--border-radius-2);background:var(--background-color-gray-2);border:1px solid var(--border-color-gray-1);overflow:hidden;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.toc-container.toc-ready{opacity:1;transform:translateY(0)}.toc-header{width:100%;display:flex;flex-direction:row;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:var(--main-color-1);border:none;cursor:pointer;transition:background .2s ease}.toc-header:hover{background:var(--secondary-color-3)}.toc-header-icon{display:flex;align-items:center;justify-content:center;color:var(--secondary-color-1)}.toc-title{flex:1;text-align:left;font-family:Crimson Pro,serif;font-size:1.2rem;font-weight:600;color:var(--text-color-white-1);letter-spacing:.5px}.toc-toggle-icon{display:flex;align-items:center;justify-content:center;color:var(--text-color-white-1);transition:transform .3s ease}.toc-header.expanded .toc-toggle-icon{transform:rotate(180deg)}.toc-content{padding:1rem 1.25rem;background:var(--background-color-white-1)}.toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.toc-item{display:flex;flex-direction:column}.toc-item-wrapper{display:flex;align-items:center;gap:.5rem}.toc-item-wrapper .toc-link{flex:1}.toc-link{display:block;padding:.6rem .75rem;font-family:DM Sans,sans-serif;font-size:var(--text-size-2);font-weight:500;color:var(--heading-color-1);text-decoration:none;border-radius:var(--border-radius-1);transition:background .2s ease,color .2s ease,padding-left .2s ease;line-height:1.4}.toc-link:hover{background:var(--background-color-gray-1);color:var(--accent-color-1);padding-left:1rem}.toc-expand-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--background-color-gray-1);border:1px solid var(--border-color-gray-1);border-radius:var(--border-radius-1);cursor:pointer;transition:background .2s ease,transform .2s ease;color:var(--heading-color-1);flex-shrink:0}.toc-expand-btn:hover,.toc-expand-btn.expanded{background:var(--accent-color-1);color:var(--text-color-white-1)}.toc-expand-btn.expanded svg{transform:rotate(90deg)}.toc-expand-btn svg{transition:transform .2s ease}.toc-children{padding-left:1rem;margin-top:.25rem;border-left:2px solid var(--accent-color-1);margin-left:.75rem}.toc-sublist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.toc-sublist .toc-link{font-size:.95rem;font-weight:400;padding:.5rem .75rem;color:var(--text-color-dark-1)}.toc-sublist .toc-link:hover{color:var(--accent-color-1)}.toc-sublist .toc-children{margin-left:.5rem;padding-left:.75rem;border-left-width:1px}.toc-sublist .toc-sublist .toc-link{font-size:.9rem;padding:.4rem .75rem}.toc-sublist .toc-sublist .toc-children{margin-left:.4rem;padding-left:.6rem;border-left-color:var(--border-color-gray-1)}.toc-sublist .toc-sublist .toc-sublist .toc-link{font-size:.85rem;padding:.35rem .6rem;color:var(--text-color-dark-1);opacity:.9}.toc-sublist .toc-sublist .toc-sublist .toc-link:hover{opacity:1;color:var(--accent-color-1)}.toc-sublist .toc-sublist .toc-expand-btn{width:24px;height:24px}.toc-sublist .toc-sublist .toc-expand-btn svg{width:12px;height:12px}@media screen and (max-width: 768px){.toc-container{margin:1rem 0}.toc-header{padding:.85rem 1rem}.toc-title{font-size:1.1rem}.toc-content{padding:.75rem 1rem}.toc-link{padding:.5rem .6rem;font-size:.95rem}.toc-sublist .toc-link{font-size:.9rem;padding:.45rem .6rem}.toc-expand-btn{width:26px;height:26px}}@keyframes toc-highlight{0%{background-color:#d0a3584d}to{background-color:transparent}}:target{animation:toc-highlight 1.5s ease-out}