/* ——— Paid Media (Modern Dashboard) ——— */
        .ads-page-title { font-size: var(--text-2xl); font-weight: 700; color: var(--text-primary); margin: 0 0 var(--space-4); letter-spacing: -0.03em; }
        .ads-page-tagline { font-size: var(--text-sm); color: var(--text-tertiary); margin: 0; line-height: 1.5; }
        .ads-dm-layout {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: var(--space-24);
            margin-bottom: var(--space-24);
        }
        .ads-dm-left { display: flex; flex-direction: column; gap: var(--space-20); }
        .ads-dm-right { display: flex; flex-direction: column; gap: var(--space-20); }
        /* Reusable metric card: .ads-metric-card with --_accent, .ads-metric-card-header (title + optional .ads-metric-card-meta + icon), .ads-metric-card-value, .ads-metric-card-trend */
        .ads-metrics-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
            margin-bottom: 32px;
        }
        .ads-metric-card {
            background: var(--surface);
            border: 1px solid var(--border);
            border-radius: 14px;
            padding: 16px 16px 14px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.06), 0 0 1px rgba(0,0,0,0.08);
            display: flex;
            flex-direction: column;
            gap: 8px;
            min-width: 0;
            position: relative;
            transition: box-shadow 0.25s ease, transform 0.25s ease;
            overflow: hidden;
        }
        .ads-metric-card::before {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0;
            height: 4px;
            background: var(--_accent, var(--chart-1-hex));
        }
        .ads-metric-card { cursor: pointer; }
        .ads-metric-card:hover {
            box-shadow: 0 12px 32px rgba(0,0,0,0.1), 0 0 1px rgba(0,0,0,0.08);
            transform: translateY(-3px);
        }
        .ads-metric-card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
        .ads-metric-card-title { font-size: 12px; font-weight: 500; color: var(--text-tertiary); line-height: 1.3; }
        .ads-metric-card-icon {
            width: 36px; height: 36px; border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            flex-shrink: 0;
        }
        .ads-metric-card-icon svg { width: 16px; height: 16px; stroke: currentColor; }
        .ads-metric-card-icon { color: var(--_accent, var(--chart-1-hex)); }
        .ads-metric-card-value { font-size: 24px; font-weight: 700; color: var(--foreground); line-height: 1.1; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
        .ads-metric-card-trend { font-size: 12px; font-weight: 500; }
        .ads-metric-card-trend.up { color: var(--ds-forest); }
        .ads-metric-card-trend.down { color: var(--destructive); }
        .ads-metric-card-trend.neutral { color: var(--ds-muted); }
        .ads-metric-card-meta { font-size: 11px; color: var(--text-tertiary); margin-top: 2px; }
        .traffic-metrics-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-16); margin-bottom: var(--space-16); }
        .traffic-metric-card { padding: var(--space-16); min-width: 0; }
        .traffic-metric-card .ads-metric-card-value { font-size: var(--text-lg); }
        .traffic-metric-card .ads-metric-card-icon { width: 28px; height: 28px; }
        .traffic-metric-card .ads-metric-card-icon svg { width: 14px; height: 14px; }
        .traffic-metric-compare-hint { font-size: 11px; color: var(--text-tertiary, rgba(0,0,0,0.45)); margin-top: 6px; line-height: 1.35; min-height: 1.35em; }
        @media (max-width: 900px) { .traffic-metrics-grid { grid-template-columns: repeat(2, 1fr); } }
        .ov-metric-card { cursor: default; }
        .ov-metric-card:hover { transform: none; }
        .ads-dm-targets-card {
            background: var(--surface);
            border: 1px solid var(--border-soft);
            border-radius: var(--radius-xl);
            padding: var(--space-24);
            box-shadow: 0 1px 3px rgba(0,0,0,0.04);
        }
        .ads-dm-targets-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-20); }
        .ads-dm-targets-title { font-size: var(--text-base); font-weight: 700; color: var(--text-primary); }
        .ads-dm-targets-table { width: 100%; font-size: var(--text-sm); border-collapse: separate; border-spacing: 0; }
        .ads-dm-targets-table th { text-align: left; padding: var(--space-8) 0; color: var(--text-tertiary); font-weight: 600; font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; }
        .ads-dm-targets-table td { padding: var(--space-16) 0; border-bottom: 1px solid var(--border-soft); color: var(--text-primary); font-variant-numeric: tabular-nums; }
        .ads-dm-targets-table tr:last-child td { border-bottom: none; }
        .ads-dm-progress-bar { height: 6px; background: var(--muted); border-radius: 3px; overflow: hidden; min-width: 80px; }
        .ads-dm-progress-fill { height: 100%; border-radius: 3px; transition: width 0.5s var(--ease-out); }
        .ads-dm-progress-fill.high { background: linear-gradient(90deg, var(--chart-1), var(--chart-2)); }
        .ads-dm-progress-fill.mid { background: linear-gradient(90deg, var(--chart-3), var(--chart-4)); }
        .ads-dm-progress-fill.low { background: linear-gradient(90deg, var(--chart-4), var(--destructive)); }
        .ads-dm-chart-card {
            background: var(--surface);
            border: 1px solid var(--border-soft);
            border-radius: var(--radius-xl);
            padding: var(--space-24);
            box-shadow: 0 1px 3px rgba(0,0,0,0.04);
        }
        .ads-dm-chart-summary { display: flex; gap: var(--space-32); margin-bottom: var(--space-16); flex-wrap: wrap; }
        .ads-dm-chart-stat { display: flex; flex-direction: column; gap: 2px; }
        .ads-dm-chart-stat-value { font-size: var(--text-lg); font-weight: 700; color: var(--text-primary); font-variant-numeric: tabular-nums; }
        .ads-dm-chart-stat-label { font-size: 11px; font-weight: 600; color: var(--text-tertiary); text-transform: uppercase; letter-spacing: 0.05em; }
        .ads-dm-channels-card {
            background: var(--surface);
            border: 1px solid var(--border-soft);
            border-radius: var(--radius-xl);
            padding: var(--space-24);
            box-shadow: 0 1px 3px rgba(0,0,0,0.04);
        }
        .ads-dm-channels-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-20); }
        .ads-dm-channels-total { display: flex; flex-direction: column; gap: 2px; margin-bottom: var(--space-16); }
        .ads-dm-channels-total-value { font-size: var(--text-xl); font-weight: 700; color: var(--text-primary); letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
        .ads-dm-stacked-bar { height: 10px; background: var(--muted); border-radius: 5px; overflow: hidden; display: flex; margin-bottom: var(--space-20); }
        .ads-dm-stacked-segment { height: 100%; flex-shrink: 0; transition: width 0.5s var(--ease-out); }
        .ads-dm-stacked-segment:first-child { border-radius: 5px 0 0 5px; }
        .ads-dm-stacked-segment:last-child { border-radius: 0 5px 5px 0; }
        .ads-dm-channels-table { width: 100%; font-size: var(--text-sm); border-collapse: separate; border-spacing: 0; }
        .ads-dm-channels-table th { text-align: left; padding: var(--space-8) 0; color: var(--text-tertiary); font-weight: 600; font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; }
        .ads-dm-channels-table td { padding: var(--space-12) 0; border-bottom: 1px solid var(--border-soft); }
        .ads-dm-channels-table tr:last-child td { border-bottom: none; }
        .ads-dm-channel-cell { display: flex; align-items: center; gap: var(--space-12); }
        .ads-dm-channel-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; background: var(--muted); }
        .ads-dm-channel-icon img { width: 20px; height: 20px; object-fit: contain; }
        .ads-dm-channel-icon .ads-logo-fallback { font-size: 13px; font-weight: 700; color: var(--text-primary); display: none; }
        .ads-dm-targets-table .ads-dm-channel-cell { display: flex; align-items: center; gap: var(--space-12); }
        .ads-dm-channel-name { font-weight: 600; color: var(--text-primary); font-size: var(--text-sm); }
        .ads-dm-channel-pct { font-weight: 700; color: var(--text-primary); font-variant-numeric: tabular-nums; }
        .ads-dm-channel-total { color: var(--text-tertiary); font-variant-numeric: tabular-nums; }
        .ads-channel-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-12); }
        .ads-channel-card { display: flex; align-items: center; gap: var(--space-12); padding: var(--space-12); background: var(--surface); border: 1px solid var(--border-soft); border-radius: var(--radius-lg); transition: border-color 0.2s, box-shadow 0.2s; }
        .ads-channel-card:hover { border-color: var(--border); box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
        .ads-channel-card.muted { opacity: 0.5; }
        .ads-channel-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
        .ads-channel-info { min-width: 0; }
        .ads-channel-name { font-size: var(--text-sm); font-weight: 600; color: var(--text-primary); }
        .ads-channel-meta { font-size: var(--text-xs); color: var(--text-tertiary); margin-top: 2px; }
        .ads-insights-compact { display: flex; flex-direction: column; gap: var(--space-8); max-height: 260px; overflow-y: auto; }
        .ads-insights-compact .insight-item { padding: var(--space-12) var(--space-16); margin: 0; border-radius: var(--radius); font-size: var(--text-sm); line-height: 1.5; }
        .ads-insights-compact .insight-item.error { background: rgba(197,48,48,0.06); border-left: 3px solid var(--destructive); }
        .ads-insights-compact .insight-item.warning { background: rgba(180,83,9,0.06); border-left: 3px solid var(--warning); }
        .ads-insights-compact .insight-item.success { background: var(--accent-soft); border-left: 3px solid var(--chart-1-hex); }
        .ads-insights-compact .insight-item.info { background: rgba(60,131,111,0.08); border-left: 3px solid var(--ds-sage); }
        .ads-channel-badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap; }
        #ga-campaigns-table { border-collapse: separate; border-spacing: 0; }
        #ga-campaigns-table thead th { position: sticky; top: 0; z-index: 2; background: var(--muted); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-tertiary); padding: 12px 16px; border-bottom: 2px solid var(--border); white-space: nowrap; }
        #ga-campaigns-table tbody td { padding: 14px 16px; font-size: 13px; border-bottom: 1px solid var(--border-soft); vertical-align: middle; }
        #ga-campaigns-table tbody tr.ads-campaign-row:hover { background: rgba(0,0,0,0.02); }
        #ga-campaigns-table tbody tr.ads-campaign-row:nth-child(even) { background: rgba(0,0,0,0.01); }
        #ga-campaigns-table tbody tr.ads-campaign-row:nth-child(even):hover { background: rgba(0,0,0,0.03); }
        #ga-campaigns-table .ads-campaign-name-cell { font-weight: 500; color: var(--text-primary); max-width: 280px; min-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
        #ga-campaigns-table .ads-campaign-name-cell.expanded { max-width: none; white-space: normal; word-break: break-word; overflow: visible; }
        #ga-campaigns-table td:nth-child(3) { min-width: 100px; white-space: nowrap; }
        #ga-campaigns-table .ads-num { font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
        #ga-campaigns-table th.ads-campaign-sort { cursor: pointer; user-select: none; }
        #ga-campaigns-table th.ads-campaign-sort:hover { color: var(--accent); }
        #ga-campaigns-table th.ads-campaign-sort .sort-icon { opacity: 0.4; margin-left: 4px; }
        #ga-campaigns-table th.ads-campaign-sort.sorted-asc .sort-icon::after { content: '↑'; opacity: 1; }
        #ga-campaigns-table th.ads-campaign-sort.sorted-desc .sort-icon::after { content: '↓'; opacity: 1; }
        .ads-campaigns-table-wrapper { max-height: 480px; overflow-y: auto; overflow-x: auto; }
        #ga-campaigns-table { min-width: 900px; }
        .ads-campaign-item:last-child { border-bottom: none; }
        .ads-campaign-icon { width: 36px; height: 36px; border-radius: 10px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 16px; }
        .ads-campaign-name { font-weight: 600; color: var(--text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; }
        .ads-campaign-spend { color: var(--text-primary); margin-left: auto; font-weight: 600; font-variant-numeric: tabular-nums; font-size: var(--text-sm); }
        .ads-kpi-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: var(--space-24); align-items: start; }
        .ads-kpi-group { background: var(--surface-container); border-radius: var(--radius-lg); padding: var(--space-24); }
        .ads-kpi-group-title { font-size: 11px; font-weight: 700; color: var(--text-tertiary); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: var(--space-12); }
        .ads-kpi-cards { display: flex; flex-direction: column; gap: var(--space-12); }
        .ads-kpi-cards .stat-card { margin-bottom: 0; }
        .ads-kpi-group-roas .stat-card.highlight { border-left-width: 4px; }
        .ads-charts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-16); }
        .ads-filter-bar { display: flex; align-items: center; gap: var(--space-12); flex-wrap: wrap; }
        .ads-filter-btn {
            display: inline-flex; align-items: center; gap: var(--space-8);
            padding: 8px 16px;
            font-size: var(--text-sm);
            font-weight: 500;
            color: var(--text-secondary);
            background: var(--surface);
            border: 1px solid var(--border-soft);
            border-radius: 20px;
            cursor: pointer;
            transition: all 0.2s var(--ease-out);
        }
        .ads-filter-btn:hover { border-color: var(--sidebar-primary); color: var(--sidebar-primary); background: var(--accent-soft); }
        .ads-filter-btn.active { border-color: var(--sidebar-primary); background: var(--accent-soft); color: var(--sidebar-primary); font-weight: 600; }
        .ads-filter-btn svg { width: 15px; height: 15px; }
        .ads-period-select {
            padding: 8px 36px 8px 16px;
            font-size: var(--text-sm);
            font-weight: 500;
            color: var(--text-primary);
            background: var(--surface);
            border: 1px solid var(--border-soft);
            border-radius: 20px;
            cursor: pointer;
            font-family: inherit;
            -webkit-appearance: none;
            appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 12px center;
            transition: all 0.2s var(--ease-out);
        }
        .ads-period-select:hover { border-color: var(--sidebar-primary); }
        .ads-period-select:focus { outline: none; border-color: var(--sidebar-primary); box-shadow: 0 0 0 3px var(--accent-soft); }
        .ads-show-all { font-size: var(--text-xs); font-weight: 600; color: var(--sidebar-primary); background: none; border: none; cursor: pointer; padding: 4px 10px; border-radius: 14px; transition: background 0.15s; }
        .ads-show-all:hover { background: var(--accent-soft); }
        .ads-filter-panel {
            display: flex; align-items: center; gap: 20px; flex-wrap: wrap;
            padding: 14px 20px;
            background: var(--surface);
            border-radius: 12px;
            border: 1px solid var(--border);
            margin-top: 12px;
            width: 100%;
            box-shadow: 0 4px 16px rgba(0,0,0,0.06);
        }
        .ads-filter-panel[style*="display:flex"] { display: flex !important; }
        .ads-filter-panel .date-picker-row { gap: var(--space-8); }
        .ads-filter-panel .period-toggle { gap: var(--space-8); }
        .ads-section-meta { margin: 0 0 var(--space-12); font-size: var(--text-xs); color: var(--text-tertiary); }
        .ads-section-title-row { display: flex; align-items: center; justify-content: space-between; gap: var(--space-12); flex-wrap: wrap; }
        .ads-filter-label { display: flex; align-items: center; gap: var(--space-8); font-size: var(--text-sm); color: var(--text-muted); }
        .ads-filter-select { border: 1px solid var(--border); border-radius: 14px; padding: 5px 12px; background: var(--surface); color: var(--text); font-size: var(--text-xs); font-family: inherit; transition: border-color 0.15s; }
        .ads-filter-select:hover { border-color: var(--sidebar-primary); }
        .ads-channel-card-muted { opacity: 0.5; }
        .ads-channel-card-muted .stat-value { color: var(--text-tertiary) !important; }
        .ads-skeleton { background: linear-gradient(90deg, var(--muted) 25%, var(--surface) 50%, var(--muted) 75%); background-size: 200% 100%; animation: ads-skeleton-shimmer 1.8s ease-in-out infinite; border-radius: var(--radius-lg); }
        @keyframes ads-skeleton-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
        .ads-table-wrapper { overflow-x: auto; max-height: 420px; overflow-y: auto; border-radius: var(--radius-lg); }
        .ads-table-wrapper::-webkit-scrollbar { width: 6px; height: 6px; }
        .ads-table-wrapper::-webkit-scrollbar-track { background: transparent; }
        .ads-table-wrapper::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
        .ads-table-wrapper::-webkit-scrollbar-thumb:hover { background: var(--muted-foreground); }
        .ads-table-wrapper table { position: relative; min-width: 800px; border-collapse: separate; border-spacing: 0; }
        .ads-table-wrapper thead th { position: sticky; top: 0; background: var(--surface); z-index: 1; box-shadow: 0 1px 0 var(--border-soft); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-tertiary); padding: var(--space-12) var(--space-16); white-space: nowrap; }
        .ads-table-wrapper thead th.ads-num { text-align: right; }
        .ads-table-wrapper tbody td { padding: var(--space-12) var(--space-16); font-variant-numeric: tabular-nums; font-size: var(--text-sm); }
        .ads-table-wrapper tbody tr { transition: background 0.12s; }
        .ads-table-wrapper tbody tr:nth-child(even) { background: rgba(0,0,0,0.015); }
        .ads-table-wrapper tbody tr:hover { background: var(--accent-soft) !important; }
        .ads-table-wrapper .ads-col-primary { font-weight: 600; color: var(--text-primary); }
        .ads-donezo-card { background: var(--surface); border: 1px solid var(--border-soft); border-radius: var(--radius-xl); padding: var(--space-24); box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
        .ads-donezo-card .card-title { margin-bottom: var(--space-16); font-size: var(--text-base); font-weight: 700; color: var(--text-primary); }
        .ads-donezo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-20); margin-bottom: var(--space-24); }
        @media (max-width: 1024px) {
            .ads-metrics-grid { grid-template-columns: repeat(2, 1fr); }
            .ads-dm-layout { grid-template-columns: 1fr; }
            .ads-donezo-grid { grid-template-columns: 1fr; }
            .ads-channel-grid { grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 600px) {
            .ads-metrics-grid { grid-template-columns: 1fr; }
        }
        @media (max-width: 768px) {
            .ads-channel-grid { grid-template-columns: 1fr; }
        }
        @media (max-width: 900px) {
            .ads-kpi-grid { grid-template-columns: 1fr; }
            .ads-charts-grid { grid-template-columns: 1fr; }
        }
        @media (min-width: 900px) { .overview-grid { grid-template-columns: repeat(4, 1fr); } }
        @media (max-width: 600px) { .overview-grid { grid-template-columns: 1fr; } }
        .main .overview-card {
            background: var(--surface);
            border: 1px solid var(--border-soft);
            border-radius: var(--radius-lg);
            padding: var(--space-16);
            cursor: pointer;
            transition: transform 0.3s var(--ease-spring), box-shadow 0.3s var(--ease-out), border-color 0.2s;
            box-shadow: var(--elevation-1);
        }
        .main .overview-card:first-child {
            border-left: 4px solid var(--forest-600);
            box-shadow: var(--elevation-2);
        }
        .main .overview-card:hover {
            border-color: var(--border);
            transform: translateY(-4px);
            box-shadow: var(--elevation-3);
        }
        .main .overview-card:first-child:hover {
            box-shadow: var(--elevation-3);
        }
        .main .overview-card:focus-visible {
            outline: 2px solid var(--forest-600);
            outline-offset: 2px;
        }
        .main .overview-card h3 {
            font-size: var(--text-xs);
            color: var(--text-tertiary);
            margin-bottom: var(--space-4);
            font-weight: 400;
        }
        .main .overview-card .value {
            font-size: var(--text-2xl);
            font-weight: 700;
            color: var(--text-primary);
        }
        .main .overview-card > .value:first-of-type {
            font-size: var(--text-2xl);
            font-weight: 700;
        }
        .main .overview-card .overview-value-secondary {
            font-size: var(--text-base);
            font-weight: 400;
            margin-top: var(--space-8);
        }
        .main .overview-card .meta {
            font-size: var(--text-xs);
            color: var(--text-tertiary);
            margin-top: var(--space-4);
        }
        @media (prefers-reduced-motion: reduce) {
            .nav-item, .main .overview-card, .main .stat-card, .main .card { transition: none; }
            .nav-item:hover { transform: none; }
            .main .overview-card:hover, .main .stat-card:hover { transform: none; }
        }
        /* Icons (simple SVG placeholders) */
        .icon-traffic { color: var(--primary); }
        .icon-ads { color: var(--forest-500); }
        .icon-fulfillment { color: var(--success); }
        .icon-rithum { color: var(--forest-500); }
        .stat-card.clickable { cursor: pointer; }
        .stat-card.clickable:active { transform: translateY(0); }
        #calc-modal { display: none; position: fixed; inset: 0; z-index: 10000; background: rgba(45,107,90,0.88); align-items: center; justify-content: center; padding: var(--space-24); }
        #calc-modal.open { display: flex; }
        #calc-modal .modal-box { background: var(--surface); border-radius: var(--radius-lg); max-width: 420px; width: 100%; max-height: 85vh; overflow-y: auto; box-shadow: var(--shadow-xl); }
        #calc-modal .modal-header { padding: var(--space-20); border-bottom: 1px solid var(--border-soft); display: flex; justify-content: space-between; align-items: center; }
        #calc-modal .modal-title { font-size: var(--text-lg); font-weight: 700; margin: 0; }
        #calc-modal .modal-close { background: none; border: none; cursor: pointer; padding: 4px; color: var(--text-muted); font-size: 24px; line-height: 1; }
        #calc-modal .modal-body { padding: var(--space-20); }
        #calc-modal .calc-row { display: flex; justify-content: space-between; padding: var(--space-8) 0; border-bottom: 1px solid var(--border-soft); font-size: var(--text-sm); }
        #calc-modal .calc-row:last-child { border-bottom: none; }
        #calc-modal .calc-row.total { font-weight: 700; margin-top: var(--space-8); padding-top: var(--space-12); border-top: 2px solid var(--border); }
        #calc-modal .calc-formula { font-size: var(--text-xs); color: var(--text-tertiary); margin-top: var(--space-12); }