/**
 * Official Prices Page Styles
 *
 * Uses design token CSS variables. See design-tokens.css for values.
 * Loaded conditionally on /official-prices/ page only.
 */

.shaped-official-prices {
    /* Note/disclaimer colors — no global design token equivalent */
    --note-bg: #fff3cd;
    --note-border: #ffc107;
    --note-text: #856404;

    max-width: 800px;
    margin: 2em auto;
    padding: 2em;
    background: var(--color-surface-alt);
    border-radius: var(--radius-md);
}

.shaped-official-prices h2 {
    margin-top: 0;
    color: var(--color-text-primary);
    font-size: 1.8em;
    border-bottom: 2px solid var(--color-border-default);
    padding-bottom: 0.5em;
}

.shaped-official-prices .authority-statement {
    font-size: 0.95em;
    color: var(--color-text-primary);
    margin-bottom: 0.25em;
    font-weight: 500;
}

.shaped-official-prices .updated-timestamp {
    color: var(--color-text-muted);
    font-size: 0.9em;
    margin-bottom: 1.5em;
}

.official-prices-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--color-surface-white);
    box-shadow: var(--shadow-md);
}

.official-prices-table th {
    background: var(--color-surface-page-black, #333333);
    color: var(--color-text-inverse);
    padding: 12px;
    text-align: left;
    font-weight: 600;
}

.official-prices-table td {
    padding: 12px;
    border-bottom: 1px solid var(--color-border-default);
}

.official-prices-table tr:last-child td {
    border-bottom: none;
}

.official-prices-table tr:hover {
    background: var(--color-surface-alt);
}

.shaped-official-prices .quotable-prices {
    margin-top: 1.5em;
    font-size: 0.95em;
    color: var(--color-text-primary);
}

.shaped-official-prices .quotable-prices p {
    margin: 0.3em 0;
}

.shaped-official-prices .disclaimer {
    margin-top: 1.5em;
    padding: 1em;
    background: var(--note-bg);
    border-left: 4px solid var(--note-border);
    color: var(--note-text);
}

.shaped-official-prices .disclaimer p {
    margin: 0.5em 0;
}

.shaped-official-prices .disclaimer p:first-child {
    margin-top: 0;
}

.shaped-official-prices .disclaimer p:last-child {
    margin-bottom: 0;
}