.single-post-page{--content-width:800px;padding:var(--space-12) 0}.single-post-page.has-toc{--content-width:1200px}.single-post-page.has-toc .post-content{display:grid;grid-template-columns:1fr;gap:var(--space-8);max-width:var(--content-width)}@media (min-width:1024px){.single-post-page.has-toc .post-content{grid-template-columns:1fr 260px}}@media (min-width:1280px){.single-post-page.has-toc .post-content{grid-template-columns:1fr 280px}}.post-header{text-align:center;max-width:800px;margin:0 auto var(--space-8)}.post-header__meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-gray-500)}.post-header__category{display:inline-block;padding:.25rem .75rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;font-size:var(--text-xs);color:var(--color-primary);background:rgba(232,90,27,.1);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-fast)}.post-header__category:hover{background:var(--color-primary);color:var(--color-white)}.post-header__title{font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.2;margin-bottom:var(--space-4)}.post-featured-image{margin:0 auto var(--space-10);max-width:1000px;border-radius:var(--radius-xl);overflow:hidden}.post-featured-image img{width:100%;height:auto}.post-content{max-width:var(--content-width);margin:0 auto;font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-gray-700)}.post-content h2{font-size:var(--text-2xl);margin-top:var(--space-10);margin-bottom:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-gray-100)}.post-content h3{font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-3)}.post-content h4{font-size:var(--text-lg);margin-top:var(--space-6);margin-bottom:var(--space-2)}.post-content p{margin-bottom:var(--space-5)}.post-content ol,.post-content ul{margin-bottom:var(--space-5);padding-left:var(--space-6)}.post-content ul{list-style-type:disc}.post-content ol{list-style-type:decimal}.post-content li{margin-bottom:var(--space-2)}.post-content a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.post-content a:hover{text-decoration:none}.post-content img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--space-6) 0}.post-content blockquote{margin:var(--space-8) 0;padding:var(--space-6) var(--space-8);background:var(--color-light);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-lg) var(--radius-lg) 0;font-size:var(--text-xl);font-style:italic;color:var(--color-gray-700)}.post-content blockquote p:last-child{margin-bottom:0}.post-footer{max-width:var(--content-width);margin:var(--space-10) auto 0;padding-top:var(--space-8);border-top:1px solid var(--color-gray-200)}.post-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.post-tags__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-500);margin-right:var(--space-2)}.post-navigation{max-width:var(--content-width);display:grid;grid-template-columns:1fr;gap:var(--space-4);margin:var(--space-10) auto;padding:var(--space-8) 0;border-top:1px solid var(--color-gray-200);border-bottom:1px solid var(--color-gray-200)}@media (min-width:640px){.post-navigation{grid-template-columns:1fr 1fr}}.post-navigation__item{display:block;padding:var(--space-5);background:var(--color-light);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast)}.post-navigation__item:hover{background:var(--color-gray-100)}.post-navigation__label{display:block;font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-2)}.post-navigation__title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-dark);line-height:var(--leading-snug)}.post-navigation__item--next{text-align:right}.related-posts{max-width:1200px;margin:var(--space-16) auto 0;padding-top:var(--space-12);border-top:1px solid var(--color-gray-200)}.related-posts__title{font-size:var(--text-2xl);text-align:center;margin-bottom:var(--space-10)}.toc-sidebar{display:none}@media (min-width:1024px){.toc-sidebar{display:block;position:relative}}.toc-sidebar__inner{position:sticky;top:100px;max-height:calc(100vh - 140px);overflow-y:auto;overflow-x:hidden;padding-bottom:var(--space-8);scroll-behavior:smooth;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--color-gray-200);border-radius:8px}.toc-sidebar::after,.toc-sidebar::before{content:'';position:absolute;left:0;right:0;height:24px;pointer-events:none;z-index:1}.toc-sidebar::before{top:44px;background:linear-gradient(to bottom,var(--color-white) 0,transparent 100%);opacity:0;transition:opacity var(--transition-fast)}.toc-sidebar::after{bottom:0;background:linear-gradient(to top,var(--color-white) 0,transparent 100%);opacity:0;transition:opacity var(--transition-fast)}.toc-sidebar.has-scroll-top::before{opacity:1}.toc-sidebar.has-scroll-bottom::after{opacity:1}.toc-sidebar__inner::-webkit-scrollbar{width:4px}.toc-sidebar__inner::-webkit-scrollbar-track{background:0 0}.toc-sidebar__inner::-webkit-scrollbar-thumb{background:var(--color-gray-200);border-radius:4px;transition:background .2s}.toc-sidebar__inner::-webkit-scrollbar-thumb:hover{background:var(--color-gray-300)}.toc-sidebar__inner{scrollbar-width:thin;scrollbar-color:var(--color-gray-200) transparent}.toc-sidebar__header{padding:var(--space-3)}.toc-sidebar__title{font-size:var(--text-xl);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500)}.toc-sidebar__nav{padding:0}.toc-sidebar__list{list-style:none;padding:0!important;margin:0!important}.toc-sidebar__item{margin:0;list-style:none}.toc-sidebar__link{display:block;padding:var(--space-2) var(--space-4);margin-left:-1px;text-decoration:none;font-size:var(--text-sm);line-height:1.5;color:var(--color-gray-500)!important;text-decoration:none!important;border-left:2px solid transparent;transition:all var(--transition-fast)}.toc-sidebar__link:hover{color:var(--color-gray-900)}.toc-sidebar__link.is-active{color:var(--color-white)!important;background:var(--color-primary)}.toc-sidebar__item.toc-sidebar__item--h2 .toc-sidebar__link{font-weight:700}.toc-sidebar__item--h3 .toc-sidebar__link{padding-left:var(--space-6);font-size:var(--text-xs)}.toc-sidebar__item--h4 .toc-sidebar__link{padding-left:var(--space-8);font-size:var(--text-xs);color:var(--color-gray-400)}.toc-sidebar__inner::-webkit-scrollbar{width:3px}.toc-sidebar__inner::-webkit-scrollbar-track{background:0 0}.toc-sidebar__inner::-webkit-scrollbar-thumb{background:var(--color-gray-200);border-radius:3px}.toc-sidebar__inner::-webkit-scrollbar-thumb:hover{background:var(--color-gray-300)}.toc-mobile{display:block}@media (min-width:1024px){.toc-mobile{display:none}}.toc-mobile__trigger{position:fixed;bottom:50%;right:24px;z-index:100;display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:50%;box-shadow:0 4px 12px rgba(232,90,27,.4);cursor:pointer;transition:all var(--transition-fast)}.toc-mobile__trigger:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(232,90,27,.5)}.toc-mobile__trigger:active{transform:scale(.95)}.toc-mobile__overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.toc-mobile.is-open .toc-mobile__overlay{opacity:1;visibility:visible}.toc-mobile__panel{position:fixed;bottom:0;left:0;right:0;z-index:201;max-height:70vh;background:var(--color-white);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -4px 24px rgba(0,0,0,.15);transform:translateY(100%);transition:transform var(--transition-normal);overflow:hidden;display:flex;flex-direction:column}.toc-mobile.is-open .toc-mobile__panel{transform:translateY(0)}.toc-mobile__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-gray-100);flex-shrink:0}.toc-mobile__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-dark)}.toc-mobile__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-gray-100);border:none;border-radius:50%;color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast)}.toc-mobile__close:hover{background:var(--color-gray-200);color:var(--color-dark)}.toc-mobile__nav{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5) var(--space-6)}.toc-mobile__list{list-style:none;padding:0!important;margin:0!important}.toc-mobile__item{margin:0;list-style:none}.toc-mobile__link{display:block;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-gray-700)!important;text-decoration:none!important;border-radius:var(--radius-md);transition:all var(--transition-fast)}.toc-mobile__link.is-active,.toc-mobile__link:hover{background:var(--color-gray-50);color:var(--color-primary)!important;font-weight:700}.toc-mobile__item--h3 .toc-mobile__link{padding-left:var(--space-8);font-size:var(--text-sm);color:var(--color-gray-600)}.toc-mobile__item--h4 .toc-mobile__link{padding-left:var(--space-12);font-size:var(--text-sm);color:var(--color-gray-500)}.toc-mobile.is-open .toc-mobile__trigger{opacity:0;visibility:hidden;transform:scale(0)}.faq-block{margin:var(--space-10) 0;padding:var(--space-8);background:linear-gradient(135deg,var(--color-gray-50) 0,#fff 100%);border-radius:var(--radius-2xl)}.faq-block__title{font-size:var(--text-2xl);text-align:center;margin-bottom:var(--space-2);position:relative;display:inline-block;width:100%}.faq-block__title::after{content:'';display:block;width:60px;height:4px;background:var(--color-primary);border-radius:2px;margin:var(--space-3) auto var(--space-8)}.faq-block__list{display:flex;flex-direction:column;gap:var(--space-4);max-width:800px;margin:0 auto}.faq-item{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 1px 3px rgba(0,0,0,.04);overflow:hidden;transition:all var(--transition-normal)}.faq-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.faq-item.is-open{box-shadow:0 8px 24px rgba(232,90,27,.12)}.faq-item__question{display:flex;align-items:center;width:100%;padding:var(--space-5) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-dark);text-align:left;background:0 0;border:none;cursor:pointer;gap:var(--space-4);transition:all var(--transition-fast)}@media (min-width:640px){.faq-item__question{padding:var(--space-6);font-size:var(--text-lg)}}.faq-item__question::before{content:'Q';display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-primary);background:rgba(232,90,27,.1);border-radius:var(--radius-md);transition:all var(--transition-fast)}.faq-item.is-open .faq-item__question::before{background:var(--color-primary);color:var(--color-white)}.faq-item__question span{flex:1;line-height:1.5}.faq-item__question:hover{color:var(--color-primary)}.faq-item__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;background:var(--color-gray-100);border-radius:50%;color:var(--color-gray-500);transition:all var(--transition-fast)}.faq-item__icon svg{transition:transform var(--transition-fast)}.faq-item:hover .faq-item__icon{background:var(--color-gray-200)}.faq-item.is-open .faq-item__icon{background:var(--color-primary);color:var(--color-white)}.faq-item.is-open .faq-item__icon svg{transform:rotate(180deg)}.faq-item__answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item.is-open .faq-item__answer{max-height:1000px}.faq-item__answer>div{padding:0 var(--space-6) var(--space-6);padding-left:calc(var(--space-6) + 32px + var(--space-4));color:var(--color-gray-600);font-size:var(--text-base);line-height:var(--leading-relaxed)}@media (max-width:639px){.faq-item__answer>div{padding-left:var(--space-5);padding-right:var(--space-5)}}.faq-item__answer p{margin:0 0 var(--space-4)}.faq-item__answer p:last-child{margin-bottom:0}.faq-item__answer a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-medium);border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.faq-item__answer a:hover{border-bottom-color:var(--color-primary)}.faq-item__answer ol,.faq-item__answer ul{margin:var(--space-4) 0;padding-left:var(--space-5)}.faq-item__answer li{margin-bottom:var(--space-2)}.faq-item__answer li:last-child{margin-bottom:0}.faq-item__answer code{padding:.2em .4em;font-size:.9em;background:var(--color-gray-100);border-radius:var(--radius-sm)}.faq-block--dark{background:var(--color-dark)}.faq-block--dark .faq-block__title{color:var(--color-white)}.faq-block--dark .faq-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.faq-block--dark .faq-item__question{color:var(--color-white)}.faq-block--dark .faq-item__answer>div{color:var(--color-gray-300)}