/* --- Mobile-First UI Enhancements --- */

/* 響應式字體大小變數 */
:root {
    --text-xs: 0.75rem;   /* 12px */
    --text-sm: 0.875rem;  /* 14px */
    --text-base: 1rem;      /* 16px */
    --text-lg: 1.125rem;  /* 18px */
    --text-xl: 1.25rem;   /* 20px */
    --text-2xl: 1.5rem;   /* 24px */
    --text-3xl: 1.875rem; /* 30px */
    --text-4xl: 2.25rem;  /* 36px */
}

/* 功能區塊容器基礎樣式 */
.feature-section {
    @apply border-4 shadow-lg rounded-2xl p-4 sm:p-6 md:p-8 mb-12;
}

.feature-section-investment {
    @apply border-theme-investment-500 bg-theme-investment-50;
}

.feature-section-buyback {
    @apply border-theme-buyback-500 bg-theme-buyback-50;
}

.feature-section-neutral {
    @apply border-theme-neutral-300 bg-theme-neutral-50;
}

/* 標題樣式 */
.feature-title {
    @apply text-2xl sm:text-3xl font-bold border-b-4 pb-3 mb-6 flex items-center gap-4;
}

/* 按鈕最小觸控目標 */
.btn-touch-target {
    min-height: 48px;
    @apply w-full sm:w-auto;
}

/* 表格響應式容器 */
.table-responsive-container {
    @apply overflow-x-auto;
}

.table-responsive-container > table {
    min-width: 640px;
    @apply w-full;
}