/* =============================================
   Progress Report Styles (進捗報告一覧用)
   物販デザインの「彩」枠を継承
   ============================================= */

.gakusai-progress-card {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
}

/* カテゴアルバッジ */
.gakusai-progress-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: linear-gradient(135deg, #1f80c9, #1af1b1);
    color: #fff;
    padding: 5px 14px;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 800;
    z-index: 5;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* 日付スタイル */
.gakusai-progress-date {
    font-size: 0.8rem;
    color: #8899a6;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: 0.05em;
    font-family: var(--font-base, sans-serif);
}

/* タイトルの高さ調整（2行まで） */
.gakusai-progress-card .gakusai-product-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 2.8em; /* 1.4行高 × 2 */
    margin-bottom: 10px;
}

/* 抜粋の調整 */
.gakusai-progress-card .gakusai-product-desc {
    height: 4.8em; /* 3行程度表示 */
    font-size: 0.85rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* ホバー時のバッジアニメーション（個別のホバーは削除）
.gakusai-progress-card:hover .gakusai-progress-badge {
    バッジ単体は動かさない
}
*/

/* カテゴリー色分け設定 */
.cat-color-1 { background: linear-gradient(135deg, #1f80c9, #1af1b1) !important; } /* 青・緑系 */
.cat-color-2 { background: linear-gradient(135deg, #e67e22, #f1c40f) !important; } /* オレンジ・黄系 */
.cat-color-3 { background: linear-gradient(135deg, #e74c3c, #ff9ff3) !important; } /* 赤・ピンク系 */
.cat-color-4 { background: linear-gradient(135deg, #9b59b6, #3498db) !important; } /* 紫・青系 */
.cat-color-5 { background: linear-gradient(135deg, #27ae60, #2ecc71) !important; } /* 深緑・黄緑系 */