#currencyCalcPage {max-width:1120px;margin:0 auto;}
#currencyCalcPage .section-card {margin-bottom:20px;padding:28px;}
.fx-fields {display:flex;align-items:end;gap:16px;flex-wrap:wrap;}
.fx-fields label {display:grid;gap:8px;flex:1;min-width:160px;font-size:14px;}
.fx-fields label[hidden] {display:none;}
.fx-fields input,.fx-fields select {width:100%;min-height:44px;box-sizing:border-box;}
.fx-fields button {min-height:44px;margin:0;}
.fx-options {margin-top:24px;}
.fx-result {padding:26px;margin-top:28px;border:1px solid #e2e3ec;border-radius:14px;background:linear-gradient(120deg,#eeedf4,#edf3ef);}
.fx-result strong {display:block;font-size:36px;color:#343c50;margin:10px 0;overflow-wrap:anywhere;}
.fx-result p {margin:0;}
@media(max-width:600px){#currencyCalcPage .section-card {padding:20px;}
.fx-fields label {flex-basis:100%;}
.fx-result strong {font-size:28px;}}
.fx-compare {display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0;}
.fx-compare>div {padding:16px;border:1px solid #e2e5ec;border-radius:12px;background:#fafbfc;}
.fx-compare p {font-size:20px;overflow-wrap:anywhere;}
.fx-compare small {color:#64748b;line-height:1.6;}
#currencyCalcPage {max-width:1240px;}
#currencyCalcPage .fx-hero {min-height:0;margin-bottom:20px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
#currencyCalcPage .fx-hero h1 {font-size:28px;line-height:1.3;margin:8px 0;}
#currencyCalcPage .fx-hero p {margin:0;font-size:14px;}
.fx-hero-mark {display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#eeedf4;color:#7c7c96;font-size:30px;flex-shrink:0;}
#currencyCalcPage .fx-card {padding:0;overflow:hidden;}
.fx-workspace {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);}
.fx-input-panel {padding:28px;min-width:0;}
.fx-input-panel h2 {font-size:17px;margin:0 0 22px;}
#currencyCalcPage .fx-primary {display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:14px 10px;}
#currencyCalcPage .fx-primary .fx-amount-field {grid-column:1/-1;}
#currencyCalcPage .fx-fields label {min-width:0;font-size:13px;font-weight:500;}
#currencyCalcPage .fx-fields input,#currencyCalcPage .fx-fields select {font-size:14px;background:#fbfcfe;border-radius:9px;}
#currencyCalcPage #fxAmount {font-size:24px;min-height:58px;font-weight:600;}
#currencyCalcPage .fx-primary button {padding:0;width:40px;border-radius:50%;height:40px;min-height:40px;margin-bottom:2px;}
#currencyCalcPage .fx-options {margin-top:18px;gap:12px;}
#currencyCalcPage .fx-options label {flex-basis:180px;}
.fx-output-panel {padding:28px;background:linear-gradient(135deg,#f0eff5,#edf3f0);border-left:1px solid #e6e7ee;display:flex;flex-direction:column;justify-content:center;min-width:0;}
#currencyCalcPage .fx-result {padding:0;margin:0;border:0;background:none;border-radius:0;}
#currencyCalcPage .fx-result>span {font-size:13px;color:#64748b;}
#currencyCalcPage .fx-result strong {font-size:42px;line-height:1.25;margin:16px 0;font-variant-numeric:tabular-nums;}
#currencyCalcPage #fxEquation {font-size:14px;color:#5b6578;}
#currencyCalcPage #fxNet {font-size:14px;padding-top:18px;margin-top:18px;border-top:1px solid #dce2e4;line-height:1.8;}
#currencyCalcPage #fxStatus {font-size:13px;line-height:1.7;margin:14px 0 20px;}
#currencyCalcPage #fxApply {width:100%;min-height:44px;margin:0;border-radius:9px;white-space:normal;background:#77778f;color:#fff;border:1px solid #77778f;font-size:14px;}
#currencyCalcPage #fxApply:disabled {background:#e1e4e8;border-color:#e1e4e8;color:#757e8c;cursor:not-allowed;}
#currencyCalcPage .fx-apply-help {font-size:13px;margin:10px 0 0;line-height:1.6;}
.fx-comparison-section {padding:24px 28px;border-top:1px solid #e6eaf0;}
.fx-comparison-section h3 {font-size:17px;margin:0 0 8px;}
.fx-comparison-section>.settings-muted {font-size:13px;line-height:1.7;margin:8px 0;}
#currencyCalcPage .fx-compare {grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0;}
#currencyCalcPage .fx-compare p {font-size:23px;margin:12px 0;font-weight:600;color:#36435a;}
#currencyCalcPage .fx-compare small {font-size:12px;}
@media(max-width:900px){.fx-workspace {grid-template-columns:1fr;}
.fx-output-panel {border-left:0;border-top:1px solid #e6e7ee;}}
@media(max-width:560px){#currencyCalcPage .fx-hero {padding:20px;}
.fx-input-panel,.fx-output-panel,.fx-comparison-section {padding:20px;}
#currencyCalcPage .fx-compare {grid-template-columns:repeat(2,minmax(0,1fr));}
#currencyCalcPage .fx-result strong {font-size:34px;}
#currencyCalcPage .fx-compare p {font-size:20px;}
#currencyCalcPage .fx-primary label {flex-basis:auto;}}
#currencyCalcPage {width:100%;max-width:none;margin:0;box-sizing:border-box;}
#currencyCalcPage .fx-hero {padding:20px 24px;margin-bottom:20px;}
#currencyCalcPage .fx-card {border:0;background:transparent;box-shadow:none;overflow:visible;}
#currencyCalcPage .fx-workspace {grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start;}
#currencyCalcPage .fx-input-panel {background:#fff;border:1px solid #dfe5ee;border-radius:16px;padding:26px;}
#currencyCalcPage .fx-section-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;flex-wrap:wrap;}
#currencyCalcPage .fx-section-heading h2 {margin:0;font-size:18px;}
#currencyCalcPage .fx-section-heading span {font-size:13px;color:#788598;}
#currencyCalcPage .fx-primary .fx-amount-field {background:#f7f8fb;border:1px solid #e7eaf0;padding:14px 18px;border-radius:12px;gap:2px;}
#currencyCalcPage #fxAmount {background:transparent;border:0;box-shadow:none;padding:6px 0;min-height:48px;font-size:30px!important;color:#28364c;}
#currencyCalcPage .fx-primary {row-gap:20px;}
#currencyCalcPage .fx-primary select {height:48px;background:#fff;}
#currencyCalcPage .fx-advanced {margin-top:24px;border-top:1px solid #edf0f5;padding-top:18px;}
#currencyCalcPage .fx-advanced summary {font-size:14px;color:#68768a;cursor:pointer;list-style:disclosure-closed;}
#currencyCalcPage .fx-advanced[open] summary {list-style:disclosure-open;}
#currencyCalcPage .fx-output-panel {border:1px solid #dedee9;border-radius:16px;background:#fff;padding:28px;justify-content:flex-start;box-shadow:0 6px 24px #363c5606;}
#currencyCalcPage .fx-result>span {color:#74778d;letter-spacing:.5px;}
#currencyCalcPage .fx-result strong {font-size:44px;letter-spacing:-1px;margin:18px 0;color:#53516e;}
#currencyCalcPage #fxNet {background:#f5f6f9;border:0;border-radius:10px;padding:12px 14px;margin-top:22px;color:#59667b;}
#currencyCalcPage #fxApply {background:#74738e!important;color:#fff!important;border-color:#74738e!important;min-height:44px;box-shadow:none;}
#currencyCalcPage #fxApply:disabled {background:#eceef2!important;border-color:#eceef2!important;color:#8c95a4!important;}
#currencyCalcPage #fxStatus {font-weight:400;font-size:13px;margin:14px 0 20px;}
#currencyCalcPage .fx-apply-help {font-weight:400;text-align:center;font-size:12px;}
#currencyCalcPage .fx-comparison-section {margin-top:28px;padding:0;border:0;}
#currencyCalcPage .fx-compare {grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
#currencyCalcPage .fx-compare>div {background:#fff;border-color:#e2e6ee;padding:20px;border-radius:12px;}
#currencyCalcPage .fx-compare strong {font-size:13px;color:#788399;letter-spacing:1px;}
#currencyCalcPage .fx-comparison-section>.settings-muted {font-weight:400;}
@media(max-width:850px){#currencyCalcPage .fx-workspace {grid-template-columns:1fr;}
#currencyCalcPage .fx-input-panel,#currencyCalcPage .fx-output-panel {padding:22px;}}
@media(max-width:560px){#currencyCalcPage .fx-compare {grid-template-columns:repeat(2,minmax(0,1fr));}
#currencyCalcPage .fx-result strong {font-size:36px;}}
#currencyCalcPage {width:100%;max-width:none;margin:0;box-sizing:border-box;min-width:0;}
#currencyCalcPage .fx-workspace {grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);}
#currencyCalcPage .fx-compare {grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
@media(max-width:850px){#currencyCalcPage .fx-workspace {grid-template-columns:1fr;}}
@media(max-width:560px){#currencyCalcPage .fx-compare {grid-template-columns:repeat(2,minmax(0,1fr));}}
#currencyCalcPage .fx-comparison-section {padding:24px;background:#fff;border:1px solid #e3e7ef;border-radius:16px;margin-top:20px;}
#currencyCalcPage .fx-comparison-section h3 {margin:0 0 6px;font-size:18px;}
#currencyCalcPage .fx-compare {gap:14px;margin:20px 0;}
#currencyCalcPage .fx-compare>div {padding:20px;background:#fafbfc;border:1px solid #e7eaf0;border-radius:13px;min-width:0;}
#currencyCalcPage .fx-currency-heading {display:flex;align-items:center;gap:10px;margin-bottom:20px;}
#currencyCalcPage .fx-currency-symbol {display:grid;place-items:center;width:38px;height:38px;border-radius:12px;flex-shrink:0;background:#ecebf3;color:#77758e;font-size:21px;}
#currencyCalcPage .fx-compare>div:nth-child(2n) .fx-currency-symbol {background:#e7efe9;color:#718b7b;}
#currencyCalcPage .fx-compare>div:nth-child(3n) .fx-currency-symbol {background:#eeeae3;color:#97876d;}
#currencyCalcPage .fx-currency-identity {display:grid;gap:3px;min-width:0;}
#currencyCalcPage .fx-currency-name {font-size:14px;font-weight:600;color:#354258;overflow-wrap:anywhere;}
#currencyCalcPage .fx-currency-identity strong {font-size:12px;font-weight:500;letter-spacing:.7px;color:#8691a2;}
#currencyCalcPage .fx-currency-caption {font-size:12px;color:#7d899b;}
#currencyCalcPage .fx-compare>div>p {font-size:26px!important;font-weight:650;line-height:1.35;margin:6px 0 18px;letter-spacing:-.4px;font-variant-numeric:tabular-nums;}
#currencyCalcPage .fx-compare>div>small {display:block;padding-top:12px;border-top:1px solid #e7eaf0;font-size:12px;color:#8590a0;}
#currencyCalcPage .fx-comparison-section>.settings-muted:last-child {border-top:1px solid #edf0f4;padding-top:16px;margin:0;font-size:12px;color:#8a94a4;line-height:1.8;}
#currencyCalcPage .fx-comparison-section a {color:#74738e;text-decoration:none;}
#currencyCalcPage .fx-comparison-section a:hover {text-decoration:underline;}
@media(max-width:560px){#currencyCalcPage .fx-comparison-section {padding:18px;}
#currencyCalcPage .fx-compare>div {padding:14px;}
#currencyCalcPage .fx-compare>div>p {font-size:21px!important;}}
#currencyCalcPage .fx-advanced {margin-top:22px;padding:0;border:1px solid #e6e8ef;border-radius:12px;background:#fafbfc;overflow:hidden;}
#currencyCalcPage .fx-advanced>summary,#currencyCalcPage .fx-advanced[open]>summary {display:flex;align-items:center;gap:12px;padding:15px 16px;list-style:none;cursor:pointer;}
#currencyCalcPage .fx-advanced>summary::-webkit-details-marker {display:none;}
#currencyCalcPage .fx-advanced>summary::marker {content:'';}
#currencyCalcPage .fx-advanced>summary:hover {background:#f2f3f8;}
#currencyCalcPage .fx-advanced>summary:focus-visible {outline:2px solid #9390af;outline-offset:-3px;border-radius:10px;}
#currencyCalcPage .fx-settings-icon {display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#ecebf3;color:#7c7996;flex-shrink:0;}
#currencyCalcPage .fx-settings-icon svg {width:20px;height:20px;fill:#ecebf3;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;}
#currencyCalcPage .fx-settings-copy {display:grid;gap:4px;min-width:0;}
#currencyCalcPage .fx-settings-copy strong {font-size:14px;color:#424c60;font-weight:600;}
#currencyCalcPage .fx-settings-copy>span {font-size:13px;color:#8590a1;font-weight:400;line-height:1.5;}
#currencyCalcPage .fx-settings-chevron {margin-left:auto;color:#85839c;font-size:21px;transition:transform .15s;}
#currencyCalcPage .fx-advanced[open] .fx-settings-chevron {transform:rotate(180deg);}
#currencyCalcPage .fx-advanced[open]>summary {border-bottom:1px solid #e6e8ef;}
#currencyCalcPage .fx-advanced .fx-options {margin:0;padding:16px;}
#currencyCalcPage .fx-advanced .fx-options+.fx-options {padding-top:0;}
#currencyCalcPage .fx-workspace {align-items:stretch;}
#currencyCalcPage .fx-card>.fx-advanced {margin-top:16px;}
#currencyCalcPage .fx-card>.fx-advanced[open] {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);}
#currencyCalcPage .fx-card>.fx-advanced>summary {grid-column:1/-1;}
#currencyCalcPage .fx-card>.fx-advanced .fx-options {align-items:end;padding:18px;}
#currencyCalcPage .fx-card>.fx-advanced .fx-options+.fx-options {padding:18px;border-left:1px solid #e6e8ef;}
@media(max-width:850px){#currencyCalcPage .fx-card>.fx-advanced[open] {grid-template-columns:1fr;}
#currencyCalcPage .fx-card>.fx-advanced .fx-options+.fx-options {border-left:0;padding-top:0;}}
#currencyCalcPage .fx-card>.fx-advanced[open] {display:block;}
#currencyCalcPage .fx-settings-body {display:flex;align-items:flex-start;gap:28px;padding:20px 22px;flex-wrap:wrap;background:#fff;}
#currencyCalcPage .fx-card>.fx-advanced .fx-settings-body>.fx-options {padding:0;margin:0;border:0;display:flex;align-items:flex-end;gap:12px;flex:1 1 340px;min-width:0;}
#currencyCalcPage .fx-card>.fx-advanced .fx-settings-body>.fx-options+.fx-options {flex:0 1 260px;padding:0;margin:0;border:0;}
#currencyCalcPage .fx-settings-body label {flex:1 1 180px;min-width:0;}
#currencyCalcPage .fx-settings-body #fxManualField:not([hidden]) {flex-basis:100%;}
#currencyCalcPage .fx-settings-body input,#currencyCalcPage .fx-settings-body select {background:#fafbfc;}
#currencyCalcPage .fx-settings-body #fxFee {max-width:260px;}
#currencyCalcPage .fx-advanced>summary {padding:12px 18px;}
#currencyCalcPage .fx-settings-copy>span {font-size:13px;}
@media(max-width:700px){#currencyCalcPage .fx-settings-body {gap:18px;padding:18px;}
#currencyCalcPage .fx-card>.fx-advanced .fx-settings-body>.fx-options,#currencyCalcPage .fx-card>.fx-advanced .fx-settings-body>.fx-options+.fx-options {flex-basis:100%;}
#currencyCalcPage .fx-settings-body #fxFee {max-width:none;}}
#currencyCalcPage .fx-card {padding:0;margin:0 0 20px;border:none;border-radius:0;background:transparent;box-shadow:none;width:100%;box-sizing:border-box;min-width:0;}
#currencyCalcPage .fx-input-panel,#currencyCalcPage .fx-output-panel,#currencyCalcPage .fx-advanced,#currencyCalcPage .fx-comparison-section {box-sizing:border-box;min-width:0;max-width:100%;}
#currencyCalcPage .fx-settings-body {box-sizing:border-box;min-width:0;}
#currencyCalcPage .fx-fields input,#currencyCalcPage .fx-fields select {min-width:0;max-width:100%;}
#currencyCalcPage {--fx-lilac:#e9e6ef;--fx-sage:#e5eee7;--fx-border:#e1e5eb;--fx-ink:#344157;}
#currencyCalcPage .fx-hero {background:#fff;border:1px solid #e2e3e9;border-left:1px solid #e2e3e9;border-radius:14px;}
#currencyCalcPage .fx-hero .module-eyebrow {color:#c45a16;background:#fff3e8;}
#currencyCalcPage .fx-hero-mark {background:#fff3e8;color:#e76a20;}
#currencyCalcPage .fx-output-panel {background:#fff;}
#currencyCalcPage .fx-input-panel,#currencyCalcPage .fx-comparison-section {box-shadow:none;border-color:var(--fx-border);}
#currencyCalcPage .fx-advanced>summary,#currencyCalcPage .fx-advanced[open]>summary {background:#fafbfc!important;border-color:var(--fx-border)!important;}
#currencyCalcPage .fx-advanced>summary:hover {background:#f1f4f8!important;}
#currencyCalcPage .fx-compare>div {background:#fff;overflow:hidden;}
#currencyCalcPage .fx-currency-heading {background:transparent;margin:-20px -20px 18px;padding:16px 20px;}
#currencyCalcPage .fx-compare>div:nth-child(2n) .fx-currency-heading {background:transparent;}
#currencyCalcPage .fx-compare>div:nth-child(3n) .fx-currency-heading {background:transparent;}
#currencyCalcPage .fx-currency-symbol {background:#eeedf4!important;}
#currencyCalcPage .fx-fields label {color:#526078;}
#currencyCalcPage .fx-currency-caption,#currencyCalcPage .fx-compare>div>small {color:#657287;font-size:13px;}
@media(max-width:560px){#currencyCalcPage .fx-currency-heading {margin:-14px -14px 16px;padding:14px;}}

#currencyCalcPage .fx-result strong {color:#26364c;}
#currencyCalcPage #fxApply {background:#f97316!important;border-color:#f97316!important;color:#fff!important;}
#currencyCalcPage #fxApply:hover:not(:disabled) {background:#ea650b!important;border-color:#ea650b!important;}
#currencyCalcPage #fxApply:disabled {background:#eceef2!important;border-color:#eceef2!important;color:#8c95a4!important;}
#currencyCalcPage .fx-compare>div:nth-child(2n) .fx-currency-symbol {background:#e9f1ec!important;color:#64816e;}
#currencyCalcPage .fx-compare>div:nth-child(3n) .fx-currency-symbol {background:#f2eee6!important;color:#8b7b61;}
#currencyCalcPage .fx-output-panel {border-color:#e1e5eb;box-shadow:none;}
#currencyCalcPage .fx-comparison-section a {color:#53677d;}

/* Early lavender palette; retain current layout. */
#currencyCalcPage .fx-hero {background:#fff;border-color:#dfe5ee;}
#currencyCalcPage .fx-hero .module-eyebrow {background:#eeedf4;color:#77738f;}
#currencyCalcPage .fx-hero-mark {background:#f1f2f6;color:#7c8498;}
#currencyCalcPage .fx-input-panel,#currencyCalcPage .fx-comparison-section {background:#fff;border-color:#dfe5ee;}
#currencyCalcPage .fx-output-panel {background:linear-gradient(120deg,#eeedf4,#edf3ef);border:1px solid #e2e3ec;box-shadow:none;}
#currencyCalcPage .fx-result strong {color:#343c50;}
#currencyCalcPage #fxNet {background:#ffffff80;color:#59667b;}
#currencyCalcPage #fxApply {background:#73738e!important;border-color:#73738e!important;color:#fff!important;}
#currencyCalcPage #fxApply:hover:not(:disabled) {background:#62627d!important;border-color:#62627d!important;}
#currencyCalcPage #fxApply:disabled {background:#eceef2!important;border-color:#eceef2!important;color:#8c95a4!important;}
#currencyCalcPage .fx-advanced>summary,#currencyCalcPage .fx-advanced[open]>summary {background:#fafbfc!important;border-color:#e6e8ef!important;}
#currencyCalcPage .fx-advanced>summary:hover {background:#f1f4f8!important;}
#currencyCalcPage .fx-compare>div .fx-currency-heading {background:#eceaf2;}
#currencyCalcPage .fx-compare>div:nth-child(2) .fx-currency-heading {background:#e8f0eb;}
#currencyCalcPage .fx-compare>div:nth-child(3) .fx-currency-heading {background:#f0ede5;}
#currencyCalcPage .fx-compare>div:nth-child(4) .fx-currency-heading {background:#e8edf2;}
#currencyCalcPage .fx-compare>div:nth-child(5) .fx-currency-heading {background:#f0e8ed;}
#currencyCalcPage .fx-compare>div:nth-child(n) .fx-currency-symbol {background:rgba(255,255,255,.72)!important;}


#currencyCalcPage .fx-breakdown-row {display:flex;justify-content:space-between;gap:16px;padding:6px 0;font-size:14px;}
#currencyCalcPage .fx-breakdown-row b {text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;}
#currencyCalcPage .fx-breakdown-row:last-child {border-top:1px solid #e1e5eb;margin-top:6px;padding-top:12px;}
#currencyCalcPage .fx-retry {margin-top:12px;font-size:13px;min-height:34px;}

/* Keep the currency page header identical to the shared function-page header. */
#currencyCalcPage .fx-hero.unified-function-hero {
  display:grid;
  height:126px;
  min-height:126px;
  grid-template-columns:minmax(0,1fr) auto;
  gap:20px;
  margin:0 0 14px;
  padding:16px 18px;
  border:1px solid #e5e7eb;
  border-left:4px solid #f97316;
  border-radius:8px;
  background:#fff;
  box-shadow:0 4px 16px rgba(17,24,39,.04);
}
#currencyCalcPage .fx-hero.unified-function-hero .calculator-hero-copy {align-content:center;gap:7px;}
#currencyCalcPage .fx-hero.unified-function-hero .module-eyebrow {padding:4px 8px;border-radius:5px;background:#fff7ed;color:#c2410c;font-size:12px;line-height:1.2;font-weight:900;}
#currencyCalcPage .fx-hero.unified-function-hero h1 {margin:0;color:#111827;font-size:25px;line-height:1.2;font-weight:900;}
#currencyCalcPage .fx-hero.unified-function-hero p {max-width:760px;margin:0;color:#64748b;font-size:14px;line-height:1.6;font-weight:700;}
#currencyCalcPage .fx-hero-mark {display:none;}
@media(max-width:860px){
  #currencyCalcPage .fx-hero.unified-function-hero {height:auto;min-height:auto;grid-template-columns:1fr;gap:12px;padding:14px;}
  #currencyCalcPage .fx-hero.unified-function-hero h1 {font-size:22px;}
}
