.blog-container{display:flex;max-width:1600px;margin:100px auto;padding:0 20px;gap:40px;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#222}.blog-main{flex:3}.blog-sidebar{flex:1;border-left:1px solid #ddd;padding-left:20px;margin-top:25px;max-width:250px}.blog-sidebar h3{font-size:1.25rem;margin-bottom:16px}.sidebar-post{margin-bottom:12px}.sidebar-post a{text-decoration:none;color:#007acc;font-weight:500;transition:color .3s ease}.sidebar-post a:hover{color:#004a80}.blog-title{font-size:2.5rem;font-weight:700;margin-bottom:30px}form.mb-6{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:30px}form.mb-6 input[type=search],form.mb-6 select{border:1px solid #ccc;border-radius:6px;padding:10px 14px;font-size:1rem;box-sizing:border-box}form.mb-6 input[type=search]{flex-grow:1;max-width:400px}form.mb-6 select{min-width:160px}form.mb-6 button{background-color:orange;border:none;color:#fff;font-weight:600;padding:10px 24px;border-radius:6px;cursor:pointer;transition:background-color .3s ease;font-size:1rem}form.mb-6 button:hover{background-color:#e59400}.clear-filter{display:inline-block;padding:10px 20px;background-color:#ccc;border-radius:6px;font-weight:600;color:#333;text-decoration:none;transition:background-color .3s ease}.clear-filter:hover{background-color:#aaa;color:#fff}.blog-search{margin-bottom:30px;display:flex;max-width:450px}.blog-search input[type=text]{flex-grow:1;padding:10px 14px;border-radius:6px 0 0 6px;border:1px solid #ccc;font-size:1rem;box-sizing:border-box}.blog-search button{padding:10px 20px;background-color:#007acc;border:none;color:#fff;font-weight:600;border-radius:0 6px 6px 0;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.blog-search button:hover{background-color:#005fa3}.blog-card a{text-decoration:none;color:inherit}.blog-card a:hover{text-decoration:none}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.blog-card{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000000d;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .3s ease;text-decoration:none;color:inherit}.blog-card:hover{box-shadow:0 6px 20px #00000026}.blog-card img.blog-card-img{width:100%;height:180px;-o-object-fit:cover;object-fit:cover;display:block;border-bottom:1px solid #eee}.blog-card-content{padding:16px 20px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.blog-card-cats{margin-bottom:10px}.badge{display:inline-block;background-color:orange;color:#fff;padding:4px 12px;font-size:.8rem;border-radius:12px;margin-right:6px;font-weight:600}.blog-card-title{font-size:1.2rem;font-weight:700;margin:0 0 8px}.blog-card-snippet{font-size:.95rem;color:#555;flex-grow:1;margin-bottom:16px}.blog-card-read{font-weight:600;color:#007acc;font-size:.9rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.blog-card-read:hover{text-decoration:underline}.blog-pagination{margin:40px 0;text-align:center}@media (max-width: 900px){.blog-container{flex-direction:column}.blog-sidebar{border-left:none;padding-left:0;margin-top:40px}.blog-grid{grid-template-columns:1fr}form.mb-6{flex-direction:column}form.mb-6 input[type=search],form.mb-6 select,form.mb-6 button{max-width:100%;width:100%}}.blog-show-container{max-width:1600px;margin:40px auto;padding:0 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#222;box-sizing:border-box}@media screen and (max-width: 900px){.blog-show-container{padding:0 10px}}.hero-banner{position:relative;height:400px;background-size:cover;background-position:center;border-radius:12px;overflow:hidden;margin-bottom:40px}.hero-banner .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0003,#000c);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding:40px 20px;animation:fadeIn .8s ease forwards}.hero-title{color:orange;max-width:900px}.hero-banner .hero-title{font-size:2.8rem;font-weight:800;margin-bottom:12px;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.7)}@media screen and (max-width: 600px){.hero-banner .hero-title{font-size:1.8rem;margin-bottom:8px}}.category-tags{margin-bottom:10px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.category-pill{background:#fff3;border:1px solid rgba(255,255,255,.3);padding:5px 12px;border-radius:50px;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase;transition:background .3s ease}.category-pill:hover{background:#ffffff59}.reading-time-badge{display:flex;align-items:center;gap:6px;background:#ffffff26;padding:4px 10px;border-radius:20px;font-size:.9rem;margin-top:8px;text-shadow:0 1px 4px rgba(0,0,0,.7)}.clock-icon{width:16px;height:16px;fill:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-show-content-wrap{display:flex;gap:40px}.blog-show-main{flex:3}.blog-content{background:#fff;padding:25px;border-radius:8px;box-shadow:0 4px 10px #0000000d;line-height:1.7;color:#333}@media screen and (max-width: 768px){.blog-content{padding:10px}}.blog-content h2,.blog-content h3{margin-top:1.5em;margin-bottom:.5em}@media screen and (max-width: 600px){.blog-content h2{font-size:1.2rem}.blog-content h3{font-size:1rem}}.blog-content img{max-width:100%;height:auto;border-radius:6px;margin:20px 0;display:block}.toc{background:#f7f7f7;padding:15px;border-radius:6px;margin-bottom:30px}.toc h3{margin-top:0}.social-share{margin-top:25px;font-size:.95rem}.social-share a{color:#007acc;margin-left:10px;text-decoration:none}.social-share a:hover{text-decoration:underline}.related-posts{margin-top:40px}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.related-card{border:1px solid #eee;border-radius:6px;overflow:hidden;transition:transform .2s ease;background:#fff}.related-card:hover{transform:translateY(-3px)}.related-card img{width:100%;height:130px;-o-object-fit:cover;object-fit:cover}.related-card p{padding:10px;font-size:.95rem;color:#333}.blog-show-content-wrap .blog-sidebar{flex:1;border-left:1px solid #ddd;padding-left:20px;background:none;box-shadow:none}@media (max-width: 900px){.blog-show-content-wrap{flex-direction:column}.blog-show-content-wrap .blog-sidebar{border-left:none;padding-left:0;margin-top:40px}}.social-share{margin-top:25px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:.95rem}.social-share-label{font-weight:600;margin-right:4px}.social-share-list{display:flex;gap:12px;flex-wrap:wrap}.social-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:.9rem;font-weight:600;line-height:1;text-decoration:none;border:none;border-radius:999px;cursor:pointer;transition:transform .15s ease,opacity .15s ease;color:#fff!important;background:#666}.social-btn svg{width:16px;height:16px;fill:currentColor;display:block}.social-btn:hover,.social-btn:focus-visible{transform:translateY(-1px);opacity:.9}.social-btn-fb{background:#1877f2}.social-btn-x{background:#1d1d1d}.social-btn-in{background:#0077b5}.social-btn-copy{background:orange;color:#fff}.quote-divider{border:none;height:1px;background:linear-gradient(90deg,#f97316,#fb923c);margin-bottom:20px}.quote-title{font-size:1.4rem;font-weight:700;margin-bottom:20px;background:linear-gradient(90deg,#f97316,#fb923c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.quote-steps{list-style:none;padding-left:0;margin-bottom:25px}.quote-steps li{margin-bottom:15px;font-size:.9rem;line-height:1.3;color:#333}.quote-steps li strong{display:block;font-weight:700;margin-bottom:5px}.quote-cta{display:inline-block;text-align:center;background:linear-gradient(90deg,#f97316,#fb923c);color:#fff;font-weight:700;padding:14px 24px;border-radius:12px;text-decoration:none;font-size:1rem;box-shadow:0 4px 12px #f9731666;transition:background .3s ease,box-shadow .3s ease,transform .2s ease}.quote-cta:hover{background:linear-gradient(90deg,#fb923c,#f97316);box-shadow:0 6px 16px #f9731699;transform:translateY(-2px)}