/* Оформление только продвинутого калькулятора. Палитра и шрифты из beta.css. */
.freedom-page.fx-guided {
  --fx-orange: var(--orange); --fx-ink: var(--text); --fx-muted: #62666a;
  --fx-line: var(--line); --fx-surface: var(--white); --fx-soft: var(--paper);
  --fx-accent-text: #934617;
  background: var(--paper); color: var(--fx-ink);
  font: 400 16px/1.65 Inter, Roboto, sans-serif; padding-bottom: 0;
}
.fx-guided h1, .fx-guided h2, .fx-guided h3, .fx-guided summary,
.fx-guided .fx-field-top > label, .fx-guided .fx-switch legend {
  font-family: Montserrat, sans-serif;
}
.fx-guided .fx-hero {
  background-color: var(--dark); color: var(--white);
  background-image: linear-gradient(#ffffff09 1px, transparent 1px), linear-gradient(90deg, #ffffff09 1px, transparent 1px);
  background-size: 32px 32px; padding: 45px 0 65px; border-color: #4b5055;
}
.fx-guided .fx-hero h1 {
  font: 300 clamp(44px,5.3vw,78px)/1.07 Montserrat, sans-serif;
  letter-spacing: -.045em; max-width: 1060px; text-wrap: balance;
}
.fx-guided .fx-hero .fx-lead {font-size:20px;line-height:1.65;color:#ddd;max-width:850px}
.fx-guided .fx-back {color:#b0b0b0}
.fx-guided .fx-eyebrow {font-size:12px;font-weight:600;letter-spacing:.14em;margin:28px 0 24px}
.fx-guided .fx-guide-wrap {padding-top:60px;padding-bottom:80px}
.fx-guided .fx-panel {background:var(--fx-surface);color:var(--fx-ink);border-color:var(--fx-line);padding:40px}
.fx-guided .fx-intro {max-width:1040px}
.fx-guided h2, .fx-guided .fx-heading h2 {font:300 clamp(30px,3.4vw,46px)/1.18 Montserrat,sans-serif;letter-spacing:-.025em;text-wrap:balance;max-width:960px}
.fx-guided h3 {font:400 23px/1.3 Montserrat,sans-serif}
.fx-guided .fx-heading {margin-bottom:28px}
.fx-guided .fx-heading > span {font-size:12px;letter-spacing:.13em;color:var(--fx-accent-text)}
.fx-guided .fx-heading h2 {margin-top:16px}
.fx-guided .fx-intro > p, .fx-guided .fx-intro li, .fx-guided .fx-instruction,
.fx-guided .fx-conclusion p {font-size:18px;line-height:1.75}
.fx-guided .fx-note, .fx-guided .fx-privacy, .fx-guided .fx-demo,
.fx-guided .fx-field small {color:var(--fx-muted);font-size:14px;line-height:1.7}
.fx-guided .fx-intro .fx-note, .fx-guided .fx-intro .fx-privacy {font-size:14px}
.fx-guided .fx-field {background:var(--fx-soft);border-color:var(--fx-line);padding:24px}
.fx-guided .fx-field-top > label {font-size:16px;font-weight:500;line-height:1.5;color:var(--fx-ink)}
.fx-guided .fx-entry-label {color:var(--fx-muted);font-size:12px!important}
.fx-guided .fx-input {background:var(--fx-surface);border-color:#989b9c}
.fx-guided input[type=text], .fx-guided input[type=month] {background:var(--fx-surface);color:var(--fx-ink);border-color:#989b9c;color-scheme:light;font-family:Inter,Roboto,sans-serif}
.fx-guided .fx-input input {background:transparent;border:0;color:var(--fx-ink)}
.fx-guided input::placeholder {color:var(--fx-muted)}
.fx-guided .fx-input b {color:var(--fx-muted)}
.fx-guided .fx-switch legend {color:var(--fx-ink);font-size:16px;font-weight:400}
.fx-guided .fx-switch label {border-color:#989b9c;background:var(--fx-surface);color:var(--fx-ink);padding:14px 18px}
.fx-guided .fx-switch label:has(input:checked) {border-color:var(--orange);background:#e3844012}
.fx-guided .fx-button, .fx-guided .fx-step-buttons button,
.fx-guided .fx-edit-links button {
  padding:13px 25px;min-height:48px;border:2px solid var(--orange);
  font:600 13px/1.5 Inter,Roboto,sans-serif;letter-spacing:.07em;text-transform:uppercase;
  background:var(--orange);color:var(--dark);
}
.fx-guided .fx-outline, .fx-guided .fx-edit-links button {background:transparent;color:var(--fx-ink)}
.fx-guided .fx-button:hover, .fx-guided .fx-edit-links button:hover {background:var(--active);border-color:var(--active);color:white}
.fx-guided .fx-help {border-color:var(--orange);color:var(--fx-accent-text);background:transparent;font-family:Inter,Roboto,sans-serif}
.fx-guided .fx-help:hover {background:var(--orange);color:var(--dark)}
.fx-guided .fx-steps {border-color:#4b5055;margin-bottom:32px;background:var(--dark)}
.fx-guided .fx-steps button {font-family:Montserrat,sans-serif;font-weight:500;color:#fff;background:var(--dark);border-color:#4b5055;padding:20px 16px}
.fx-guided .fx-steps button:disabled {opacity:1;color:#a7aaad}
.fx-guided .fx-steps button[aria-current=step] {background:var(--orange);color:var(--dark)}
.fx-guided .fx-steps button:not(:disabled):hover {background:var(--dark2);color:white}
.fx-guided .fx-step-explanation {background:var(--fx-soft);border-color:var(--orange);padding:24px}
.fx-guided .fx-big-number {color:var(--fx-ink);font-family:Montserrat,sans-serif;font-weight:400}
.fx-guided .fx-message, .fx-guided .fx-history-result {background:#e3844012;color:var(--fx-ink);border-color:var(--orange)}
.fx-guided .fx-auto-label {color:var(--fx-accent-text)!important}
.fx-guided .fx-metrics,
.fx-guided .fx-panel:has(> #fx-plan),
.fx-guided .fx-panel:has(> #fx-scenarios) {
  --fx-ink:#fff;--fx-muted:#c2c4c6;--fx-line:#4b5055;--fx-surface:var(--dark);--fx-soft:var(--dark2);--fx-accent-text:var(--orange);
  background:var(--dark);color:var(--fx-ink);border-color:var(--fx-line);
}
.fx-guided .fx-metrics article {background:var(--dark);border-color:var(--fx-line);padding:28px 22px}
.fx-guided .fx-metrics .fx-field-top > span {font-family:Montserrat,sans-serif;font-weight:400;font-size:14px;color:white}
.fx-guided .fx-metrics strong, .fx-guided .fx-stat strong, .fx-guided .fx-pillars strong {font-family:Montserrat,sans-serif;font-weight:400}
.fx-guided .fx-plan-results {background:var(--fx-line);border-color:var(--fx-line)}
.fx-guided .fx-stat {background:var(--fx-surface);padding:24px}
.fx-guided .fx-stat .fx-field-top > span {font-family:Montserrat,sans-serif;font-size:14px;color:var(--fx-ink)}
.fx-guided .fx-stat small {color:var(--fx-muted);font-size:12px}
.fx-guided .fx-flow > div {border-color:var(--fx-line);font-size:15px;padding:16px 0}
.fx-guided .fx-flow > div:last-child {color:var(--fx-accent-text)}
.fx-guided .fx-compare article {background:var(--fx-soft);border-color:var(--fx-line);padding:26px}
.fx-guided summary {font-size:24px;font-weight:400;line-height:1.35}
.fx-guided .fx-scenario {background:var(--fx-soft);border-color:var(--fx-line);padding:24px}
.fx-guided .fx-scenario h3 {font-size:18px}
.fx-guided .fx-scenario span {font-size:12px;color:var(--fx-muted)}
.fx-guided .fx-scenario strong {font-family:Montserrat,sans-serif;font-size:18px}
.fx-guided .fx-pillars article {background:var(--fx-soft);border-color:var(--orange)}
.fx-guided .fx-pillars h3 {font-size:20px}
.fx-guided .fx-pillars strong {color:var(--fx-accent-text)}
.fx-guided .fx-pillars p {color:var(--fx-muted);font-size:14px}
.fx-guided .fx-month {background:var(--fx-soft);border-color:var(--fx-line)}
.fx-guided .fx-history {border-color:var(--fx-line)}
.fx-guided .fx-month summary {font-size:18px}
.fx-guided .fx-remove {color:var(--fx-muted)}
.fx-guided .fx-remove:hover {background:var(--orange);color:var(--dark)}
.fx-guided .fx-help-dialog {--fx-ink:var(--text);--fx-muted:#62666a;--fx-accent-text:#934617;background:var(--white);color:var(--text);font-family:Inter,Roboto,sans-serif}
.fx-guided .fx-help-header {background:var(--white)}
.fx-guided .fx-help-header h2 {font:400 26px/1.3 Montserrat,sans-serif;letter-spacing:-.02em}
.fx-guided .fx-help-close {color:var(--text);border:1px solid var(--line)}
.fx-guided .fx-help-close:hover {background:var(--orange);color:var(--dark)}
.fx-guided #fx-help-content h3 {color:#934617;font:500 16px/1.4 Montserrat,sans-serif;margin-top:24px}
.fx-guided #fx-help-content p {color:var(--text);font-size:16px;line-height:1.75}
.fx-guided #fx-help-content .fx-help-readonly {background:var(--paper);border-color:var(--line);color:#62666a;font-size:13px}
@media(max-width:900px){.fx-guided .fx-panel{padding:30px}.fx-guided .fx-metrics article{padding:24px 18px}}
@media(max-width:700px){
 .fx-guided .fx-hero{padding:25px 0 40px}.fx-guided .fx-hero h1{font-size:clamp(34px,8.8vw,48px)}
 .fx-guided .fx-hero .fx-lead{font-size:17px}.fx-guided .fx-guide-wrap{padding-top:30px;padding-bottom:45px}
 .fx-guided .fx-panel{padding:24px 18px}.fx-guided h2,.fx-guided .fx-heading h2{font-size:30px}
 .fx-guided .fx-intro>p,.fx-guided .fx-intro li,.fx-guided .fx-instruction,.fx-guided .fx-conclusion p{font-size:16px}
 .fx-guided .fx-intro .fx-note,.fx-guided .fx-intro .fx-privacy{font-size:14px}
 .fx-guided .fx-field{padding:16px}.fx-guided .fx-field-top>label{font-size:15px}
 .fx-guided .fx-steps button{padding:16px 12px;font-size:12px;border-color:#4b5055}
 .fx-guided .fx-metrics article{border-right:0;border-bottom:1px solid var(--fx-line)}
 .fx-guided summary{font-size:21px}.fx-guided .fx-stat,.fx-guided .fx-scenario,.fx-guided .fx-compare article{padding:20px}
 .fx-guided .fx-help-header h2{font-size:22px}.fx-guided .fx-step-buttons button,.fx-guided .fx-edit-links button{padding:13px 15px}
 .fx-guided .fx-flow>div{font-size:14px}.fx-guided .fx-step-explanation{padding:18px}
}