.calculator-site-nav { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; padding: 17px max(20px, calc((100% - 836px) / 2)); background: #1c2733; border-bottom: 3px solid #c0392b; font-size: 13px; }
.calculator-site-nav a { color: #f5f0e8; text-decoration: none; font-weight: 600; }
.calculator-site-nav a:hover { text-decoration: underline; }
.header, .summary { background: linear-gradient(135deg, #1c2733, #2c3e50); }
.header { border-radius: 7px; }
.state-btn.active, .add-btn { background: #1c2733; border-color: #1c2733; }
.state-btn.active:hover, .add-btn:hover { background: #2c3e50; }
.section h3, .upg-price { color: #1c2733; }
.pdf-btn { background: #c0392b; border-radius: 6px; }
.pdf-btn:hover { background: #962d22; }
.planning-note { padding: 13px 16px; margin-bottom: 17px; background: #eee6d9; border-left: 3px solid #c0392b; border-radius: 4px; font-size: 12px; line-height: 1.6; }
.planning-note strong { color: #1c2733; font-size: 13px; }
.planning-note p { margin-top: 4px; }
.embedded-pricer .calculator-site-nav { display: none; }
select:focus-visible, input:focus-visible, button:focus-visible, a:focus-visible { outline: 3px solid #c79c45; outline-offset: 3px; }
.field select, .field input { min-height: 38px; }
.opt-row { overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .calculator-site-nav { justify-content: center; gap: 11px 22px; padding: 14px 15px; font-size: 12px; }
  .grid-opts, .grid-custom { gap: 10px; }
  .grid-custom > div:last-child { grid-column: 1 / -1; }
  .grid-custom .add-btn { margin-top: 2px; }
  .opt-row { align-items: start; }
  .opt-acts { gap: 6px; }
}