/* 複利計算機頁專用樣式；共用元件沿用 site.css */
.ci-jump { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.ci-jump a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border: 2px solid var(--brand); border-radius: 10px; font-weight: 600; text-decoration: none; }
.calc .qr-field input[type=text], .calc .qr-field select { min-width: 0; max-width: 100%; }
.ci-chart { display: block; width: 100%; height: auto; max-width: 640px; margin: 8px 0; }
.ci-bar-inv { fill: #7c93d6; }
.ci-bar-gain { fill: #e8932e; }
.ci-axis { font-size: 11px; fill: #555; }
.ci-base { stroke: #999; stroke-width: 1; }
.ci-legend { font-size: .95rem; margin: 4px 0 8px; }
.ci-sw { display: inline-block; width: 12px; height: 12px; border-radius: 2px; vertical-align: -1px; margin-right: 4px; }
.ci-sw-inv { background: #7c93d6; }
.ci-sw-gain { background: #e8932e; }
.ci-sched { margin: 12px 0; }
.ci-sched summary { cursor: pointer; font-weight: 600; min-height: 44px; display: flex; align-items: center; color: var(--brand); }
.ci-sched .table-scroll { max-height: 420px; overflow: auto; border: 1px solid var(--line); border-radius: 8px; }
.ci-sched table { border-collapse: collapse; width: 100%; min-width: 420px; font-size: .95rem; }
.ci-sched th, .ci-sched td { border-bottom: 1px solid var(--line); padding: 6px 10px; text-align: right; white-space: nowrap; }
.ci-sched thead th { position: sticky; top: 0; background: var(--soft); }
.ci-sched th:first-child, .ci-sched td:first-child { text-align: center; }
@media (max-width: 480px) { .calc-grid { grid-template-columns: 1fr; } }