/* percentage-calculator: styles only it uses, split out of site.css by scripts/split-css.mjs. */
.pct-grid { display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); }
.pct-card h2 { font-size: 1.08rem; }
.pct-form { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--slate); font-weight: 500; }
.pct-form input { width: 110px; }
.pct-form select { width: auto; }
.pct-result {
    margin: 16px 0 0; padding: 12px 16px; border-radius: var(--r-control);
    background: var(--ink); color: #fff; font-family: var(--display); font-weight: 700; font-size: 1.25rem; font-variant-numeric: tabular-nums;
}