.bwp-main{background:#fff}.container-content{max-width:80vw;margin:0 auto;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.content-left,.content-right{flex:1;padding:20px}.tag{display:inline-block;background-color:#d33;color:#fff;font-weight:700;padding:6px 12px;border-radius:4px;margin-bottom:10px;text-transform:uppercase}h2{font-size:2em;color:#000;margin:20px 0;font-weight:700}ul{list-style:none;margin:0;padding:0}ul li{margin-bottom:10px;font-size:2.5em;font-weight:700;color:#000}.btn{margin-top:20px;padding:12px 20px;background-color:#d33;color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:1em;font-weight:700;transition:background-color 0.3s;display:flex;align-items:center}.btn a{color:#fff;display:flex;align-items:center}.tag a{color:#fff;display:flex;align-items:center}.btn:hover{background-color:#1866b3}.content-right img{max-width:100%;border-radius:10px}@media (max-width:768px){.container{flex-direction:column;text-align:center}.content-left,.content-right{padding:10px}h1{font-size:1.8em}}.info{display:flex;align-items:center;gap:15px;margin:15px 0}.info span{display:flex;align-items:center;font-size:1em;color:#000;font-weight:700}.content-left img{width:18px;height:auto;margin-right:5px;margin-left:5px}.content-left i{font-size:18px;margin-right:5px;margin-left:5px}ol{list-style-type:decimal;padding-left:20px}ol li{font-size:1em;color:#000;margin-bottom:10px;font-weight:400}ol li::marker{font-weight:700;color:#000}.content-left{color:#000;text-decoration:none}ol li a{font-size:1.1em;color:#000;margin-bottom:10px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.project-item{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;transition:box-shadow 0.3s ease;padding:16px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.project-item:hover{box-shadow:0 6px 18px rgb(0 0 0 / .08)}.project-thumbnail{display:block;border-radius:10px;overflow:hidden;margin-bottom:15px;width:100%}.project-thumbnail img{width:100%;display:block;transition:transform 0.3s ease;height:259px;object-fit:cover}.project-thumbnail:hover img{transform:scale(1.05)}.product-title{font-size:1.1rem;font-weight:600;margin-bottom:12px;text-align:center}.product-title a{color:#333;text-decoration:none}.product-title a:hover{color:#0073aa}.button-group{display:flex;justify-content:center;gap:10px;margin-top:auto}.button-group .btn{padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:500;transition:all 0.3s ease;font-size:.9rem;text-align:center}.btn-primary{background-color:#0073aa;color:#fff;border:none}.btn-primary:hover{background-color:#005d88}.btn-outline{border:1px solid #0073aa;color:#0073aa;background:#fff0}.btn-outline:hover{background-color:#0073aa;color:#fff}.load-more-container{margin-top:30px}#load-more{padding:10px 20px;font-size:1rem;border-radius:6px;cursor:pointer}.pagination{margin-top:30px;display:flex;justify-content:center;align-items:center}.pagination .page-numbers{display:inline-block;margin:0 6px;padding:8px 14px;border:1px solid #ccc;color:#333;text-decoration:none;border-radius:6px;transition:all 0.2s ease}.pagination .page-numbers:hover{background-color:#0073aa;color:#fff;border-color:#0073aa}.pagination .current{background-color:#0073aa;color:#fff;border-color:#0073aa;font-weight:700}.post-author{font-size:14px;color:#666;margin-bottom:3px;align-items:center;display:flex}.post-author img{margin:4px}@media (max-width:992px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:320px){.project-thumbnail img{height:180px}}.container .archive-mau-website{padding:0}.post-date{padding-bottom:5px;font-size:12px}@media (max-width:767px){ol li a{font-size:.9em}.container-content{font-size:14px;display:flex;flex-direction:column;gap:20px;max-width:100%;padding-left:16px;padding-right:16px;text-align:left}.content-left{order:1}.content-right{order:2}.tag,.content-left span{font-size:12px}.btn{font-size:14px;padding:10px 15px}.content-right img{width:100%;height:auto}h1{font-size:18px}.container{padding:0!important}.project-grid{grid-template-columns:1fr}.project-item{padding:16px}.itemes{display:flex;flex-direction:column}.row{margin:0}}.container-single{max-width:1440px;width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.custom-toc{padding:16px;margin-bottom:20px;font-family:sans-serif}.custom-toc .toc-header{display:flex;justify-content:space-between;align-items:center;font-weight:700}.custom-toc .toc-header strong{font-size:16px;color:#333;font-weight:700}.custom-toc .toc-toggle{background:none;border:none;font-size:16px;cursor:pointer;color:#9c27b0;transition:transform 0.3s ease}.custom-toc .toc-toggle.rotate{transform:rotate(180deg)}.custom-toc .toc-list{margin-top:10px}.custom-toc .toc-list ul{list-style:none;padding-left:0;margin:0}.custom-toc .toc-list li{margin-bottom:8px}.custom-toc .toc-list a{text-decoration:none;color:#555;transition:color 0.3s ease;font-weight:400}.custom-toc .toc-list a:hover{color:#9c27b0;font-weight:700}ul li{font-size:1em!important}.custom-toc .toc-list a.active{border-left:3px solid #d33;padding-left:8px;color:#d33;display:inline-block;text-decoration:none;font-weight:700}.custom-toc{padding:15px;margin-bottom:20px;border-radius:8px}.custom-toc .toc-header{font-weight:700;margin-bottom:10px}.custom-toc ul{list-style:none;padding-left:0}.custom-toc li{margin-bottom:5px}.custom-toc a{color:#0073aa}.custom-toc a.active,.custom-toc a:hover{color:#005177}@media (max-width:768px){.custom-toc{position:static;max-width:none;margin-bottom:20px}}.entry-title{color:#fff}.fade-in-section{opacity:0;transform:translateY(20px);transition:opacity 0.8s ease-out,transform 0.8s ease-out;will-change:opacity,transform}.fade-in-section.is-visible{opacity:1;transform:none}.container-content{border-bottom:1px solid #ccc;padding-bottom:20px;margin-bottom:30px;border-radius:0!important}.custom-toc-wrapper{position:relative}#searchsubmit2 .btn{margin-top:0px!important}.bwp-right-sidebar{display:flex;flex-direction:column;gap:20px;max-width:300px}.fixed-banner{position:sticky;top:100px;border-radius:8px}.fixed-banner img{max-width:100%;height:auto;display:block;border-radius:8px}.custom-toc{position:sticky;top:250px}@media (max-width:768px){.fixed-banner{display:none}}