.blog-header{width:100%;max-width:1600px;margin:0 auto;padding:70px 40px 0}.blog-header-top{justify-content:space-between;align-items:flex-start;gap:60px;margin-bottom:50px;display:flex}.blog-heading{max-width:850px}.blog-heading h1{letter-spacing:-2px;color:var(--main-text-color);margin-bottom:35px;font-size:clamp(2.8rem,5vw,4.5rem);font-weight:600;line-height:1.1}.blog-meta{flex-wrap:wrap;align-items:baseline;gap:18px;display:flex}.blog-meta span:first-child{color:#777;font-size:1rem}.blog-category{background:#f2f2f2;border-radius:999px;padding:10px 18px;font-size:.9rem;font-weight:500}.back-link{color:var(--main-text-color);white-space:nowrap;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s}.back-link:hover{opacity:.7}.blog-cover{border-radius:32px;width:100%;height:700px;overflow:hidden}.blog-cover img{object-fit:contain;background-color:#e8eee9;width:100%;height:100%;display:block}@media (max-width:992px){.blog-header{padding:60px 24px 0}.blog-header-top{flex-direction:column;gap:30px}.blog-cover{height:450px}}@media (max-width:768px){.blog-header{padding:50px 20px 0}.blog-heading h1{font-size:2.2rem}.blog-cover{border-radius:20px;height:280px}.blog-meta{gap:12px}}
.blog-body{grid-template-columns:70% 30%;align-items:start;gap:10px;width:100%;max-width:1600px;margin:0 auto 100px;padding:70px 40px 0;display:grid}.blog-content{background:#fff;border:1px solid #ececec;border-radius:28px;width:100%;max-width:none;padding:48px}.content-section{margin-bottom:20px}.content-section:last-child{margin-bottom:0}.content-section h2{color:#111;margin-bottom:12px;font-size:2rem;font-weight:600;line-height:1.3}.content-section p{color:#666;margin-bottom:14px;font-size:1.08rem;line-height:2}.reading-sidebar{background:#fff;border:1px solid #ececec;border-radius:28px;padding:34px;position:sticky;top:120px}.sidebar-label{letter-spacing:3px;color:#8b8b8b;text-transform:uppercase;font-size:.8rem;display:block}.reading-sidebar h3{color:#111;margin:16px 0 36px;font-size:2.7rem;font-weight:500;line-height:1.05}.sidebar-list{flex-direction:column;display:flex}.sidebar-card{color:inherit;border-top:1px solid #ececec;gap:18px;padding:24px 0;text-decoration:none;transition:all .3s;display:flex}.sidebar-card:first-child{border-top:none;padding-top:0}.sidebar-card:hover{transform:translate(6px)}.sidebar-card img{object-fit:cover;border-radius:18px;flex-shrink:0;width:110px;height:110px}.sidebar-info{flex-direction:column;display:flex}.sidebar-category{letter-spacing:2px;text-transform:uppercase;color:#888;margin-bottom:8px;font-size:.72rem}.sidebar-meta{color:#888;margin-bottom:12px;font-size:.9rem}.sidebar-card h4{color:#111;font-size:1.35rem;font-weight:500;line-height:1.45;transition:all .3s}.sidebar-card:hover h4{color:var(--green-color)}@media (max-width:1200px){.blog-body{grid-template-columns:1fr;gap:60px}.blog-content{max-width:100%}.reading-sidebar{max-width:750px;position:static}}@media (max-width:768px){.blog-body{padding:0 20px}.reading-sidebar{padding:24px}.reading-sidebar h3{font-size:2rem}.sidebar-card{flex-direction:column}.sidebar-card img{width:100%;height:220px}.sidebar-card h4{font-size:1.2rem}.content-section h2{font-size:1.6rem}.content-section p{font-size:1rem;line-height:1.9}}@media (max-width:1200px){.blog-body{grid-template-columns:2fr 1fr;gap:30px;padding:60px 30px 0}}@media (max-width:1281px){.blog-body{grid-template-columns:1fr;gap:50px;padding:50px 24px 0}.reading-sidebar{width:100%;position:static}}@media (max-width:768px){.blog-body{gap:40px;margin-bottom:60px;padding:40px 20px 0}.blog-content{border-radius:20px;padding:28px 22px}.reading-sidebar{border-radius:20px;padding:24px}}@media (max-width:480px){.blog-body{padding:30px 16px 0}.blog-content{padding:22px 18px}.reading-sidebar{padding:20px}}
