/* ===========================
   投票履歴
=========================== */
.eqp-history-block {
    margin: 16px 0;
}

.eqp-history-empty {
    background: #F5F5F0;
    border-radius: 10px;
    padding: 20px;
    color: #888888;
    font-size: 14px;
    text-align: center;
}

.eqp-history-empty a {
    color: #F5A623;
    font-weight: 700;
}

.eqp-history-heading {
    font-size: 15px;
    font-weight: 700;
    color: #1C2B4A;
    border-left: 3px solid #F5A623;
    padding-left: 8px;
    margin: 24px 0 12px;
}

.eqp-history-heading:first-child {
    margin-top: 0;
}

.eqp-history-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.eqp-history-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #ffffff;
    border: 0.5px solid rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    padding: 14px 16px;
    flex-wrap: wrap;
}

.eqp-history-link {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-decoration: none;
    flex: 1 1 240px;
    min-width: 0;
}

.eqp-history-title {
    font-size: 14px;
    font-weight: 700;
    color: #1C2B4A;
}

.eqp-history-detail {
    font-size: 13px;
    color: #888888;
}

.eqp-history-date {
    font-size: 12px;
    color: #888888;
    white-space: nowrap;
}

/* ===========================
   セッション詳細
=========================== */
.eqp-history-back {
    display: inline-block;
    font-size: 13px;
    color: #888888;
    text-decoration: underline;
    text-underline-offset: 3px;
    margin-bottom: 8px;
}

.eqp-history-subheading {
    font-size: 14px;
    font-weight: 700;
    color: #1C2B4A;
    margin: 24px 0 12px;
}

.eqp-history-result-block {
    background: #FFF8ED;
    border-radius: 10px;
    padding: 16px 20px;
    margin-top: 12px;
}

.eqp-history-result-title {
    font-size: 16px;
    font-weight: 700;
    color: #1C2B4A;
    margin-bottom: 4px;
}

.eqp-history-result-desc {
    font-size: 13px;
    color: #1C2B4A;
    line-height: 1.6;
}

.eqp-history-result-link a {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    color: #F5A623;
    text-decoration: none;
}

.eqp-history-result-link a:hover {
    text-decoration: underline;
}

.eqp-history-result-page-content {
    font-size: 13px;
    color: #1C2B4A;
    line-height: 1.7;
}

.eqp-history-result-page-content h2 {
    font-size: 14px;
    font-weight: 700;
    color: #1C2B4A;
    border-left: 3px solid #F5A623;
    padding-left: 8px;
    margin: 14px 0 6px;
}

.eqp-history-result-page-content h2:first-child {
    margin-top: 0;
}

.eqp-history-result-page-content p {
    margin: 0 0 10px;
}

/* eqp-group.cssの.eqp-score-topic-*と同じ色分けカード表示（金・銀・銅・青・赤）。
   このファイルは履歴ページ専用に読み込まれるため同じルールをここにも複製している。 */
.eqp-history-result-page-content .eqp-score-topic {
    border-radius: 10px;
    padding: 12px 16px;
    margin: 0 0 10px;
}

.eqp-history-result-page-content .eqp-score-topic h2 {
    border-left: none;
    padding-left: 0;
    margin: 0;
    font-size: 11px;
    letter-spacing: 0.08em;
}

.eqp-history-result-page-content p.eqp-score-subheading {
    font-size: 15px;
    font-weight: 700;
    color: #1C2B4A;
    margin: 6px 0 8px;
}

.eqp-history-result-page-content p.eqp-score-example {
    font-size: 12px;
    color: #888888;
    padding-left: 10px;
    border-left: 2px solid rgba(0, 0, 0, 0.08);
}

.eqp-history-result-page-content .eqp-score-topic-life     { background: linear-gradient(90deg, #F7EBCC, transparent 60%); }
.eqp-history-result-page-content .eqp-score-topic-life h2       { color: #A6791A; }
.eqp-history-result-page-content .eqp-score-topic-strength { background: linear-gradient(90deg, #E9EAEC, transparent 60%); }
.eqp-history-result-page-content .eqp-score-topic-strength h2   { color: #6E7580; }
.eqp-history-result-page-content .eqp-score-topic-challenge{ background: linear-gradient(90deg, #F1E0CF, transparent 60%); }
.eqp-history-result-page-content .eqp-score-topic-challenge h2  { color: #9C5A2E; }
.eqp-history-result-page-content .eqp-score-topic-ally     { background: linear-gradient(90deg, #DCE6EF, transparent 60%); }
.eqp-history-result-page-content .eqp-score-topic-ally h2       { color: #34618C; }
.eqp-history-result-page-content .eqp-score-topic-nemesis  { background: linear-gradient(90deg, #F6E4DE, transparent 60%); }
.eqp-history-result-page-content .eqp-score-topic-nemesis h2    { color: #8A3324; }

.eqp-history-result-page-content .eqp-score-topic-compat-good { background: linear-gradient(90deg, #DCEEDF, transparent 60%); }
.eqp-history-result-page-content .eqp-score-topic-compat-good h2 { color: #3F7D4F; }
.eqp-history-result-page-content .eqp-score-topic-compat-bad  { background: linear-gradient(90deg, #FBE3C7, transparent 60%); }
.eqp-history-result-page-content .eqp-score-topic-compat-bad h2  { color: #C2650E; }

.eqp-history-result-page-content .eqp-score-compat-list {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.eqp-history-result-page-content .eqp-score-compat-list li a {
    display: inline-block;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 100px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 700;
    color: #1C2B4A;
    text-decoration: none;
}

.eqp-history-result-page-content .eqp-score-compat-tool-link {
    text-align: center;
    margin-top: 14px;
}

.eqp-history-result-page-content .eqp-score-compat-tool-link a {
    font-size: 13px;
    font-weight: 700;
    color: #F5A623;
    text-decoration: none;
}

.eqp-history-answers {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    counter-reset: eqp-history-answer;
}

.eqp-history-answer-item {
    background: #ffffff;
    border: 0.5px solid rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    padding: 14px 16px;
    counter-increment: eqp-history-answer;
}

.eqp-history-answer-item .eqp-history-q {
    font-size: 13px;
    color: #888888;
    margin-bottom: 4px;
}

.eqp-history-answer-item .eqp-history-q::before {
    content: "Q" counter(eqp-history-answer) "　";
    font-weight: 700;
    color: #F5A623;
}

.eqp-history-answer-item .eqp-history-a {
    font-size: 14px;
    font-weight: 700;
    color: #1C2B4A;
}