.post-layout-section{background-color:var(--bg-blue-color-1)}.post-layout-section .box{align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;gap:3rem}.post-layout-section .box .post-component{width:100%;max-width:900px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border-radius:var(--border-radius-3);border:var(--accent-color-1) solid 1px;padding:2rem}.post-layout-section .box .post-component .img-1{max-height:350px;overflow:hidden}.post-layout-section .box .post-component .content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin:1rem 0;gap:.5rem}.post-layout-section .box .post-component .content .title-box{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-bottom:1rem;gap:0!important}.post-layout-section .box .post-component .content .title-box .text{color:var(--accent-color-1)}.post-layout-section .box .post-component .content h1{border-left:var(--accent-color-1) solid 2px;padding-left:1rem;margin-top:.5rem}.post-layout-section .box .post-component .content h2{line-height:var(--title-line-height-1);color:var(--text-color-white-1);margin-top:1.5rem;margin-bottom:.5rem;border-left:var(--accent-color-1) solid 2px;padding-left:1rem;font-size:var(--subtitle-size-2)}.post-layout-section .box .post-component .content hr{margin:1rem 0;border:none;background-image:var(--linear-gradient-3);width:100%;height:1px;background-color:var(--bg-blue-color-1)}.post-layout-section .box .post-component .content h3{margin-top:.5rem;font-size:var(--subtitle-size-3);margin:1rem 0 0;display:list-item;list-style-type:disc;list-style-position:inside;color:var(--text-color-white-1)}.post-layout-section .box .post-component .content h4{margin-top:.5rem;color:var(--text-color-white-1);font-size:var(--subtitle-size-3);font-weight:600}.post-layout-section .box .post-component .content :is(ul,ol){width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem}.post-layout-section .box .post-component .content :is(ul li p,ol li p){display:list-item;list-style-type:disc;list-style-position:inside;font-size:var(--text-size-1);color:var(--text-color-white-1)}.post-layout-section .box .post-component .content :is(p,a){color:var(--text-color-white-2)}.post-layout-section .box .post-component .content a:hover{color:var(--accent-color-1);transition:ease .2s}@media screen and (max-width: 900px){.post-layout-section .box{flex-wrap:wrap}}.table-of-contents{width:100%;display:flex;flex-direction:column;margin:1.5rem 0;border:1px solid var(--accent-color-1);border-radius:var(--border-radius-2);overflow:hidden}.toc-header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background-image:var(--linear-gradient-1);border:none;cursor:pointer;transition:all .2s ease}.toc-header:hover{background-image:var(--button-gradient-1-hover)}.toc-title{font-size:var(--title-size-4);font-weight:600;color:var(--text-color-white-1)}.toc-toggle-icon{font-size:.8rem;color:var(--text-color-white-1);transition:transform .2s ease}.toc-content{width:100%;display:flex;flex-direction:column;padding:1rem 1.25rem;background-color:#0f243c80;max-height:1000px;overflow:hidden;transition:max-height .3s ease,padding .3s ease,opacity .3s ease}.toc-content.collapsed{max-height:0;padding-top:0;padding-bottom:0;opacity:0}.toc-list{width:100%;display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:0;padding:0}.toc-sublist{width:100%;display:none;flex-direction:column;gap:.25rem;list-style:none;margin:0;padding:0;padding-left:1.25rem;margin-top:.25rem;border-left:1px solid var(--accent-color-1);max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease,margin .3s ease}.toc-sublist.expanded{display:flex;max-height:500px;opacity:1}.toc-item{width:100%;display:flex;flex-direction:column}.toc-item-row{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem}.toc-link{flex-grow:1;padding:.5rem .75rem;font-size:var(--text-size-1);color:var(--text-color-white-2);text-decoration:none;border-radius:var(--border-radius-3);transition:all .2s ease;line-height:1.4}.toc-link:hover{color:var(--text-color-white-1);background-color:#0977aa26}.toc-level-2>.toc-item>.toc-item-row>.toc-link{font-weight:500;color:var(--text-color-white-1)}.toc-level-3>.toc-item>.toc-item-row>.toc-link{font-size:var(--text-size-1-m);color:var(--text-color-white-2)}.toc-level-4>.toc-item>.toc-item-row>.toc-link{font-size:var(--text-size-1-m);color:var(--text-color-white-2);font-style:italic}.toc-expand-btn{display:flex;justify-content:center;align-items:center;width:28px;height:28px;min-width:28px;background-color:transparent;border:1px solid var(--accent-color-1);border-radius:var(--border-radius-3);cursor:pointer;transition:all .2s ease}.toc-expand-btn:hover{background-color:#0977aa33;border-color:var(--accent-color-2)}.expand-icon{font-size:.65rem;color:var(--accent-color-2);transition:transform .2s ease}.toc-expand-btn[aria-expanded=true] .expand-icon{transform:rotate(90deg)}@media screen and (max-width: 600px){.toc-header{padding:.875rem 1rem}.toc-title{font-size:var(--title-size-5)}.toc-content{padding:.875rem 1rem}.toc-link{padding:.4rem .5rem;font-size:var(--text-size-1-m)}.toc-sublist{padding-left:1rem}.toc-expand-btn{width:24px;height:24px;min-width:24px}.expand-icon{font-size:.55rem}}