.single-content{max-width:800px;margin:0 auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);margin-top:2rem;margin-bottom:2rem}.single-content h1{color:#8b4513;font-size:2.2rem;margin-bottom:.5rem;text-align:center;scroll-margin-top:8rem;}.single-content h2.subtitle{color:#666;font-size:1.1rem;font-weight:normal;margin-bottom:1.5rem;text-align:center;font-style:italic}.article-meta{text-align:center;margin-bottom:2rem;color:#666;font-size:.95rem}.article-meta span{margin:0 1rem}@media screen and (max-width: 768px){.article-meta span{display:block;margin:.5rem 0}}.single-content article{color:#333;line-height:1.8}.single-content article p{margin-bottom:1rem;text-indent:2em}.single-content article h2{color:#8b4513;font-size:1.8rem;margin-top:2rem;margin-bottom:1rem;scroll-margin-top:8rem;}.single-content article h3{color:#8b4513;font-size:1.5rem;margin-top:1.5rem;margin-bottom:.8rem;scroll-margin-top:8rem;}.single-content article h4{color:#8b4513;font-size:1.3rem;margin-top:1.2rem;margin-bottom:.6rem;scroll-margin-top:8rem;}.single-content article img{max-width:100%;height:auto;margin:auto;display:block}.single-content article blockquote{border-left:4px solid #9d2933;background-color:rgba(157,41,51,.03);padding:1rem 1.5rem;margin:1.5rem 0;font-style:italic;color:#4a4a4a;position:relative}.single-content article blockquote p{text-indent:0;margin-bottom:.5rem}.single-content article blockquote p:last-child{margin-bottom:0}.content-with-sidebar{display:flex;max-width:1200px;margin:0 auto;gap:2rem;padding:0 1rem}.sidebar{width:280px;position:sticky;top:6rem;align-self:flex-start;max-height:calc(100vh - 6rem);overflow-y:auto;z-index:10;padding-bottom:2rem}.main-area{flex:1}.toc{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:1.5rem}.toc-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#8b4513;border-bottom:2px solid tan;padding-bottom:.5rem}.toc ul{list-style-type:none;padding-left:0}.toc li{margin-bottom:.5rem}.toc a{text-decoration:none;color:#333;transition:color .3s ease;display:block;padding:.3rem 0}.toc a:hover{color:#8b4513}@media (max-width: 992px){.content-with-sidebar{flex-direction:column}.sidebar{width:100%;position:relative;top:0;order:-1;max-height:none}.single-content h1,.single-content article h2,.single-content article h3,.single-content article h4{scroll-margin-top:10rem}}@media (max-width: 767px){.single-content{padding:1.5rem 1rem;margin-top:1.5rem}.single-content h1,.single-content article h2,.single-content article h3,.single-content article h4{scroll-margin-top:12rem}.toc a{padding:.5rem 0;font-size:.95rem}.toc ul ul{padding-left:.8rem}}