/* 逆算計算機 ページ専用CSS。共通は common.css / module.css を利用。 */
.card.card--gold{background:#fdf7ec;border-color:var(--accent);border-width:1.5px;}
.card.card--gold .v{color:var(--accent);}
.gyaku-form .grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));max-width:660px;}
.gyaku-form .field label{line-height:1.4;}
.t-hint{font-size:12px;color:var(--muted);line-height:1.7;margin:2px 0 0;}
#realNote{font-size:12.5px;color:var(--muted);line-height:1.7;margin:8px 0 0;}
.tbl-strong{font-weight:800;color:var(--navy);}

/* グラフ */
.ch-svg{width:100%;height:auto;display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px;}
.ch-grid{stroke:#e7edf3;stroke-width:1;}
.ch-ylab{fill:var(--muted);font-size:11px;text-anchor:end;font-family:inherit;}
.ch-xlab{fill:var(--muted);font-size:11px;text-anchor:middle;font-family:inherit;}
.ch-principal{fill:#d3e3f2;}
.ch-gain{fill:#e7c98a;opacity:.92;}
.ch-line{fill:none;stroke:var(--accent);stroke-width:2;}
.ch-goal{stroke:var(--neg);stroke-width:1.5;stroke-dasharray:5 4;}
.ch-goal-lab{fill:var(--neg);font-size:11px;font-weight:800;text-anchor:end;font-family:inherit;}
.ch-legend{display:flex;gap:18px;justify-content:center;margin:8px 0 0;font-size:12px;color:var(--ink);}
.ch-legend span{display:inline-flex;align-items:center;gap:6px;}
.ch-sw{width:14px;height:12px;border-radius:3px;display:inline-block;}
.ch-sw-p{background:#d3e3f2;}
.ch-sw-g{background:#e7c98a;}
.ch-note{font-size:11.5px;color:var(--muted);margin:6px 0 0;text-align:center;}