.posting-group {
  margin: 1.4rem 0;
}

.posting-label {
  margin-bottom: .55rem !important;
  color: var(--color-heading, #15171b) !important;
  font-size: .82rem;
  font-weight: 700;
}

.posting-options {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.posting-options span,
.posting-option {
  border: 1px solid var(--color-border, #e5e5e7);
  border-radius: 6px;
  background: #fff;
  color: var(--color-muted, #71717a);
  padding: .4rem .65rem;
  font-size: .87rem;
  line-height: 1;
}

.posting-option {
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, color .2s ease;
}

.posting-option:hover,
.posting-option.is-active {
  border-color: var(--color-blue, #173d6f);
  background: var(--color-blue, #173d6f);
  color: #fff;
}

.calculator-layout {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr);
  gap: 1.5rem;
  align-items: start;
}

.calculator-panel,
.calculator-result {
  border: 1px solid var(--color-border, #e5e5e7);
  border-radius: 14px;
  background: var(--color-surface, #fff);
  box-shadow: var(--shadow-soft, 0 1px 4px rgba(30, 30, 30, .04));
  padding: 1.5rem;
}

.calculator-panel {
  display: grid;
  gap: 1.25rem;
}

.calculator-panel label,
.calculator-panel fieldset {
  display: grid;
  gap: .6rem;
  margin: 0;
  color: var(--color-heading, #15171b);
  font-size: .95rem;
  font-weight: 600;
}

.calculator-panel fieldset {
  border: 0;
  padding: 0;
}

.calculator-panel legend {
  margin-bottom: .55rem;
  color: var(--color-heading, #15171b);
  font-weight: 700;
}

.calculator-panel fieldset label {
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: .55rem;
  color: var(--color-text, #242529);
  font-weight: 500;
}

.calculator-panel input:not([type="checkbox"]),
.calculator-panel select {
  width: 100%;
  border: 1px solid var(--color-border, #e5e5e7);
  border-radius: 8px;
  background: #fff;
  padding: .82rem .9rem;
  color: var(--color-heading, #15171b);
}

.calculator-presets {
  margin-top: -.4rem;
}

.calculator-result {
  position: sticky;
  top: 110px;
}

.calculator-total {
  margin: .5rem 0;
  color: var(--color-blue, #173d6f);
  font-size: clamp(2.2rem, 6vw, 3.5rem);
  font-weight: 800;
  line-height: 1;
}

.calculator-result p:not(.section-eyebrow) {
  color: var(--color-muted, #71717a);
}

.calculator-result .btn {
  width: 100%;
  margin-top: 1rem;
}

.cost-options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.calc-output {
  display: block;
  border-radius: 10px;
  background: var(--color-soft, #f4f4f5);
  padding: 1rem;
  color: var(--color-heading, #15171b);
  font-weight: 700;
}

@media (max-width: 980px) {
  .calculator-layout {
    grid-template-columns: 1fr;
  }

  .calculator-result {
    position: static;
  }
}

@media (max-width: 720px) {
  .cost-options {
    grid-template-columns: 1fr;
  }
}