
    <style>
        /* 아코디언 전용 커스텀 스타일 */
        .featured-list {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        .accordion-item {
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 12px;
            overflow: hidden;
            background: rgba(255, 255, 255, 0.03);
            transition: all 0.3s ease;
        }

        .accordion-header {
                width: 100%;
                display: grid;
                /* [왼쪽 텍스트 1.5비율] | [태그 영역 1비율] | [화살표 24px] */
                grid-template-columns: 1.5fr 1fr 24px;
                align-items: center;
                gap: 30px; /* 각 영역 사이의 여백 */
                padding: 24px;
                background: none;
                border: none;
                cursor: pointer;
                text-align: left;
                color: inherit;
            }

        .accordion-header:hover {
                background: rgba(255, 255, 255, 0.06);
            }

        .header-main {
                display: flex;
                flex-direction: column;
                gap: 8px;
            }

            .accordion-header h3 {
                margin: 0;
                font-size: 1.25rem;
                color: #4dabf7;
            }

            .accordion-header p {
                margin: 0;
                font-size: 0.95rem;
                color: #aaa;
            }

        .scan-results {
                display: flex;
                gap: 10px;
                flex-wrap: wrap; /* 태그가 길어져도 넘어가지 않게 줄바꿈 허용 */
                justify-content: flex-start; /* 시작점을 왼쪽으로 고정 */
            }

        .scan-results span {
                font-size: 0.8rem;
                padding: 4px 10px;
                border-radius: 20px;
                background: rgba(0, 123, 255, 0.1);
                color: #4dabf7;
                border: 1px solid rgba(0, 123, 255, 0.2);
            }

        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);
            /* 회색 배경을 제거하거나 아주 옅은 농도로 변경 */
            background: rgba(255, 255, 255, 0.02);
        }

        .accordion-item.active {
            border-color: rgba(0, 123, 255, 0.4);
            background: rgba(255, 255, 255, 0.05);
        }

        .accordion-item.active .accordion-content {
            max-height: 2000px; /* 충분한 높이 */
            transition: max-height 0.5s ease-in-out;
        }

        .inner-padding {
            padding: 30px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }

        .arrow-icon {
            font-size: 1.2rem;
            color: #666;
            transition: transform 0.3s ease;
        }

        .accordion-item.active .arrow-icon {
            transform: rotate(180deg);
            color: #007bff;
        }

        /* 상세 섹션 내 STAR 박스 스타일 유지 및 조정 */
        .detail-star-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
        }

        @media (max-width: 768px) {
            .detail-star-content { grid-template-columns: 1fr; }
            .accordion-header { flex-direction: column; align-items: flex-start; gap: 15px; }
            .arrow-icon { align-self: flex-end; }
        }
    </style>