*{margin:0;padding:0;box-sizing:border-box}:root{--color-text: #1a1a1a;--color-text-light: #666666;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-border: #e5e5e5;--color-tag-bg: #f0f4ff;--color-tag-text: #1e40af;--color-bg: #ffffff;--color-diagram-accent: #1a1a1a;--color-diagram-inactive: #d1d5db;--color-diagram-label: #b0b8c8;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--max-width: 720px;--max-width-wide: 1200px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);font-size:16px}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}.container-wide{max-width:var(--max-width-wide);margin:0 auto;padding:0 var(--spacing-md)}.site-nav{border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0;position:sticky;top:0;background-color:var(--color-bg);z-index:100}.site-nav .container{display:flex;justify-content:space-between;align-items:center}.logo-img{height:32px;width:auto;border-radius:4px}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--color-text);text-decoration:none}.nav-links{display:flex;gap:var(--spacing-lg);list-style:none}.nav-links a{color:var(--color-text-light);text-decoration:none;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--color-accent)}.site-header{padding:var(--spacing-xl) 0 var(--spacing-lg);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl)}.home-main .site-header{padding-top:var(--spacing-lg)}.site-header h1{font-size:2.5rem;font-weight:800;margin-bottom:var(--spacing-sm);line-height:1.2}.tagline{font-size:1.25rem;color:var(--color-text-light);margin-bottom:var(--spacing-md);font-weight:500}.intro{font-size:1.125rem;line-height:1.7;color:var(--color-text);max-width:640px}.intro em{font-style:italic;color:var(--color-accent)}.posts-section h2,.latest-post-section h2,.more-posts-section h2{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-lg)}.latest-post-section{margin-bottom:var(--spacing-xl)}.more-posts-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.post-card{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.post-card:last-child{border-bottom:none}.post-meta{margin-bottom:var(--spacing-xs)}.post-meta time{font-size:.875rem;color:var(--color-text-light);font-weight:500}.post-card h3{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm);line-height:1.3}.post-card h3 a{color:var(--color-text);text-decoration:none;transition:color .2s}.post-card h3 a:hover{color:var(--color-accent)}.crossings-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.tag{display:inline-block;padding:.25rem .75rem;background-color:var(--color-tag-bg);color:var(--color-tag-text);font-size:.875rem;font-weight:600;border-radius:4px;text-decoration:none;transition:background-color .2s}.tag:hover{background-color:#dbeafe}.post-excerpt{color:var(--color-text-light);line-height:1.7}.post-header{display:grid;grid-template-columns:1fr 220px;gap:24px;align-items:center;padding:var(--spacing-xl) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl)}.post-header-text{min-width:0}.post-header-diagram{display:flex;align-items:center;justify-content:center;flex-shrink:0}.post-header-diagram svg{width:100%;max-width:220px;height:auto}@media(max-width:600px){.post-header{grid-template-columns:1fr}.post-header-diagram{display:none}}.post-title{font-size:2.5rem;font-weight:800;margin-bottom:var(--spacing-sm);line-height:1.2}.post-date{font-size:1rem;color:var(--color-text-light);margin-bottom:var(--spacing-md);display:block}.post-crossings{margin-top:var(--spacing-md)}.post-crossings-label{font-size:.875rem;color:var(--color-text-light);font-weight:600;margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em}.post-content{font-size:1.125rem;line-height:1.8;margin-bottom:var(--spacing-xl)}.post-content p{margin-bottom:var(--spacing-md)}.post-content a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.post-content h2{font-size:1.75rem;font-weight:700;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.post-content h3{font-size:1.375rem;font-weight:700;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.post-content ul,.post-content ol{margin-bottom:var(--spacing-md);padding-left:1.5rem}.post-content li{margin-bottom:var(--spacing-xs)}.post-content ul ul,.post-content ol ol,.post-content ul ol,.post-content ol ul{margin-bottom:0;padding-left:1.5rem}.post-content blockquote{border-left:3px solid var(--color-accent);margin:var(--spacing-lg) 0;padding:1rem 1.5rem;background:var(--color-tag-bg);border-radius:0 6px 6px 0}.post-content blockquote p{font-size:1.25rem;font-style:italic;font-weight:500;color:var(--color-text);margin-bottom:0;line-height:1.6}.video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:var(--spacing-lg) 0;border-radius:6px}.video-embed iframe,.video-embed video{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:6px}.post-content img{max-width:100%;height:auto;border-radius:6px;display:block;margin:var(--spacing-lg) auto}.post-content figure{margin:var(--spacing-lg) 0}.post-content figcaption{font-size:.875rem;color:var(--color-text-light);text-align:center;margin-top:var(--spacing-xs)}.rabbit-holes{background-color:#f9fafb;border-left:4px solid var(--color-accent);padding:var(--spacing-lg);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.rabbit-holes h3{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-md)}.rabbit-holes ul{list-style:none;padding:0}.rabbit-holes li{margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);position:relative}.rabbit-holes li:before{content:"→";position:absolute;left:0;color:var(--color-accent);font-weight:700}.rabbit-holes a{color:var(--color-accent);text-decoration:none}.rabbit-holes a:hover{text-decoration:underline}.series-indicator{display:flex;align-items:center;gap:.5rem;padding:.6rem 0;margin-bottom:var(--spacing-md);font-size:.85rem;color:#5567a0;border-bottom:1px solid var(--color-border)}.series-indicator-pill{background:#e0e8ff;color:var(--color-accent);padding:.15rem .55rem;border-radius:20px;font-size:.78rem;font-weight:600;flex-shrink:0}[data-theme=dark] .series-indicator{color:#89c}[data-theme=dark] .series-indicator-pill{background:#1e2a4a;color:#93b4ff}.series-nav{border-top:1px solid var(--color-border);padding-top:var(--spacing-md);margin-bottom:var(--spacing-lg)}.series-nav-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-light);margin-bottom:.6rem}.series-nav-list{list-style:none;padding:0}.series-nav-list li{display:flex;align-items:baseline;gap:.5rem;padding:.25rem 0;font-size:.9rem;color:var(--color-text-light)}.series-nav-part{font-size:.78rem;color:var(--color-text-light);min-width:3.2rem;flex-shrink:0}.series-nav-list li a{color:var(--color-accent);text-decoration:none}.series-nav-list li a:hover{text-decoration:underline}.series-nav-current{color:var(--color-text)!important;font-weight:600}.series-nav-current .series-nav-part{color:var(--color-accent)!important}.related-posts{border-top:1px solid var(--color-border);padding-top:var(--spacing-xl);margin-top:var(--spacing-xl)}.related-posts h3{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-md)}.related-post-item{margin-bottom:var(--spacing-md)}.related-post-item h4{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-xs)}.related-post-item h4 a{color:var(--color-text);text-decoration:none}.related-post-item h4 a:hover{color:var(--color-accent)}.soundbites-section{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl) 0;background-color:#fafbfc;border-radius:8px;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.soundbites-section h2{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-xs)}.section-description{color:var(--color-text-light);font-size:1rem;margin-bottom:var(--spacing-lg)}.soundbites-grid{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:var(--spacing-md);padding-bottom:var(--spacing-sm);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.soundbites-grid::-webkit-scrollbar{display:none}.soundbite-card{background-color:#fafbfc;border:1px solid var(--color-border);border-radius:8px;padding:var(--spacing-md);transition:all .2s ease;flex:0 0 calc(50% - var(--spacing-md) / 2);scroll-snap-align:start;scroll-snap-stop:always}.soundbite-card:hover{border-color:var(--color-accent);box-shadow:0 2px 8px #2563eb1a}.carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:var(--spacing-sm)}.carousel-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-border);transition:background-color .3s ease}.carousel-dot.active{background-color:var(--color-accent)}.soundbite-card h3{font-size:1.125rem;font-weight:700;margin-bottom:var(--spacing-sm);line-height:1.3;color:var(--color-text)}.soundbite-card .crossings-tags{margin-bottom:var(--spacing-sm)}.soundbite-card p{font-size:.9375rem;line-height:1.6;color:var(--color-text);margin-bottom:var(--spacing-sm)}.soundbite-card time{font-size:.8125rem;color:var(--color-text-light);font-weight:500}.home-layout{display:grid;grid-template-columns:minmax(var(--spacing-md),1fr) minmax(0,var(--max-width)) minmax(var(--spacing-md),1fr)}.home-sidebar{grid-column:1;justify-self:end;padding-right:var(--spacing-lg);width:200px;position:sticky;top:80px;align-self:start}.home-sidebar h4{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.home-sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.home-sidebar-link{font-size:.875rem;color:var(--color-text);text-decoration:none;line-height:1.4;border-left:2px solid transparent;padding:2px 0 2px 8px;transition:border-color .15s,color .15s}.home-sidebar-link:hover{color:var(--color-accent);border-left-color:var(--color-accent)}.home-sidebar-more{font-size:1rem;color:var(--color-text-light);padding-left:8px;letter-spacing:.1em}.home-main{grid-column:2}.post-card[id]{scroll-margin-top:88px}.post-card--featured h3{font-size:1.375rem}.more-posts-section{margin-top:var(--spacing-xl)}.more-posts-section h2{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}@media(max-width:980px){.home-sidebar{display:none}}.soundbite-card{cursor:pointer}.soundbite-teaser{font-size:.9375rem;line-height:1.6;color:var(--color-text);margin-bottom:var(--spacing-sm)}.read-more{font-size:.875rem;color:var(--color-accent);font-weight:500}.sheet-backdrop{display:none;position:fixed;inset:0;background:#0006;z-index:100;opacity:0;transition:opacity .25s ease}.sheet-backdrop.open{display:block;opacity:1}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;max-height:80vh;background:var(--color-bg);border-radius:16px 16px 0 0;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-xl);z-index:101;transform:translateY(100%);transition:transform .3s ease;overflow-y:auto;box-shadow:0 -4px 24px #0000001f}.bottom-sheet.open{transform:translateY(0)}@media(min-width:768px){.bottom-sheet{max-width:640px;left:50%;right:auto;transform:translate(-50%) translateY(100%);border-radius:16px 16px 0 0}.bottom-sheet.open{transform:translate(-50%) translateY(0)}}.sheet-handle{width:40px;height:4px;background:var(--color-border);border-radius:2px;margin:0 auto var(--spacing-md)}.sheet-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;font-size:1.125rem;cursor:pointer;color:var(--color-text-light);padding:4px 8px;line-height:1}.sheet-close:hover{color:var(--color-text)}.sheet-content h2{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-sm)}.sheet-body p{font-size:1rem;line-height:1.7;margin-bottom:var(--spacing-md);color:var(--color-text)}.post-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.post-share{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:none;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:border-color .15s,color .15s}.share-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.share-feedback{font-size:.875rem;color:var(--color-accent)}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.post-nav-prev{display:flex;flex-direction:column;gap:4px}.post-nav-next{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}.post-nav-label{font-size:.8125rem;color:var(--color-text-light);font-weight:500}.post-nav-link{font-size:.9375rem;font-weight:600;color:var(--color-text);text-decoration:none}.post-nav-link:hover{color:var(--color-accent)}.related-posts h3{font-size:1rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.06em;font-size:.8125rem}.related-posts ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.related-posts li{display:flex;align-items:baseline;gap:var(--spacing-sm);flex-wrap:wrap}.related-posts a{font-size:.9375rem;color:var(--color-text);text-decoration:none;font-weight:500}.related-posts a:hover{color:var(--color-accent)}.related-tags{display:flex;gap:4px}.crossings-layout{display:grid;grid-template-columns:220px 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.crossings-sidebar{position:sticky;top:88px;align-self:start;max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-width:none}.crossings-sidebar::-webkit-scrollbar{display:none}.domain-list{display:flex;flex-direction:column;gap:2px}.domain-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);width:100%;padding:10px 12px;background:none;border:none;border-left:3px solid transparent;border-radius:0 6px 6px 0;cursor:pointer;text-align:left;font-size:.9375rem;color:var(--color-text);transition:all .15s ease}.domain-item:hover{background:var(--color-tag-bg);border-left-color:var(--color-border)}.domain-item.active{background:var(--color-tag-bg);border-left-color:var(--color-accent);color:var(--color-accent)}.domain-name strong{font-weight:700}.domain-count{font-size:.75rem;color:var(--color-text-light);background:var(--color-border);border-radius:10px;padding:1px 8px;min-width:22px;text-align:center}.domain-item.active .domain-count{background:var(--color-accent);color:#fff}.crossings-main{min-height:200px}.crossings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-md)}.crossing-card{display:flex;flex-direction:column;gap:6px;padding:20px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;text-align:left;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.crossing-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.crossing-card.active{border-color:var(--color-accent);background:#2563eb0f;box-shadow:0 2px 8px #2563eb1f}.crossing-label{font-size:1rem;font-weight:600;color:var(--color-text);line-height:1.3}.crossing-label .crossing-x{color:var(--color-accent);font-weight:400;padding:0 2px}.crossing-count{font-size:.8125rem;color:var(--color-text-light);margin-top:2px}.domain-group{display:contents}.domain-crossings{display:none}.crossings-prompt{color:var(--color-text-light);font-style:italic}.crossings-results{min-height:0}.crossings-results-header{display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:2px solid var(--color-accent)}.crossings-results-header h2{font-size:1.25rem;margin:0;color:var(--color-text)}.crossings-results-header .crossing-x{color:var(--color-accent);font-weight:400}.crossings-results-count{font-size:.875rem;color:var(--color-text-light)}.crossings-dismiss{margin-left:auto;background:none;border:1px solid var(--color-border);border-radius:6px;padding:4px 10px;font-size:.875rem;color:var(--color-text-light);cursor:pointer;transition:all .15s}.crossings-dismiss:hover{border-color:var(--color-accent);color:var(--color-accent)}.crossings-results .post-card{border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-lg);opacity:0;transform:translateY(12px);animation:crossingFadeIn .3s ease forwards}.crossings-results .post-card:nth-of-type(1){animation-delay:0s}.crossings-results .post-card:nth-of-type(2){animation-delay:.06s}.crossings-results .post-card:nth-of-type(3){animation-delay:.12s}.crossings-results .post-card:nth-of-type(4){animation-delay:.18s}.crossings-results .post-card:nth-of-type(5){animation-delay:.24s}.crossings-results .post-card:nth-of-type(n+6){animation-delay:.3s}@keyframes crossingFadeIn{to{opacity:1;transform:translateY(0)}}.site-footer{border-top:1px solid var(--color-border);margin-top:var(--spacing-xl);padding:var(--spacing-lg) 0;color:var(--color-text-light);font-size:.875rem}.footer-signup{margin-bottom:var(--spacing-lg);max-width:480px}.footer-copy{text-align:center;margin:0}.post-email-signup{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);max-width:480px}@media(max-width:768px){.site-header h1{font-size:2rem}.tagline{font-size:1.125rem}.intro{font-size:1rem}.post-card h3{font-size:1.25rem}.post-title{font-size:2rem}.nav-links{gap:var(--spacing-md)}.crossings-layout{display:block}.crossings-sidebar{position:static;max-height:none;overflow:visible}.domain-list{gap:0}.domain-item{border-left:none;border-bottom:1px solid var(--color-border);border-radius:0;padding:14px 12px;font-size:1rem}.domain-item:first-child{border-top:1px solid var(--color-border)}.domain-group{display:block}.crossings-main{display:none}.domain-crossings{display:block}.domain-crossings-inner{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-md);background:var(--color-tag-bg);border-bottom:1px solid var(--color-border)}.domain-crossings .crossing-card{padding:14px 16px}.soundbites-grid{overflow-x:auto}.soundbite-card{flex:0 0 85%}.soundbite-card h3{font-size:1rem}.soundbite-card p{font-size:.875rem}}@media(max-width:480px){.site-nav .container{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.nav-links{gap:var(--spacing-sm)}}[data-theme=dark]{--color-text: #e5e5e5;--color-text-light: #a0a0a0;--color-accent: #60a5fa;--color-accent-hover: #93c5fd;--color-border: #333333;--color-tag-bg: #1e3a5f;--color-tag-text: #93c5fd;--color-bg: #1a1a1a;--color-diagram-accent: #60a5fa;--color-diagram-inactive: #3a3a3a;--color-diagram-label: #4a4a4a}[data-theme=dark] .soundbite-card,[data-theme=dark] .soundbites-section{background-color:#242424}[data-theme=dark] .rabbit-holes{background-color:#242424;border-left-color:var(--color-accent)}[data-theme=dark] .crossing-card{box-shadow:0 1px 3px #0003}[data-theme=dark] .crossing-card:hover{box-shadow:0 4px 12px #60a5fa26}[data-theme=dark] .crossing-card.active{background:#60a5fa1a;box-shadow:0 2px 8px #60a5fa33}[data-theme=dark] .domain-item.active .domain-count{background:var(--color-accent)}[data-theme=dark] .domain-count{background:#333}.theme-toggle{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:color .2s;position:relative;width:36px;height:36px;margin-top:-3px}.theme-toggle:hover{color:var(--color-accent)}.theme-toggle svg{position:absolute;transition:opacity .2s,transform .2s}.sun-icon{opacity:0;transform:rotate(180deg)}.moon-icon,[data-theme=dark] .sun-icon{opacity:1;transform:rotate(0)}[data-theme=dark] .moon-icon{opacity:0;transform:rotate(-180deg)}.post-layout{display:flex;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);gap:var(--spacing-xl)}.toc-sidebar{width:240px;flex-shrink:0;position:sticky;top:100px;align-self:flex-start;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:none}.toc-sidebar::-webkit-scrollbar{display:none}.toc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.toc-header h4{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light)}.toc-close{display:none;background:none;border:none;font-size:1.5rem;color:var(--color-text-light);cursor:pointer;padding:0;line-height:1}.toc-nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.toc-link{font-size:.9375rem;color:var(--color-text-light);text-decoration:none;padding:var(--spacing-xs) 0;border-left:2px solid transparent;padding-left:var(--spacing-sm);transition:all .2s}.toc-link:hover{color:var(--color-accent);border-left-color:var(--color-accent)}.toc-link.active{color:var(--color-accent);border-left-color:var(--color-accent);font-weight:600}.post-container{flex:1;min-width:0;max-width:720px}.mobile-toc-toggle{display:none;align-items:center;gap:var(--spacing-xs);background-color:var(--color-tag-bg);color:var(--color-tag-text);border:none;padding:var(--spacing-xs) var(--spacing-md);border-radius:4px;font-weight:600;font-size:.875rem;cursor:pointer;margin:var(--spacing-md) var(--spacing-md) 0;transition:background-color .2s}.mobile-toc-toggle:hover{background-color:#dbeafe}.mobile-toc-toggle svg{flex-shrink:0}@media(max-width:768px){.post-layout{flex-direction:column;padding:0}.mobile-toc-toggle{display:none}.toc-sidebar{position:fixed;top:0;left:0;width:80%;max-width:320px;height:100vh;background-color:var(--color-bg);border-right:1px solid var(--color-border);padding:var(--spacing-lg);transform:translate(-100%);transition:transform .3s ease;z-index:1000;overflow-y:auto}.toc-sidebar.active{transform:translate(0)}.toc-close{display:block}.post-container{padding:0 var(--spacing-md);max-width:100%}}