:root{--bg-main:#f8fafc;--text-main:#1e293b;--text-heading:#0f172a;--accent:#0284c7;--border-color:#e2e8f0;--text-sub:#64748b}body{background:var(--bg-main);color:var(--text-main);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.75}.layout-wrapper{grid-template-columns:16.25rem 1fr;gap:2.5rem;max-width:68.75rem;margin:0 auto;padding:2rem 1.25rem;display:grid}.page-container{max-width:800px;margin:40px auto;padding:0 20px}.sidebar{position:relative}.sidebar-inner{max-height:calc(100vh - 4rem);position:sticky;top:2rem;overflow-y:auto}.nav-back-btn{color:var(--accent);margin-bottom:1rem;font-size:.9375rem;font-weight:700;text-decoration:none;display:inline-block}.side-divider{border:0;border-top:1px solid var(--border-color);margin:1rem 0}.side-section{margin-bottom:1.75rem}.side-title{color:var(--text-heading);margin-bottom:.625rem;font-size:.875rem;font-weight:700}.side-toc,.side-list{margin:0;padding:0;font-size:.85rem;list-style:none}.side-toc li,.side-list li{margin-bottom:.375rem}.side-toc li.depth-3{padding-left:.75rem}.side-toc a,.side-list a{color:var(--text-main);text-decoration:none}.side-toc a:hover,.side-list a:hover{color:var(--accent)}.side-tags{flex-wrap:wrap;gap:.375rem;display:flex}.side-tag-chip{color:var(--text-main);background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:.125rem .375rem;font-size:.75rem;text-decoration:none}.article-card{border:1px solid var(--border-color);background:#fff;border-radius:8px;padding:2.5rem}.page-title{color:var(--text-heading);border-bottom:2px solid var(--accent);margin-top:20px;padding-bottom:8px;font-size:1.75rem}.article-title{color:var(--text-heading);margin:0 0 1rem;font-size:2rem;line-height:1.3}.hashtag-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.tag-chip{color:var(--accent);background:#f1f5f9;border-radius:4px;padding:.25rem .625rem;font-size:.85rem;font-weight:600;text-decoration:none}.divider{border:0;border-top:1px dashed #cbd5e1;margin:1.75rem 0}.article-body h2{border-left:4px solid var(--accent);color:var(--text-heading);margin-top:3rem;margin-bottom:1.25rem;padding-left:.625rem;font-size:1.4rem}.article-body h3{color:var(--text-heading);margin-top:2rem;margin-bottom:.75rem;font-size:1.15rem}.article-body p{margin-bottom:1.25rem}.article-body strong{color:var(--text-heading);font-weight:700}.article-body code{color:#0f172a;border:1px solid var(--border-color);background-color:#f1f5f9;border-radius:4px;padding:.1875rem .375rem;font-family:inherit}.article-body blockquote{border-left:4px solid var(--accent);background-color:#f8fafc;border-radius:0 6px 6px 0;margin:1.5rem 0;padding:1rem 1.25rem}.article-body blockquote p{margin:0}.article-footer{border-top:1px solid var(--border-color);margin-top:2.5rem;padding-top:1.25rem}.timestamp-box{color:var(--text-sub);margin-bottom:1rem;font-size:.875rem;font-weight:500}.disclaimer-box{color:var(--text-sub);background:#f8fafc;border-radius:6px;padding:.875rem 1rem;font-size:.75rem;line-height:1.6}.disclaimer-title{color:#475569;margin:0 0 .375rem;font-size:.8125rem;font-weight:700}.disclaimer-box ul{margin:0;padding-left:1.125rem}.disclaimer-box li{margin-bottom:.25rem}.disclaimer-box li:last-child{margin-bottom:0}.post-list{padding:0;list-style:none}.post-item{border:1px solid var(--border-color);background:#fff;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px 20px;display:flex}.post-item-title{color:var(--accent);font-size:1.1rem;font-weight:700;text-decoration:none}.post-item .timestamp-box{white-space:nowrap;margin-bottom:0;font-size:.85rem}.cite-ref{color:#94a3b8;margin:0 1px;font-size:.82em;font-weight:400;display:inline-block}.side-search-box{margin-bottom:1.25rem;position:relative}.side-search-input{border:1px solid var(--border-color);width:100%;color:var(--text-heading);box-sizing:border-box;background:#fff;border-radius:6px;outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.side-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0284c726}.search-results-list{border:1px solid var(--border-color);z-index:50;background:#fff;border-radius:6px;max-height:240px;margin:4px 0 0;padding:0;list-style:none;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.search-results-list.is-active{display:block}.search-result-item a{color:var(--text-main);border-bottom:1px solid var(--border-color);padding:.625rem .75rem;font-size:.85rem;text-decoration:none;display:block}.search-result-item:last-child a{border-bottom:none}.search-result-item a:hover{color:var(--accent);background:#f1f5f9}.search-no-result{color:var(--text-sub);text-align:center;padding:.75rem;font-size:.85rem}.mobile-header{display:none}@media (width<=48rem){.mobile-header{border-bottom:1px solid var(--border-color);z-index:100;background:#fff;display:block;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.mobile-header-inner{justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.mobile-back{color:var(--accent);font-size:.875rem;font-weight:700;text-decoration:none}.mobile-menu{position:relative}.mobile-menu-btn{cursor:pointer;color:var(--text-heading);background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:.375rem .75rem;font-size:.875rem;font-weight:700;list-style:none}.mobile-menu-btn::-webkit-details-marker{display:none}.mobile-menu-content{border:1px solid var(--border-color);background:#fff;border-radius:8px;width:16rem;max-height:70vh;padding:1rem;position:absolute;top:2.5rem;right:0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a}.layout-wrapper{grid-template-columns:1fr;gap:1.25rem;padding:1rem}.sidebar{display:none}.article-card{padding:1.25rem}}