.swap-page{max-width:1280px;margin:auto}.swap-intro{text-align:center;padding:44px 20px;background:radial-gradient(ellipse at top,#75623535,transparent 70%);border-bottom:1px solid #bba36b55;margin-bottom:28px}.swap-intro h1{font-family:Georgia,serif;font-size:clamp(2.6rem,6vw,4.8rem);color:#e4cd92;margin:14px 0}.swap-intro p{line-height:1.8}.swap-picker label{display:grid;gap:12px;max-width:620px}.swap-picker select{width:100%}.swap-metrics{display:flex;flex-wrap:wrap;gap:12px}.swap-metrics span{padding:10px 15px;background:#a28b4c18;border:1px solid #bba36b40;border-radius:6px}.swap-shell,.swap-result,.swap-method{margin-block:24px}.swap-results{display:grid;gap:22px}.swap-result{margin:0!important;overflow:hidden}.swap-result h3{font:1.9rem Georgia,serif;color:#e4cd92;overflow-wrap:anywhere}.swap-option-body{display:grid;grid-template-columns:minmax(240px,38%) 1fr;gap:30px;margin-block:22px}.swap-art-pair{display:flex;align-items:flex-start;justify-content:center;gap:12px;min-width:0}.swap-art-pair>div{min-width:0;flex:1;max-width:280px}.swap-art-pair .precon-card-image{width:100%;display:block;padding:0;background:transparent}.swap-art-pair img{width:100%;height:auto;object-fit:contain;border-radius:12px}.swap-art-pair small{display:block;margin-top:9px;line-height:1.5}.swap-result p,.swap-shell p,.swap-method p{line-height:1.75;overflow-wrap:anywhere}.swap-review{border-top:1px solid #bba36b55;padding-top:20px}.swap-review summary,.swap-method summary{cursor:pointer;color:#e4cd92;font-weight:600}.swap-page h4{font-size:1.05rem;color:#e4cd92;margin:0 0 15px}.swap-page h4:not(:first-child){margin-top:25px}.swap-page button:focus-visible,.swap-page summary:focus-visible,.swap-page select:focus-visible{outline:3px solid #ead399;outline-offset:5px}@media(max-width:760px){.swap-option-body{grid-template-columns:1fr}.swap-art-pair{max-width:520px;width:100%;margin:auto}.swap-intro{padding:24px 8px}.swap-result h3{font-size:1.5rem}.swap-page .panel{padding:20px}.swap-metrics{gap:8px}.swap-metrics span{padding:8px}.swap-picker select{min-width:0;max-width:100%}}

.swap-intro{background:radial-gradient(ellipse at top,#75623555,transparent 70%),linear-gradient(135deg,#102c25,#172c21);border-radius:14px;color:#e4cd92}.swap-intro p{color:#d4ddcf}.swap-result h3,.swap-page h4,.swap-review summary,.swap-method summary{color:var(--accent-dark)}.swap-art-pair .precon-art-affordance{color:var(--accent-dark);background:var(--paper)}.swap-page button:focus-visible,.swap-page summary:focus-visible,.swap-page select:focus-visible{outline-color:var(--accent-dark)}
/* Commander Swap editorial presentation only. */
.sidebar:has(~ .workspace .swap-editorial-page){display:none}.workspace:has(.swap-editorial-page){margin-left:0;min-width:0;background:#071718}.workspace:has(.swap-editorial-page)>.topbar,.workspace:has(.swap-editorial-page)>.preview-banner{display:none}.workspace:has(.swap-editorial-page)>main{max-width:none;padding:0;overflow:visible}.workspace:has(.swap-editorial-page)>footer{padding:28px 6%;background:#061012;margin:0;color:#b8c4b9}.workspace:has(.swap-editorial-page)>footer a{color:#d4be86}
.swap-editorial-page{background:#071718;color:#edf0e5;min-height:100vh}.swap-editorial-page .swap-page{max-width:none;margin:0;color:#edf0e5;font-family:'Segoe UI',Arial,sans-serif}
.swap-editorial-page .swap-intro{position:relative;isolation:isolate;min-height:440px;margin:0;padding:55px 6%;display:flex;align-items:center;text-align:left;border:0;border-radius:0;background:#071718;overflow:hidden}
.swap-editorial-page .swap-hero-art{position:absolute;inset:0;z-index:-3}.swap-editorial-page .swap-hero-art img{width:100%;height:100%;object-fit:cover;object-position:70% 46%}.swap-editorial-page .swap-intro:before{content:'';position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#061416f5,#061416b3 35%,#06141618 67%),linear-gradient(0deg,#071718,transparent 28%)}
.swap-editorial-page .swap-intro-copy{max-width:650px}.swap-editorial-page .swap-intro .eyebrow{color:#dfc58a;letter-spacing:2.4px;font-size:11px}.swap-editorial-page .swap-intro h1{font:700 clamp(50px,5.4vw,80px)/1.03 Georgia,serif;letter-spacing:-2.5px;margin:18px 0 24px;color:#f3f0e7}.swap-editorial-page .swap-intro p{font-size:18px;line-height:1.75;color:#e3e9de;max-width:57ch}.swap-editorial-page .swap-intro .muted{font-size:14px;color:#ddc78e;margin-top:20px;max-width:50ch}
.swap-editorial-page .swap-reading{width:min(1260px,calc(100% - 90px));margin:auto;padding:45px 0 80px}.swap-editorial-page .swap-reading :is(p,li){font-size:17px;line-height:1.85;color:#d3dfd3;overflow-wrap:anywhere}.swap-editorial-page .swap-reading :is(h2,h3,h4){font-family:Georgia,serif;font-weight:700;color:#f3f0e7;line-height:1.18;letter-spacing:-.6px;text-shadow:none}.swap-editorial-page .swap-reading h2{font-size:clamp(30px,3.4vw,46px);margin:15px 0 26px}.swap-editorial-page .swap-reading h3{font-size:clamp(28px,3vw,42px);margin:18px 0 20px}.swap-editorial-page .swap-reading h4{font-size:25px;line-height:1.35;color:#dec58b;margin:0 0 20px}.swap-editorial-page .swap-reading h4:not(:first-child){margin-top:32px}
.swap-editorial-page .panel{border:0;border-radius:0;background:none;box-shadow:none;padding:0}.swap-editorial-page .panel:before{display:none}.swap-editorial-page .swap-picker{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px 65px;align-items:end;margin:0 0 55px;padding:0 0 35px;border-bottom:1px solid #c9ad7040}
.swap-editorial-page .swap-picker label{font:700 26px/1.35 Georgia,serif;color:#f3f0e7;max-width:none;gap:18px}.swap-editorial-page .swap-reading select{display:block;width:100%;max-width:100%;min-height:52px;font:16px/1.5 'Segoe UI',Arial,sans-serif;padding:12px 40px 12px 16px;color:#f3f0e7;background:#102d2f;border:1px solid #c9ad7070;border-radius:0}.swap-editorial-page .swap-reading select option{background:#102d2f;color:#f3f0e7}.swap-editorial-page .swap-picker p{margin:0;font-size:16px}.swap-editorial-page .swap-reading>label{display:grid;gap:15px;max-width:620px;font:700 25px/1.3 Georgia,serif;margin:35px 0 60px;color:#e8d5a4}
.swap-editorial-page .swap-shell{padding:15px 0 45px;margin-bottom:45px;border-bottom:1px solid #c9ad7040}.swap-editorial-page .swap-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:32px 0;padding-block:20px;border-block:1px solid #c9ad7035}.swap-editorial-page .swap-metrics span{padding:5px 20px;border:0;border-left:1px solid #c9ad7040;border-radius:0;background:none;font-size:16px;color:#d9e4d7}.swap-editorial-page .swap-metrics span:first-child{padding-left:0;border:0}.swap-editorial-page .swap-reading .notice{border:0;border-left:3px solid #cfb273;border-radius:0;background:#cfb2730d;padding:20px 24px;font-size:16px;line-height:1.8;margin-block:28px}
.swap-editorial-page .swap-results-title{padding-top:20px}.swap-editorial-page .swap-results{display:block;margin-top:38px}.swap-editorial-page .swap-result{padding:50px 0 60px!important;margin:0!important;border-top:1px solid #c9ad7050;overflow:visible}.swap-editorial-page .swap-result .eyebrow{font-size:11px;letter-spacing:2px;color:#cfb77f}.swap-editorial-page .swap-result .badge{display:inline-block;font:700 14px/1.5 'Segoe UI',Arial,sans-serif;padding:6px 12px;border:1px solid #c9ad7060;border-radius:0;background:#cfb27312;color:#e9d6a4}.swap-editorial-page .swap-result header>p:not(.badge){font-size:15px;color:#bacfbe}
.swap-editorial-page .swap-option-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:65px;margin:36px 0}.swap-editorial-page .swap-art-pair{gap:18px;align-self:start;justify-content:flex-start}.swap-editorial-page .swap-art-pair>div{max-width:310px}.swap-editorial-page .swap-art-pair:has(>div:only-child)>div{max-width:330px;flex-basis:100%}.swap-editorial-page .swap-art-pair .precon-card-image{width:100%;background:none;border:0;border-radius:0;box-shadow:none;transition:transform 180ms ease}.swap-editorial-page .swap-art-pair img{width:100%;height:auto;max-height:none;object-fit:contain;border-radius:10px}.swap-editorial-page .swap-art-pair small{font-size:13px;line-height:1.6;color:#b7cbbb}.swap-editorial-page .precon-art-affordance{color:#f1deaa;background:#102d2f;font-size:12px;border-color:#c9ad7070}.swap-editorial-page .swap-review{margin-top:36px;padding:24px 0 0;border-color:#c9ad7040}.swap-editorial-page :is(.swap-review,.swap-method)>summary{font:700 24px/1.4 Georgia,serif;color:#dec58b;padding:10px 0;cursor:pointer}.swap-editorial-page .swap-method{margin-top:35px;padding-top:30px;border-top:1px solid #c9ad7040}.swap-editorial-page .swap-reading a{color:#ead3a0;text-underline-offset:4px}
.swap-editorial-page .swap-result:nth-child(even) .swap-option-body{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr)}.swap-editorial-page .swap-result:nth-child(even) .swap-art-pair{order:1}.swap-editorial-page .swap-result:nth-child(even) .swap-option-body>div:last-child{order:0}
.swap-editorial-page :is(a,button,summary,select):focus-visible{outline:3px solid #e5a827;outline-offset:5px}.swap-editorial-page :is(h1,h2,h3,h4,summary,select,button,[id]){scroll-margin-top:120px}.swap-editorial-page .swap-reading .button{--edge:#cfb273;--fill:#102d2f;position:relative;isolation:isolate;border:0;background:none;border-radius:0;color:#f3f0e7;min-height:46px;font:700 13px/1.4 'Segoe UI',Arial,sans-serif;padding:13px 22px;margin-left:15px}.swap-editorial-page .swap-reading .button:before,.swap-editorial-page .swap-reading .button:after{content:'';position:absolute;pointer-events:none;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.swap-editorial-page .swap-reading .button:before{inset:0;z-index:-2;background:var(--edge)}.swap-editorial-page .swap-reading .button:after{inset:1px;z-index:-1;background:var(--fill)}
@media(hover:hover) and (pointer:fine){.swap-editorial-page .swap-art-pair .precon-card-image:hover{transform:scale(1.015)}.swap-editorial-page .swap-reading .button:hover{--fill:#1a4243;transform:translateY(-1px)}}.swap-editorial-page .swap-art-pair .precon-card-image:active{transform:scale(.99)}.swap-editorial-page .swap-reading .button:active{transform:translateY(1px)}
@media(max-width:900px){.swap-editorial-page .swap-reading{width:calc(100% - 54px)}.swap-editorial-page .swap-option-body,.swap-editorial-page .swap-result:nth-child(even) .swap-option-body{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px}.swap-editorial-page .swap-result:nth-child(even) .swap-art-pair{order:0}.swap-editorial-page .swap-picker{gap:30px}.swap-editorial-page .swap-intro h1{font-size:64px}.swap-editorial-page .swap-intro-copy{max-width:560px}}
@media(max-width:600px){.swap-editorial-page .swap-intro{min-height:480px;padding:200px 24px 28px;align-items:flex-end}.swap-editorial-page .swap-intro:before{background:linear-gradient(0deg,#071718 0%,#071718d9 43%,#07171815 78%)}.swap-editorial-page .swap-hero-art img{object-position:50% 20%}.swap-editorial-page .swap-intro .eyebrow{font-size:9px;letter-spacing:1.5px}.swap-editorial-page .swap-intro h1{font-size:46px;letter-spacing:-1.5px;margin:14px 0 16px}.swap-editorial-page .swap-intro p{font-size:15px;line-height:1.7}.swap-editorial-page .swap-intro .muted{font-size:12px;line-height:1.7;margin-top:12px}.swap-editorial-page .swap-reading{width:calc(100% - 40px);padding-top:30px}.swap-editorial-page .swap-picker{grid-template-columns:1fr;gap:20px;padding-bottom:30px;margin-bottom:30px}.swap-editorial-page .swap-picker label{font-size:24px}.swap-editorial-page .swap-reading :is(p,li){font-size:16px;line-height:1.85}.swap-editorial-page .swap-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0}.swap-editorial-page .swap-metrics span{font-size:15px;padding-inline:15px}.swap-editorial-page .swap-metrics span:nth-child(odd){border-left:0;padding-left:0}.swap-editorial-page .swap-reading>label{font-size:24px;margin-bottom:35px}.swap-editorial-page .swap-result{padding-block:35px 45px!important}.swap-editorial-page .swap-option-body,.swap-editorial-page .swap-result:nth-child(even) .swap-option-body{grid-template-columns:1fr;gap:32px}.swap-editorial-page .swap-result:nth-child(even) .swap-art-pair,.swap-editorial-page .swap-result:nth-child(even) .swap-option-body>div:last-child{order:initial}.swap-editorial-page .swap-art-pair{max-width:100%;gap:12px}.swap-editorial-page .swap-art-pair:has(>div:only-child){justify-content:center}.swap-editorial-page .swap-art-pair:has(>div:only-child)>div{max-width:270px}.swap-editorial-page .swap-reading h3{font-size:30px}.swap-editorial-page .swap-reading h4{font-size:25px}.swap-editorial-page :is(.swap-review,.swap-method)>summary{font-size:22px}.swap-editorial-page .swap-reading .notice{padding:17px 18px}.swap-editorial-page .swap-reading .button{display:block;margin:14px 0 0}.swap-editorial-page :is(h1,h2,h3,h4,summary,select,button,[id]){scroll-margin-top:95px}}
@media(prefers-reduced-motion:reduce){.swap-editorial-page .precon-card-image,.swap-editorial-page .swap-reading .button{transition:none!important;transform:none!important}}html[data-motion=false] .swap-editorial-page .precon-card-image,html[data-motion=false] .swap-editorial-page .swap-reading .button{transition:none!important;transform:none!important}
.swap-editorial-page .swap-intro p,.swap-editorial-page .swap-reading :is(p,li){font-family:'Segoe UI',Arial,sans-serif}
@media(max-width:600px){.swap-editorial-page .swap-hero-art{height:360px;bottom:auto}.swap-editorial-page .swap-hero-art img{object-position:50% 80%}}