.page-blog{background-color:#0D0E12;color:#FFF3E6;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.6;padding-bottom:40px}.page-blog__hero-image{width:100%;height:auto;aspect-ratio:1200/353;object-fit:cover;display:block}.page-blog__hero-content{max-width:1200px;margin:0 auto;padding:16px 16px 0;text-align:center}.page-blog__hero-title{font-size:clamp(1.6rem, 4vw, 3rem);font-weight:800;line-height:1.2;letter-spacing:0.02em;color:#FFF3E6;max-width:1100px;margin:0 auto 0.5em}.page-blog__hero-desc{color:#FFB04D;font-size:clamp(1rem, 1.5vw, 1.2rem);max-width:900px;margin:0 auto}.page-blog__content-section{max-width:1200px;margin:0 auto;padding:24px 16px}.page-blog__categories{margin-bottom:36px}.page-blog__categories-title{font-size:1.5rem;font-weight:700;color:#FFF3E6;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #A84F0C}.page-blog__categories-list{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px}.page-blog__category-item{background-color:#17191F;border:1px solid #A84F0C;border-radius:12px;padding:20px 16px;text-align:center;text-decoration:none;color:#FFF3E6;font-weight:600;transition:background-color 0.3s ease, color 0.3s ease;font-size:1.1rem}.page-blog__category-item:hover{background-color:#D96800;color:#0D0E12}.page-blog__category-sub{display:block;font-size:0.8rem;font-weight:400;margin-top:4px;color:#FFA53A;opacity:0.9}.page-blog__category-item:hover .page-blog__category-sub{color:#0D0E12}.page-blog__layout{display:grid;grid-template-columns:1fr 320px;gap:32px;align-items:start}.page-blog__posts-area{overflow:hidden}.page-blog__post-card{background-color:#17191F;border:1px solid #A84F0C;border-radius:12px;overflow:hidden;margin-bottom:48px;transition:transform 0.3s ease, box-shadow 0.3s ease}.page-blog__post-card:last-child{margin-bottom:0}.page-blog__post-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(255, 140, 26, 0.15)}.page-blog__post-image{width:100%;height:auto;aspect-ratio:800/400;object-fit:cover;display:block}.page-blog__post-content{padding:24px}.page-blog__post-meta{font-size:0.875rem;color:#FFA53A;margin-bottom:10px;line-height:1.5}.page-blog__post-meta a{color:#FFA53A;text-decoration:none}.page-blog__post-meta a:hover{text-decoration:underline}.page-blog__post-title{margin:0 0 12px;font-size:1.5rem;line-height:1.3;font-weight:700}.page-blog__post-title a{color:#FFF3E6;text-decoration:none}.page-blog__post-title a:hover{color:#FF8C1A;text-decoration:none}.page-blog__post-excerpt{color:#D0DDE7;margin-bottom:16px}.page-blog__post-readmore{display:inline-block;color:#FF8C1A;text-decoration:none;font-weight:600;border-bottom:2px solid transparent;padding-bottom:2px;transition:all 0.3s ease}.page-blog__post-readmore:hover{border-bottom-color:#FF8C1A;color:#FFF3E6}.page-blog__sidebar{background-color:#17191F;border-radius:12px;padding:20px;border:1px solid #A84F0C;position:sticky;top:20px;align-self:start}.page-blog__sidebar-title{font-size:1.3rem;color:#FF8C1A;font-weight:700;margin-top:0;margin-bottom:16px;text-transform:uppercase;letter-spacing:0.03em;border-bottom:2px solid #A84F0C;padding-bottom:10px}.page-blog__sidebar-title:not(:first-child){margin-top:32px}.page-blog__sidebar-list{list-style:none;margin:0;padding:0}.page-blog__sidebar-item{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid rgba(168, 79, 12, 0.4);background-color:#17191F;border-top-left-radius:8px;border-bottom-left-radius:8px;transition:all 0.2s ease;box-shadow:0 2px 12px rgba(0,0,0,0.3);border-left:3px solid #A84F0C}.page-blog__sidebar-item a{color:#D0DDE7;text-decoration:none;font-weight:500}.page-blog__sidebar-item a:hover{color:#FF8C1A;text-decoration:underline}.page-blog__sidebar-item:last-child{border-bottom:none}.page-blog__sidebar-text{color:#FFF3E6;font-size:0.9rem}.page-blog__sidebar-text strong{display:block;font-size:1.2rem;color:#FF8C1A;margin-bottom:10px}.page-blog__btn{display:block;text-align:center;background:linear-gradient(180deg, #FFA53A 0%, #D96800 100%);color:#0D0E12;text-decoration:none;font-weight:700;padding:14px 24px;border-radius:10px;font-size:1rem;width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;transition:opacity 0.2s ease, transform 0.3s ease}.page-blog__btn:hover,.page-blog__btn:focus{opacity:0.9}.page-blog__btn:active{transform:scale(0.98)}.page-blog__pagination{display:flex;justify-content:center;gap:0;flex-wrap:wrap;margin:40px auto 0}.page-blog__page-btn{display:inline-flex;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px 16px;margin:0 4px;background-color:#17191F;color:#FFF3E6;text-decoration:none;border:1px solid #A84F0C;border-radius:8px;transition:background-color 0.2s ease}.page-blog__page-btn:hover{background-color:#FF8C1A;color:#0D0E12}.page-blog__page-btn--current{background:linear-gradient(180deg, #FFA53A 0%, #D96800 100%);color:#0D0E12;font-weight:700}.page-blog__page-btn--current:hover{background:#D96800;color:#0D0E12}.page-blog__page-btn:hover a{color:#0D0E12}@media (max-width: 1024px){.page-blog__categories-list{grid-template-columns:repeat(2, 1fr)}.page-blog__layout{grid-template-columns:1fr}.page-blog__sidebar{margin-top:40px;position:static}}@media (max-width: 768px){.page-blog__hero-image{max-width:100%!important;height:auto!important}.page-blog__categories-title{font-size:1.4rem}.page-blog__post-title{font-size:1.2rem}.page-blog__post-content{padding:16px}.page-blog__post-image{max-width:100%!important;height:auto!important}.page-blog__sidebar-title{font-size:1.1rem}.page-blog__btn{max-width:100%;width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-blog img{max-width:100%!important;height:auto!important}.page-blog__content-section{overflow:hidden}.page-blog__pagination{flex-wrap:wrap}.page-blog__page-btn{min-width:40px;min-height:40px;padding:8px 12px;margin-bottom:8px}}