/* 股利所得稅試算頁專用樣式；共用元件沿用 site.css */
.calc .qr-field input[type=text], .calc .qr-field select { min-width: 0; max-width: 100%; }
.dt-grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 10px; }
.dt-grid3 > * { min-width: 0; }
.dt-verdict { background: #eff4ff; border: 2px solid var(--brand); border-radius: 12px; padding: 12px 16px; font-weight: 700; margin: 12px 0; font-size: 1.1rem; }
.dt-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 12px 0; }
.dt-compare > div { border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; background: var(--soft); min-width: 0; }
.dt-compare h3 { font-size: 1rem; margin: 0 0 6px; }
.dt-compare dl { margin: 0; font-size: 1rem; }
.dt-compare dt { color: var(--muted); font-size: .9rem; }
.dt-compare dd { margin: 0 0 6px; font-weight: 600; overflow-wrap: anywhere; }
.calc-notes { font-size: .95rem; padding-left: 1.2rem; }
.dt-eg { width: 100%; }
@media (max-width: 480px) {
  .calc-grid { grid-template-columns: 1fr; }
  .dt-compare { grid-template-columns: 1fr; }
  .dt-grid3 { grid-template-columns: 1fr; }
}