/* Method-first payment workspace */
.px{--ink:#16332f;--muted:#586b65;--line:#dce5df;--accent:#185e4b;color:var(--ink);max-width:1440px;margin:auto;min-width:0}.px *{box-sizing:border-box}.px button,.px input,.px select,.px textarea{font:inherit}.px button{background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 13px;color:var(--ink);cursor:pointer}.px button:hover{border-color:var(--accent);background:#f4f8f5}.px button:disabled{opacity:.55;cursor:not-allowed}.px button:focus-visible,.px input:focus-visible,.px select:focus-visible,.px summary:focus-visible,.px a:focus-visible{outline:3px solid #6488ed;outline-offset:3px}.px button[aria-pressed=true]{background:#e3eee6;border-color:#8ca997;font-weight:650}.px h1{font-size:32px;margin:4px 0}.px h2{font-size:24px;margin:10px 0 16px}.px h3{font-size:17px;margin:12px 0}.px small{display:block;color:var(--muted);font-size:12px;line-height:1.5}.px-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0}.px-subnav,.px-market,.px-context,.px-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0 20px}.px-market small{margin-left:auto}.px-subnav{border-bottom:1px solid var(--line);padding-bottom:14px}.px-toolbar{display:flex;align-items:end;gap:16px;margin-bottom:22px}.px label{display:block;font-size:13px;color:var(--muted)}.px input:not([type=checkbox]),.px select,.px textarea{display:block;max-width:100%;width:100%;border:1px solid #bdccc2;border-radius:7px;padding:10px;background:#fff;color:var(--ink);margin-top:5px}.px-toolbar label:first-child{width:175px}.px-toolbar label:nth-child(2){flex:1}.px-group{margin:20px 0}.px-group h3{text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--muted);margin:0;padding:10px}.px-method-row{display:grid;grid-template-columns:minmax(160px,1.5fr) 64px minmax(110px,1fr) minmax(100px,1fr) 110px 86px;gap:14px;align-items:center;border-top:1px solid var(--line);padding:15px 10px;background:#fff}.px-method-title{border:0!important;text-align:left;padding:0!important;font-weight:650}.px-switch{display:flex!important;align-items:center;gap:6px}.px-switch input{accent-color:var(--accent);width:18px;height:18px}.px-method-row select{font-size:13px}.px-manual{display:flex;gap:18px;align-items:center;border:1px solid var(--line);padding:16px;border-radius:10px;margin:24px 0}.px-manual button{margin-left:auto}.px-save{position:sticky;bottom:16px;z-index:25;display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid #b9cdbf;border-radius:12px;background:#f3f8f1;box-shadow:0 5px 22px #16332f14;margin-top:24px}.px-save span{flex:1}.px .primary{background:var(--accent);color:#fff}.px-error{padding:14px;background:#fff1ed;color:#8c3022;border-radius:9px}.px-empty{background:#f5f8f6;padding:24px;border:1px dashed #c1d0c5;border-radius:10px;margin:16px 0}.px-backdrop{position:fixed;inset:0;background:#142d273b;z-index:1000}.px-drawer{position:fixed;inset:0 0 0 auto;width:64vw;min-width:800px;max-width:1100px;background:#fff;z-index:1001;overflow:auto;padding:0 24px 40px;box-shadow:-12px 0 45px #142d271c}.px-drawer-head{position:sticky;top:0;background:#fff;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.px-panel-open{overflow:hidden}.px-scenario{display:flex;flex-wrap:wrap;gap:12px;padding:16px;background:#f1f5ef;border-radius:10px}.px-scenario label{flex:1 1 130px;max-width:210px}.px-scenario small{flex-basis:100%}.px-context{margin:20px 0 10px}.px-caption{font-size:13px;color:var(--muted);line-height:1.5}.px-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;margin:20px 0}.px-quote{border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0;overflow-wrap:anywhere;display:flex;flex-direction:column}.px-quote:first-child{border:2px solid #4d8061;background:#fbfdf9}.px-quote header{min-height:172px}.px-rank{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e6eee6;margin-right:8px}.px-badge{display:inline-block;background:#eff4ed;border-radius:5px;padding:3px 7px;font-size:11px}.px-price{display:block;font-size:27px;margin:12px 0 4px;letter-spacing:-.03em}.px-quote dl{display:grid;grid-template-columns:1fr;margin:0;grid-template-rows:auto minmax(34px,auto) auto minmax(104px,auto) auto minmax(55px,auto) auto minmax(72px,auto) auto minmax(40px,auto) auto minmax(74px,auto)}.px dt{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-top:1px solid var(--line);padding-top:11px}.px dd{margin:5px 0 12px;font-size:13px;line-height:1.5}.px details{border-top:1px solid var(--line);padding:14px 0;line-height:1.5}.px summary{cursor:pointer;font-size:13px;font-weight:600}.px details p{font-size:13px}.px-quote>button{margin-top:auto}.px-unpriced{padding:14px 0;border-bottom:1px solid var(--line)}.px-research{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px}.px-method-nav{max-height:calc(100vh - 160px);overflow:auto;position:sticky;top:15px;align-self:start}.px-method-link{display:block;width:100%;text-align:left;margin-top:8px}.px-method-nav>button{margin:8px 0}.px-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.px-provider{border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.px-tax{max-width:800px}.px-tax-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:18px 0}.px-activity-row{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:16px;padding:16px;border-bottom:1px solid var(--line);color:var(--ink)}.px-confirm{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(520px,94vw);max-height:90vh;overflow:auto;background:#fff;z-index:1010;padding:28px;border-radius:14px}.px-confirm textarea{min-height:90px;margin-bottom:18px}.px-advanced{margin-top:24px}
@media(max-width:1280px){.px-method-row{grid-template-columns:minmax(130px,1.4fr) 58px 100px minmax(90px,1fr) 90px 80px;gap:8px}.px-drawer{width:65vw;min-width:800px}.px-research{grid-template-columns:190px minmax(0,1fr);gap:18px}.px-quote{padding:12px}}
@media(max-width:1100px){.px-drawer{width:100%;max-width:none;min-width:0}.px-research{grid-template-columns:170px minmax(0,1fr)}.px-method-row{grid-template-columns:1.4fr 60px 110px 1fr}.px-method-row>div:nth-last-child(2){grid-column:1/3}.px-method-row>button:last-child{grid-column:4}.px-research .px-quotes{grid-template-columns:1fr}.px-research .px-quote header{min-height:0}.px-research .px-quote dl{display:block}}
@media(max-width:650px){.px-header{align-items:start}.px h1{font-size:27px}.px-header a{font-size:12px}.px-toolbar{flex-wrap:wrap;gap:10px}.px-toolbar label:first-child{width:140px}.px-toolbar label:nth-child(2){min-width:160px}.px-method-row{grid-template-columns:minmax(0,1fr) 55px;gap:10px;padding:15px 4px}.px-method-row select{grid-column:1}.px-method-row>div:nth-last-child(2){grid-column:1}.px-method-row>button:last-child{grid-column:2;font-size:12px;padding:8px}.px-method-row>div{font-size:12px}.px-drawer{padding:0 16px 30px}.px-quotes{grid-template-columns:1fr}.px-quote header{min-height:0}.px-quote dl{display:block}.px-price{font-size:30px}.px-research{display:block}.px-method-nav{position:static;max-height:220px;overflow:auto;margin-bottom:20px}.px-provider-grid,.px-tax-fields{grid-template-columns:1fr}.px-save{bottom:8px;gap:6px;padding:10px}.px-save button{font-size:12px;padding:8px}.px-manual{flex-wrap:wrap;font-size:13px}.px-activity-row{grid-template-columns:1fr 1fr;font-size:12px}.px-market small{width:100%;margin:0}.px-context{gap:4px}.px-context button{font-size:12px}}

@media(max-width:650px){body:has(#payment-workspace) .genie-launch{bottom:82px;padding:9px;font-size:0;width:38px;height:38px;right:4px}body:has(#payment-workspace) .genie-launch span{font-size:18px;margin:0}.px-save{bottom:74px}.px-method-row{padding-right:18px}.px-drawer .px-save{bottom:8px}}

/* P15: comparison is part of the page so methods and quotes never overlap. */
.px-settings-split{display:grid;grid-template-columns:288px minmax(0,1fr);gap:24px;align-items:start}
.px-method-rail{min-width:0;max-height:calc(100vh - 120px);overflow:auto;position:sticky;top:16px;padding:0 10px 20px 0}
.px-toolbar-compact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-bottom:14px}.px-toolbar-compact label{min-width:0!important;width:auto!important}.px-toolbar-compact button{padding:10px 11px;font-size:12px}
.px-rail-row{padding:13px 8px;border-top:1px solid var(--line);background:#fff}.px-rail-row[data-selected=true]{background:#f1f6f2;box-shadow:inset 3px 0 var(--accent)}.px-rail-head{display:flex;align-items:flex-start;gap:8px}.px-rail-title{flex:1;min-width:0;border:0!important;background:transparent!important;text-align:left;padding:0!important}.px-rail-title strong,.px-rail-title small{display:block;overflow-wrap:normal;word-break:normal}.px-rail-title small{margin-top:4px}.px-rail-row .px-switch{flex:0 0 auto}.px-rail-route{margin-top:10px}.px-rail-route select{font-size:13px;margin-top:4px!important}.px-manual-compact{display:grid;gap:5px;align-items:start}.px-manual-compact span{font-size:12px}.px-manual-compact button{margin:5px 0 0;width:100%}
.px-compare-panel{min-width:0;border-left:1px solid var(--line);padding-left:24px}
.px-compare-panel .px-drawer-head{position:sticky;top:0;background:#fff;z-index:3}
.px-compare-panel .px-quotes{grid-template-columns:repeat(3,minmax(240px,1fr))}.px .px-method-switcher{display:none;max-width:360px;margin:0 0 12px}
@media(max-width:1400px){.px-settings-split{display:block}.px-settings-split .px-method-rail{display:none}.px-compare-panel{border:0;padding:0}.px-compare-panel .px-drawer-head{padding-top:10px}.px .px-method-switcher{display:block}.px-compare-panel .px-quotes{grid-template-columns:repeat(3,minmax(240px,1fr));overflow:visible}.px-compare-panel .px-quote{min-width:0}}
@media(max-width:1100px){.px-compare-panel .px-quotes{grid-template-columns:1fr}.px-compare-panel .px-quote{max-width:680px}.px-compare-panel .px-quote dl{display:grid}}
@media(max-width:650px){.px-header,.px-compare-panel .px-drawer-head{flex-wrap:wrap}.px-compare-panel .px-drawer-head{gap:10px}.px-compare-panel .px-quotes{display:block;overflow:visible}.px-compare-panel .px-quote{margin-bottom:14px}.px-settings-split .px-method-rail{position:static;max-height:none}}

/* P18: details span the row instead of stretching the narrow fee column. */
.px .px-method-row{align-items:center}
.px .px-method-details{grid-column:1/-1;min-width:0;border:0;padding:0 0 2px;margin:0}
.px .px-method-details summary{font-size:12px;color:var(--muted);width:fit-content}
.px .px-method-details p{max-width:100%;overflow-wrap:anywhere;margin:10px 0 0;padding:12px 16px;background:#f4f7f4;border-radius:8px;line-height:1.6}
.px-quote-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.px .px-live-test{padding:7px 10px;font-size:12px;white-space:nowrap;border-color:#8ca997;color:#185e4b}
.px-test-dialog label{margin:14px 0}
.px .px-test-consent{display:flex;align-items:flex-start;gap:9px;line-height:1.5}
.px-test-consent input{margin-top:3px;flex:0 0 auto}
.px-test-dialog details p{overflow-wrap:anywhere}
@media(max-width:650px){.px .px-method-details{grid-column:1/-1}.px-quote-top{flex-wrap:nowrap}.px-test-dialog{padding:20px}}

@media(max-width:1100px){.px-method-row>div:nth-of-type(2){grid-column:1/3}.px-method-row>button[data-px="compare"]:not(.px-method-title){grid-column:4}}
@media(max-width:650px){.px-method-row>div:nth-of-type(1){grid-column:1/-1}.px-method-row>div:nth-of-type(2){grid-column:1}.px-method-row>button[data-px="compare"]:not(.px-method-title){grid-column:2;font-size:12px;padding:8px}}
