.fx-layout-choice{display:flex;gap:0;justify-content:flex-end;margin:-4px 0 16px}
.fx-layout-choice button{min-height:44px;padding:10px 18px;border:1px solid #c9b893;background:#fff;color:#214b57;font-size:13px;line-height:1.5;cursor:pointer}
.fx-layout-choice button:first-child{border-radius:5px 0 0 5px}
.fx-layout-choice button:last-child{border-left:0;border-radius:0 5px 5px 0}
.fx-layout-choice button[aria-pressed=true]{background:#075a6b;color:#fff;border-color:#075a6b;font-weight:700}
#fx-rows-pane .fx-matrix-scroll{border-color:#cbb88c;border-radius:16px;scrollbar-color:#075a6b #eeece3}
.fx-reference-table{--criterion-width:165px;min-width:1275px;font-family:var(--sans);font-size:13px;line-height:1.6;color:#153f4c}
.fx-reference-table .fx-row-identity-col{width:165px}
.fx-reference-table .fx-row-fee-col{width:115px}
.fx-reference-table .fx-row-minimum-col{width:120px}
.fx-reference-table .fx-row-app-col{width:120px}
.fx-reference-table .fx-row-spread-col{width:168px}
.fx-reference-table .fx-row-swap-col{width:124px}
.fx-reference-table .fx-row-demo-col{width:100px}
.fx-reference-table .fx-row-phone-col{width:132px}
.fx-reference-table .fx-row-action-col{width:200px}
.fx-reference-table th,.fx-reference-table td{padding:18px 10px;border-right:1px solid #cfbd946b;border-bottom:1px solid #cfbd946b;background:#fff;overflow-wrap:anywhere}
.fx-reference-table tbody tr:nth-child(odd)>*{background:#edf4ef}
.fx-reference-table tbody tr:first-child>*{background:#edf4ef}
.fx-reference-table .fx-company-heading{position:sticky;left:0;z-index:2;box-shadow:2px 0 0 #cdbb96a6}
.fx-reference-table thead th{height:85px;background:#d6e9e1;color:#103a48;font-weight:700;vertical-align:middle;font-size:14px;padding:12px 8px;border-right-color:#c8b89285}
.fx-reference-table thead .fx-company-heading{background:#d6e9e1;z-index:3}
.fx-reference-table thead th>strong{display:block;font-size:14px;line-height:1.6}
.fx-reference-table thead th>small{display:block;font-size:10px;line-height:1.6;font-weight:400;color:#375963;margin-top:4px}
.fx-reference-table td>strong,.fx-reference-table td span>b{color:#153f4c;font-size:17px}
.fx-reference-table td[data-row-criterion=minimum] b{display:inline-block;white-space:nowrap}
.fx-reference-table td>.fx-phone{font-size:14px}
.fx-reference-table td>small{font-size:11px;color:#526568}
.fx-reference-table td>.fx-rate,.fx-reference-table td>.fx-swap-value{gap:5px}
.fx-reference-table .fx-rate>span,.fx-reference-table .fx-swap-value>span{font-size:11px}
.fx-reference-table .fx-cell-link{font-size:11px;color:#086778;min-height:30px}
.fx-row-company{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;line-height:1.6;color:#153f4c;text-decoration:none;font-weight:700}
.fx-row-company img{width:132px;height:34px;max-width:100%;object-fit:contain}
.fx-row-detail{display:flex;align-items:center;justify-content:center;min-height:34px;font-size:11px;color:#086778;text-decoration:underline;text-underline-offset:3px;margin-top:4px}
.fx-row-badge{display:inline-block;margin:0 0 13px;padding:3px 10px;background:#fff7e3;border:1px solid #c5aa72;border-radius:3px;color:#75511d;font-size:11px;font-weight:700}
.fx-reference-table td>.fx-presence-mark{font-size:27px;line-height:1.3;font-weight:700;color:#bd3946;margin-bottom:4px}
.fx-row-cta a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 9px;background:#096171;color:#fff;border:1px solid #b99b60;border-radius:5px;box-shadow:0 2px 0 #b69b6b5e;text-decoration:none;font-family:var(--sans);font-size:12px;line-height:1.65;font-weight:700;text-align:center}
.fx-row-cta a:hover{background:#03495b}
.fx-row-cta[data-fx-cta-row=matsui-fx] a{white-space:nowrap;font-size:11px;padding-inline:4px}
.fx-row-cta img{width:1px!important;height:1px!important;max-width:1px!important}
.fx-row-cta .gaitame-action-label{font-size:11px;line-height:1.6;margin-bottom:8px;color:#526568}
.fx-row-cta .btn{gap:0}
.fx-apply-intro:empty{display:none}
#fx-rows-pane .fx-scroll-tools input::-webkit-slider-thumb{background:#075a6b}
#fx-rows-pane .fx-swipe-hint{background:#f1f5ebed;color:#2b626a}
@media(max-width:700px){
 .fx-layout-choice{justify-content:flex-start;margin:0 0 14px}
 .fx-layout-choice button{font-size:12px;padding:10px 15px;flex:1}
 .fx-reference-table{width:1275px;min-width:1275px;--criterion-width:165px;font-size:13px}
 .fx-reference-table th,.fx-reference-table td{padding:16px 9px}
 .fx-reference-table thead th{height:85px;padding:12px 8px}
 .fx-reference-table thead th>strong{font-size:14px}
 .fx-reference-table .fx-row-company img{width:130px;height:34px}
 .fx-reference-table td>strong,.fx-reference-table td span>b{font-size:17px}
 .fx-reference-table td>.fx-presence-mark{font-size:27px}
 .fx-reference-table .fx-cell-link{font-size:12px}
 .fx-reference-table .fx-unknown{font-size:20px}
}

/* T-036: approved ivory, aqua glass and delicate gold. */
body[data-mode="fx"] #comparison{position:relative;isolation:isolate;background:#f7f4ed}
body[data-mode="fx"] #comparison::before{content:"";position:absolute;inset:0 0 auto;height:1100px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#f7f4ed00 45%,#f7f4ed 100%),linear-gradient(90deg,#faf7f1b0,#faf7f110 75%),url("assets/fx-comparison-light-v1.webp") center top/cover no-repeat}
body[data-mode="fx"] #comparison .eyebrow{color:#8a632d}
body[data-mode="fx"] #comparison h2{color:#103a48}
body[data-mode="fx"] #comparison .section-head p{color:#435b63}
body[data-mode="fx"] #comparison .up-controls{border-color:#c9b893;border-radius:9px;background:#fffdf8d9;box-shadow:0 4px 14px #90703a12,inset 0 1px 0 #fff;backdrop-filter:blur(12px)}
body[data-mode="fx"] #comparison .up-controls button+button{border-left-color:#c9b893}
body[data-mode="fx"] #comparison .up-controls button[aria-pressed=true],.fx-layout-choice button[aria-pressed=true]{background:linear-gradient(135deg,#287d82,#075a6b 72%);color:#fff;box-shadow:inset 0 1px 0 #ffffff85,inset 0 0 0 1px #ffffff32}
body[data-mode="fx"] #comparison .up-controls button:hover,.fx-layout-choice button:hover{background:#e4eeea}
body[data-mode="fx"] #comparison .up-controls button[aria-pressed=true]:hover,.fx-layout-choice button[aria-pressed=true]:hover{background:linear-gradient(135deg,#28767b,#064858)}
.fx-matrix-meta{border-color:#cfbd947d;border-radius:10px;background:#fffdf6d9;color:#435960;box-shadow:0 4px 16px #90703a0b,inset 0 1px 0 #fff;backdrop-filter:blur(12px)}
.fx-layout-choice button{border-color:#c9b893;background:#fffdf8e8;color:#214b57;box-shadow:inset 0 1px 0 #fff;backdrop-filter:blur(12px)}
.fx-layout-choice button:first-child{border-radius:9px 0 0 9px}
.fx-layout-choice button:last-child{border-radius:0 9px 9px 0}
.fx-matrix-scroll{border-color:#cbb88c;border-radius:16px;background:#fffdf887;box-shadow:0 12px 32px #75624014,0 0 0 3px #fffaf083,inset 0 1px 0 #fff;scrollbar-color:#247e81 #eeece3}
.fx-matrix{color:#153f4c}
.fx-matrix th,.fx-matrix td{border-color:#cfbd946b;background:#fffdf5ed}
.fx-matrix tbody tr:nth-child(odd)>*,.fx-reference-table tbody tr:first-child>*{background:linear-gradient(125deg,#eaf4f0ef,#f3f8f2eb 55%,#e7f1eeef)}
.fx-matrix thead th{color:#103a48;border-color:#c8b89285;background:linear-gradient(115deg,#ffffffdb,#c9e4e0f5 45%,#ecf4edf5);box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #ffffffa8}
/* Opaque material surfaces prevent text from showing through sticky columns. */
.fx-matrix .fx-criterion{background:linear-gradient(125deg,#e6efeb,#f4f6ef);box-shadow:2px 0 0 #cdbb96a6}
.fx-matrix tbody tr:nth-child(odd)>.fx-criterion{background:linear-gradient(125deg,#e4eeea,#eef4ee)}
.fx-matrix thead .fx-criterion{background:linear-gradient(115deg,#f6f8f1,#cbe3de 55%,#e7f1e9)}
.fx-matrix .fx-criterion strong{color:#153f4c;font-family:var(--serif)}
.fx-matrix .fx-criterion small,.fx-matrix td>small{color:#526568}
.fx-matrix .fx-swap-value .positive{color:#08714e}
.fx-matrix .fx-swap-value .negative{color:#ad3340}
.fx-matrix .fx-cell-link{color:#086778}
.fx-floating-header{background:#eef4ed;border-radius:0 0 10px 10px;box-shadow:0 5px 18px #163f4226,0 1px 0 #cbb88c}
.fx-floating-header .fx-matrix thead th{background:linear-gradient(115deg,#f8f9f2,#cce4de 45%,#eaf2e9)}
.fx-reference-table .fx-company-heading{background:#fffdf5;box-shadow:2px 0 0 #cdbb96a6}
.fx-reference-table tbody tr:nth-child(odd)>.fx-company-heading{background:linear-gradient(125deg,#e7f1ed,#f0f5ef)}
.fx-reference-table thead th{font-family:var(--serif);font-weight:600;font-size:16px}
.fx-reference-table thead .fx-company-heading{background:linear-gradient(115deg,#f6f8f1,#cbe3de 55%,#e7f1e9)}
.fx-reference-table thead th>strong{font-family:var(--serif);font-size:16px;font-weight:600}
.fx-reference-table thead th>small{font-family:var(--sans);color:#375963}
.fx-reference-table .fx-row-swap-col{width:144px}
.fx-reference-table th[id="fx-rows-column-swap"]>strong{white-space:nowrap}
.fx-reference-table td>.fx-presence-mark{font-weight:500}
.fx-row-badge{border-radius:4px}
.fx-row-cta a,.fx-more{background:linear-gradient(145deg,#2a7e84 0%,#096171 42%,#03475a 100%);color:#fff;border:1px solid #b99b60;border-radius:9px;box-shadow:inset 0 1px 0 #ffffff7a,inset 0 0 0 2px #ffffff27,0 2px 0 #b69b6b5e,0 4px 10px #064b5924}
.fx-row-cta a:hover,.fx-more:hover{background:linear-gradient(145deg,#287c82,#03495b);box-shadow:inset 0 1px 0 #ffffff7a,inset 0 0 0 2px #ffffff27,0 4px 12px #064b5940}
.fx-swipe-hint{background:#f1f5ebed;border:1px solid #cfbd946b;color:#2b626a;border-radius:8px}
.fx-scroll-tools button{color:#176c75}
.fx-scroll-tools input::-webkit-slider-runnable-track{background:#e4e7db}
.fx-scroll-tools input::-moz-range-track{background:#e4e7db}
.fx-scroll-tools input::-webkit-slider-thumb{background:#247e81}
.fx-scroll-tools input::-moz-range-thumb{background:#247e81}
.fx-matrix-note{color:#536563}
body[data-mode="fx"] #comparison :is(button,a,input,[tabindex="0"]):focus-visible{outline:3px solid #075f70;outline-offset:4px}
@media(max-width:700px){
 body[data-mode="fx"] #comparison::before{height:900px;background-size:auto,auto,auto 600px;background-position:center,center,68% top}
 .fx-matrix-scroll,#fx-rows-pane .fx-matrix-scroll{border-radius:12px}
 .fx-reference-table thead th>strong{font-size:15px}
}