 .post-header-section {background: linear-gradient(135deg, #faf5ff 0%, #f5f3ff 100%);padding: 50px 0 40px;border-bottom: 1px solid rgba(143, 6, 147, 0.15);position: relative;overflow: hidden;}.post-header-section::before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, #8f0693 0%, #6f42c1 50%, #8f0693 100%);}.post-header-layout {display: flex;align-items: center;justify-content: space-between;gap: 40px;}.post-header-content {flex: 1 1 60%;min-width: 0;}.post-header-image {flex: 1 1 40%;display: flex;align-items: center;justify-content: center;}.post-header-image img {max-width: 100%;height: auto;display: block;}.post-title {font-size: 32px;font-weight: 800;color: #1f2937;margin: 0 0 15px;line-height: 1.35;text-align: right;}.post-summary-box {background: #fff;border: 1px solid rgba(143, 6, 147, 0.15);border-right: 4px solid #8f0693;border-radius: 8px;padding: 16px 20px;text-align: right;box-shadow: 0 4px 15px rgba(143, 6, 147, 0.06);}.post-summary-box p {margin: 0;color: #334155;font-size: 14px;line-height: 1.9;}.faq-category-box {background: #fff;border: 1px solid #f3e8f5;border-radius: 16px;padding: 25px 15px;text-align: center;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(136, 32, 119, 0.04);display: flex;flex-direction: column;align-items: center;gap: 15px;}.faq-category-box:hover {transform: translateY(-5px);border-color: #e2c4ff;box-shadow: 0 10px 25px rgba(136, 32, 119, 0.1);}.faq-category-box.active {background: linear-gradient(135deg, #fdf4ff 0%, #fff8ec 100%);border-color: #882077;box-shadow: 0 8px 25px rgba(136, 32, 119, 0.15);}.faq-cat-icon {width: 60px;height: 60px;background: #fdf4ff;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #882077;transition: all 0.3s ease;}.faq-cat-icon svg {width: 28px;height: 28px;color: inherit;}.faq-category-box:hover .faq-cat-icon, .faq-category-box.active .faq-cat-icon {background: linear-gradient(135deg, #882077 0%, #a83b8e 100%);color: #fff;}.faq-cat-title {font-size: 15px;font-weight: 700;color: #333;margin: 0;}@media (max-width: 991px) {.post-header-layout {flex-direction: column;text-align: center;gap: 20px;}.post-header-image {display: none;}}@media (max-width: 767px) {.post-title {font-size: 24px;}.faq-category-box {padding: 15px;}.faq-cat-icon {width: 50px;height: 50px;}.faq-cat-icon svg {width: 24px;height: 24px;}}