.diy_button0{padding:.7rem 2rem;background:#367ed4;color:#fff;border-radius:7px;display:inline-flex}.diy_button0:hover{background:#222;color:#fff}.diy_button1{padding:.7rem calc(1rem + 1vw);background:#367ed4;color:#fff;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;z-index:1;box-sizing:border-box}.diy_button1 i{display:inline-flex;width:1rem;height:1rem;margin:0 0 0 1rem;background:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23000000'%3E%3Cpath d='M 18.71875 6.78125 L 17.28125 8.21875 L 24.0625 15 L 4 15 L 4 17 L 24.0625 17 L 17.28125 23.78125 L 18.71875 25.21875 L 27.21875 16.71875 L 27.90625 16 L 27.21875 15.28125 Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") no-repeat center;background-size:contain}.diy_button1::after{position:absolute;content:"";top:0;left:0;width:0%;height:100%;z-index:-1;background:#222;transition-property:all;transition-duration:0.4s;transition-timing-function:"ease";transition-delay:"0s"}.diy_button1:hover::after{width:100%}main,footer{background:#fff}.single-main{max-width:800px;margin:0 auto;padding:40px 20px}.single-article{padding:calc(5rem + 5vw) 0 calc(3rem + 3vw) 0}.single-header{margin-bottom:24px}.single-title{font-size:32px;line-height:1.3;margin:0 0 16px;color:#222;text-align:center}@media(max-width: 768px){.single-title{font-size:1.5rem}}.single-meta{display:flex;align-items:center;justify-content:center;gap:16px;font-size:14px;color:#888}.single-tag{display:flex;align-items:center;justify-content:center;margin:0 0 2rem 0;font-size:14px;color:#888}.single-date{color:#888}.single-category a{display:inline-block;padding:4px 10px;margin-right:6px;font-size:1rem;color:#0073aa;background-color:#f0f7fc;border-radius:4px;text-decoration:none;transition:all .2s ease;font-weight:bold;text-transform:uppercase}.single-category a:hover{color:#fff;background-color:#0073aa}.single-thumb{margin-bottom:32px}.single-thumb img{width:100%;height:auto;border-radius:8px}.single-content{font-size:16px;line-height:1.8;color:#333}.single-content p{margin-bottom:20px}.single-content img{max-width:100%;height:auto;border-radius:6px}.single-content h2,.single-content h3{margin:32px 0 16px;color:#222}.single-content a{color:#0073aa;text-decoration:underline}.related-posts{padding:40px 0 calc(3rem + 3vw) 0;border-top:1px solid #eee}.related-title{font-size:20px;margin:0 0 24px;color:#222}.related-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}@media(max-width: 768px){.related-grid{grid-template-columns:1fr}}.related-item{display:block;text-decoration:none;color:inherit;transition:transform .2s ease}.related-item:hover{transform:translateY(-2px)}.related-thumb{margin-bottom:12px}.related-thumb img{width:100%;height:calc(7rem + 7vw);-o-object-fit:cover;object-fit:cover;border-radius:6px}.related-item-title{font-size:15px;line-height:1.5;margin:0 0 6px;color:#222}.related-item-date{font-size:13px;color:#999}