/*
 * MECHART Typography v1
 * ONLY font-size is overridden in this file.
 * No layout, spacing, color, weight, line-height, position or behavior changes.
 */

/* ---------- Global baseline ---------- */
body {
    font-size: 14px !important;
}

/* ---------- Top bar / brand / account ---------- */
.brand strong {
    font-size: 16px !important;
}
.brand small {
    font-size: 10px !important;
}
.search-box,
.search-box input,
.control-select {
    font-size: 13px !important;
}
.search-box kbd {
    font-size: 10px !important;
}
.profile-copy strong,
.profile-dropdown-head strong {
    font-size: 12px !important;
}
.profile-copy small,
.profile-dropdown-head small {
    font-size: 10px !important;
}
.profile-chevron {
    font-size: 12px !important;
}
.profile-dropdown-item {
    font-size: 12px !important;
}
.profile-dropdown-item small {
    font-size: 9px !important;
}

/* ---------- Main left navigation ---------- */
.nav-item,
.market-category,
.item-button {
    font-size: 13px !important;
}
.beta-badge,
.coming-soon-badge {
    font-size: 9px !important;
}
.favorite-section h2,
.favorite-section-head h2 {
    font-size: 11px !important;
}
.favorite-count {
    font-size: 10px !important;
}
.favorite-list,
.favorite-list button,
.empty-favorites {
    font-size: 11px !important;
}
.sidebar-ad span,
.ad-slot span,
.ad-card span,
.ad-panel .ad-label {
    font-size: 9px !important;
}
.sidebar-ad strong,
.ad-slot strong,
.ad-card strong,
.ad-panel strong {
    font-size: 12px !important;
}
.sidebar-ad small,
.ad-slot small,
.ad-card small,
.ad-panel small,
.ad-size {
    font-size: 10px !important;
}

/* ---------- Secondary item menu ---------- */
.market-secondary-head small,
.flyout-head small {
    font-size: 9px !important;
}
.market-secondary-head strong,
.flyout-head strong {
    font-size: 13px !important;
}
.market-secondary-close {
    font-size: 18px !important;
}

/* ---------- Home dashboard ---------- */
.home-search-field input {
    font-size: 15px !important;
}
.home-popular-label,
.home-popular-list,
.home-popular-list span,
.home-popular-list i {
    font-size: 11px !important;
}
.home-summary-heading small {
    font-size: 10px !important;
}
.home-summary-heading h2 {
    font-size: 17px !important;
}
.home-summary-badge {
    font-size: 9px !important;
}
.home-metric-card dt {
    font-size: 11px !important;
}
.home-metric-card dd {
    font-size: 19px !important;
}
.home-summary-tab {
    font-size: 12px !important;
}
.home-ranking-list,
.home-ranking-list li {
    font-size: 12px !important;
}

/* ---------- Item detail / chart ---------- */
.item-title-block h1,
#selected-item {
    font-size: 22px !important;
}
.item-title-block p {
    font-size: 12px !important;
}
.headline-price strong,
#current-price {
    font-size: 24px !important;
}
.headline-price span,
#change-rate {
    font-size: 12px !important;
}
.range-buttons button,
.chart-legend,
.event-toggle {
    font-size: 11px !important;
}
.stat-card > span {
    font-size: 11px !important;
}
.stat-card > strong {
    font-size: 18px !important;
}
.stat-card > small {
    font-size: 10px !important;
}
.section-heading h2 {
    font-size: 17px !important;
}
.section-heading button {
    font-size: 11px !important;
}
.event-card-head strong {
    font-size: 13px !important;
}
.event-card small {
    font-size: 10px !important;
}
.event-card p {
    font-size: 12px !important;
}

/* ---------- Right sidebar cards ---------- */
.panel-title strong {
    font-size: 14px !important;
}
.panel-title small,
.pro-badge {
    font-size: 9px !important;
}
.prediction-box span,
.portfolio-total span {
    font-size: 10px !important;
}
.prediction-box strong,
.portfolio-total strong {
    font-size: 14px !important;
}
.prediction-box small,
.portfolio-total small,
.notice {
    font-size: 10px !important;
}
.feature-list {
    font-size: 11px !important;
}
.primary-button,
.secondary-button {
    font-size: 12px !important;
}

/* ---------- Calendar ---------- */
.eyebrow {
    font-size: 10px !important;
}
.calendar-toolbar h1,
.portfolio-heading h1 {
    font-size: 22px !important;
}
.calendar-toolbar p,
.portfolio-heading p {
    font-size: 12px !important;
}
.calendar-actions button,
.calendar-actions strong {
    font-size: 12px !important;
}
.calendar-weekdays {
    font-size: 11px !important;
}
.calendar-grid {
    font-size: 11px !important;
}
.upcoming-events-header h2 {
    font-size: 16px !important;
}
.upcoming-events-count {
    font-size: 10px !important;
}
.upcoming-events-list {
    font-size: 12px !important;
}

/* ---------- Portfolio ---------- */
.portfolio-heading .eyebrow {
    font-size: 10px !important;
}
.heading-actions button {
    font-size: 12px !important;
}
.summary-card span,
.fee-card-head span {
    font-size: 10px !important;
}
.summary-card strong {
    font-size: 18px !important;
}
.summary-card small,
.fee-card-head small,
.fee-card p {
    font-size: 10px !important;
}
.fee-switch button strong {
    font-size: 13px !important;
}
.fee-switch button small {
    font-size: 9px !important;
}
.section-head h2,
.section-head.compact h2 {
    font-size: 16px !important;
}
.section-head p,
.section-head.compact p,
.section-profit span {
    font-size: 10px !important;
}
.section-profit strong {
    font-size: 14px !important;
}
.allocation-legend,
.profit-status-stats span {
    font-size: 10px !important;
}
.profit-status-stats strong {
    font-size: 16px !important;
}
.asset-table,
.sales-history-table {
    font-size: 11px !important;
}
.asset-identity strong,
.asset-name {
    font-size: 12px !important;
}
.asset-identity small,
.asset-category {
    font-size: 9px !important;
}
.return-badge,
.ai-badge {
    font-size: 10px !important;
}
.asset-empty h3 {
    font-size: 15px !important;
}
.asset-empty p,
.asset-footer,
.pagination {
    font-size: 10px !important;
}
.realized-panel,
.realized-summary span,
.performance-tab {
    font-size: 11px !important;
}
.realized-summary strong {
    font-size: 15px !important;
}

/* ---------- Portfolio form / modals ---------- */
.form-field > span,
.sell-fee-selector legend {
    font-size: 11px !important;
}
.form-field input,
.form-field textarea,
.quantity-stepper input,
.portfolio-search-control input,
.input-with-unit input {
    font-size: 13px !important;
}
.field-help,
.field-error,
.register-tip,
.maple-point-entry-head small {
    font-size: 10px !important;
}
.submit-asset {
    font-size: 13px !important;
}
.maple-point-entry-badge,
.transaction-mode-badge {
    font-size: 9px !important;
}
.maple-point-preview,
.sell-preview,
.exchange-policy-card {
    font-size: 11px !important;
}
.transaction-modal-heading h2,
.feature-status-card h2 {
    font-size: 19px !important;
}
.sell-asset-summary span,
.sell-owned-quantity,
.feature-status-card p {
    font-size: 11px !important;
}
.sell-asset-summary strong {
    font-size: 14px !important;
}

/* ---------- Authentication modal ---------- */
.auth-brand strong {
    font-size: 14px !important;
}
.auth-brand small {
    font-size: 9px !important;
}
.auth-heading h2 {
    font-size: 20px !important;
}
.auth-heading p {
    font-size: 12px !important;
}
.auth-field > span {
    font-size: 11px !important;
}
.auth-input,
.auth-code-input {
    font-size: 13px !important;
}
.auth-field-help,
.auth-field-error,
.auth-inline-message,
.auth-message {
    font-size: 10px !important;
}
.auth-primary,
.auth-google,
.auth-switch-copy,
.auth-forgot-password,
.auth-resend {
    font-size: 12px !important;
}
.auth-resend-timer {
    font-size: 10px !important;
}

/* ---------- Information pages ---------- */
.info-page .eyebrow {
    font-size: 10px !important;
}
.info-page h1 {
    font-size: 24px !important;
}
.info-page > p,
.info-page li,
.info-block p,
.contact-card p {
    font-size: 13px !important;
}
.info-block h3 {
    font-size: 15px !important;
}
.contact-card strong {
    font-size: 14px !important;
}

/* ---------- Footer ---------- */
.site-footer,
.footer-links a,
.footer-links span {
    font-size: 11px !important;
}
.footer-copy {
    font-size: 10px !important;
}

/* ---------- Mobile: preserve the same hierarchy, only slightly tighter ---------- */
@media (max-width: 640px) {
    body {
        font-size: 13px !important;
    }

    .item-title-block h1,
    #selected-item,
    .calendar-toolbar h1,
    .portfolio-heading h1 {
        font-size: 20px !important;
    }

    .headline-price strong,
    #current-price {
        font-size: 22px !important;
    }

    .info-page h1 {
        font-size: 22px !important;
    }

    .home-search-field input {
        font-size: 14px !important;
    }
}