.article-page{font-family:Poppins,sans-serif;color:#1a202c;background-color:#faf9f7;line-height:1.8}.hero-container-cat{position:relative;width:100%;height:420px;overflow:hidden}.article-subtitle{max-width:900px;margin:0 auto -4rem;padding:2rem;font-size:1.05rem;line-height:1.9;color:#444;text-align:justify}.hero-image{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.75))}.hero-text{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);text-align:center;color:white;width:90%;max-width:800px}.breadcrumb{font-size:.9rem;opacity:.85;margin-bottom:10px}.hero-title{font-size:2.2rem;font-weight:700}.layout{display:flex;gap:3rem;padding:3rem 8%;align-items:flex-start;box-sizing:border-box}.toc{width:260px;position:sticky;top:100px;padding:1.5rem 1rem;align-self:flex-start;height:fit-content}.toc-heading{color:#b36b00;margin-bottom:1.2rem;font-weight:600;font-size:1.1rem;border-bottom:2px solid #f3d6a0;padding-bottom:.5rem}.toc-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.8rem}.toc-item{cursor:pointer;color:#444;font-size:.95rem;padding:.4rem .5rem;transition:all .3s ease}.toc-item:hover{color:#b36b00;transform:translateX(4px)}.toc-item.active{color:#b36b00;font-weight:600}.article{flex:1;display:flex;flex-direction:column;gap:2.5rem;overflow:visible}.article-section{scroll-margin-top:120px;padding:2rem}.section-heading{color:#1a202c;margin-bottom:1rem;font-size:1.5rem;border-bottom:3px solid #f7ca70;padding-bottom:.5rem}.section-image{width:100%;border-radius:10px;margin:1.2rem 0;box-shadow:0 4px 12px rgba(0,0,0,.1)}.section-text{color:#444;text-align:justify;font-size:1rem;margin-bottom:-4rem}@media (max-width:992px){.layout{flex-direction:column;padding:2rem 5%}.toc{position:fixed;bottom:0;left:0;right:0;border-top:2px solid #f7ca70;z-index:50;padding:.8rem 1rem;overflow-x:auto;white-space:nowrap}.toc-heading{display:none}.toc-list{flex-direction:row;gap:1rem;justify-content:start}.toc-item{font-size:.9rem;border-bottom:2px solid transparent}.toc-item.active{border-bottom:2px solid #b36b00}body{padding-bottom:70px}.layout{flex-direction:column;padding:2rem 5%}.toc{position:sticky;width:100%;border-top:2px solid #f7ca70;margin-top:-2rem;padding:.8rem 1rem;overflow-x:auto;white-space:nowrap;background:#fff5e1;border-radius:6px}.toc-heading{display:none}.toc-list{flex-direction:row;gap:1rem;justify-content:flex-start}.toc-item{display:inline-block;font-size:.9rem;border-bottom:2px solid transparent;padding-bottom:.3rem}.toc-item.active{border-bottom:2px solid #b36b00;color:#b36b00;font-weight:600}}