/*
 * 相場価格表（spec: docs/features/market-price-list/spec.md §6.1）
 * 見た目の作り込みはしない（D6）。375px で表が横にはみ出さないこと（景品名は折り返す）だけを守る。
 */
.market-price-page {
    max-width: 768px;
    margin: 0 auto;
    padding: 16px 16px 100px;
    background: #ffffff;
    color: #333333;
    box-sizing: border-box;
}

.market-price-title {
    font-size: 1.25rem;
    font-weight: bold;
    margin: 8px 0 16px;
}

.market-price-description p {
    font-size: 0.875rem;
    line-height: 1.6;
    color: #555555;
    margin: 0 0 8px;
}

.market-price-updated {
    font-size: 0.875rem;
    color: #555555;
    margin: 16px 0 8px;
}

.market-price-message {
    font-size: 0.875rem;
    color: #555555;
    margin: 24px 0;
}

/* PSA10 鑑定済みカード / BOX（未開封）の 2 つの表（spec D19） */
.market-price-section {
    margin: 0 0 24px;
}

.market-price-section-title {
    font-size: 1rem;
    font-weight: bold;
    margin: 16px 0 8px;
}

.market-price-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 0.8125rem;
}

.market-price-table th,
.market-price-table td {
    border-bottom: 1px solid #e0e0e0;
    padding: 8px 4px;
    text-align: left;
    vertical-align: top;
}

.market-price-table th {
    background: #f8f9fa;
    font-weight: bold;
}

.market-price-table .market-price-col-name {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.market-price-table .market-price-col-value {
    width: 9em;
    text-align: right;
    white-space: nowrap;
}

/* 景品名に添えるカード番号（同じ名前のカードを見分けるため — spec §6.1） */
.market-price-table .market-price-card-number {
    color: #777777;
}