/**
 * 実績アコーディオン修正用CSS
 * system-developmentページで確実に動作させるための追加スタイル
 */

/* トグルボタンを完全に非表示にする */
.works-section .work-item-toggle {
    display: none !important;
}

/* 詳細がある項目のテキストを全幅に */
.works-section .work-item-expandable .work-item-text {
    width: 100%;
    cursor: pointer;
    transition: color 0.3s ease;
}

/* ホバー時のスタイル */
.works-section .work-item-expandable:hover .work-item-text {
    color: var(--color-primary);
}

/* 詳細エリアの初期状態を非表示にする */
.works-section .work-item-detail {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* is-openクラスが付いた時のみ表示 */
.works-section .work-item-detail.is-open {
    max-height: 500px;
    opacity: 1;
    transition: max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 詳細エリアのスタイル調整 */
.works-section .work-item-detail p {
    font-size: 14px;
    line-height: 1.7;
    color: #666666;
    padding: 12px 0 12px 20px;
    margin: 8px 0 0 0;
}