/* 兒童生長曲線百分位查詢 */
#gc-form [hidden], .gc-chart-box [hidden] { display: none !important; }
#gc-form .calc-radios { border: 0; padding: 0; margin: 10px 0; }
.gc-grid3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 560px) { .gc-grid3 { grid-template-columns: 1fr; } }
.gc-table th { width: 38%; vertical-align: top; }
.gc-table td strong { font-size: 1.15rem; }
.gc-table td small { color: var(--muted); font-size: .95rem; }
.gc-judge { margin: .35rem 0 0; font-size: 1rem; line-height: 1.6; padding-left: 10px; border-left: 4px solid var(--line); }
.gc-judge.gc-ok { border-color: var(--ok); }
.gc-judge.gc-low, .gc-judge.gc-high { border-color: var(--warn); color: #7c2d12; }
.gc-judge.gc-flag { border-color: var(--bad); color: var(--bad); }
.gc-adj { margin: .35rem 0 0; font-size: .95rem; color: var(--muted); }
.gc-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-top: 10px; }
.gc-actions .hint { margin: 0; }
.gc-chart-box { margin-top: 16px; }
.gc-chart-title { margin-top: 0; }
.gc-tabs { grid-template-columns: repeat(3, 1fr); }
.gc-range { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; }
.gc-range .btn[aria-pressed="true"] { border-color: var(--brand); background: #eff4ff; color: var(--brand); }
.gc-svg { display: block; width: 100%; height: auto; background: #fff; border: 1px solid var(--line); border-radius: 10px; }
.gc-grid line { stroke: #e6e8ec; stroke-width: 1; }
.gc-grid text { fill: var(--muted); font-size: 17px; }
.gc-grid .gc-axis { font-size: 16px; fill: var(--muted); }
.gc-curve { fill: none; stroke-width: 2; }
.gc-p50 { stroke: #15803d; fill: #15803d; }
.gc-p15, .gc-p85 { stroke: #ca8a04; fill: #ca8a04; }
.gc-p3, .gc-p97 { stroke: #dc2626; fill: #dc2626; }
.gc-curve.gc-p50 { fill: none; }
.gc-curve.gc-p15, .gc-curve.gc-p85, .gc-curve.gc-p3, .gc-curve.gc-p97 { fill: none; }
.gc-clabel { font-size: 16px; font-weight: 700; stroke: none; }
/* 手機：SVG 約縮成一半，字級加倍讓實際顯示約 11–12px */
@media (max-width: 560px) {
  .gc-grid text { font-size: 25px; }
  .gc-grid .gc-axis { font-size: 23px; }
  .gc-clabel { font-size: 24px; }
}
.gc-trendline { fill: none; stroke: var(--brand); stroke-width: 2; stroke-dasharray: 5 4; }
.gc-pt { fill: #fff; stroke: var(--brand); stroke-width: 2.5; }
.gc-pt-cur { fill: var(--brand); }
.gc-rec-table td, .gc-rec-table th { white-space: nowrap; font-size: .95rem; }
.gc-trend { color: #7c2d12; }