/* FLOWROUTE release: preserve the approved sage / industrial layout. */
.wordmark{font-size:30px;letter-spacing:-1.6px;flex-shrink:0;white-space:nowrap}
.wordmark .brand-dot{font-size:24px}
.footer-word{font-size:clamp(54px,13.9vw,260px);letter-spacing:-.065em;white-space:nowrap;line-height:1.05}
.mobile-trade-link{display:none}
.skip-link{position:fixed;left:18px;top:-80px;z-index:100;background:var(--ink);color:var(--plate);padding:14px 20px;border-radius:8px}
.skip-link:focus{top:12px}
:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.help-section{padding:70px var(--gutter);display:grid;grid-template-columns:1fr 1.2fr;gap:60px;border-top:1px solid var(--line)}
.help-section h2{font-size:clamp(30px,4vw,58px);max-width:430px;line-height:1.05;margin-top:18px}
.help-items details{border-bottom:1px solid var(--line)}
.help-items summary{font-size:16px;font-weight:550;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0}
.help-items summary::-webkit-details-marker{display:none}
.help-items summary::after{content:'+';font-size:22px;font-weight:400;flex:none}
.help-items details[open] summary::after{content:'−'}
.help-items p{color:#53604d;line-height:1.7;font-size:14px;padding:0 25px 24px 0;max-width:630px}
.noscript-note{position:fixed;bottom:20px;left:5%;right:5%;padding:20px;background:var(--lime);border:1px solid var(--ink);z-index:40}
.token-button strong{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#trade{scroll-margin-top:24px}
@media(min-width:801px) and (max-width:1100px){.site-header{gap:18px}.site-header nav{gap:0}.site-header nav a{padding:10px;font-size:11px}.wordmark{font-size:27px}}
@media(max-width:800px){
 .site-header{justify-content:space-between;gap:12px}.wordmark{font-size:26px;letter-spacing:-1.3px;gap:2px}.wordmark .brand-dot{font-size:21px}.header-actions{margin-left:auto}.site-header .button.small{min-height:42px;padding:11px 13px;font-size:11px}
 .footer-word{font-size:13.6vw;letter-spacing:-.065em}.footer-base{flex-wrap:wrap;gap:14px;font-size:10px}
 .mobile-trade-link{display:inline-flex;min-height:44px;margin-top:20px;font-size:13px;padding:12px 20px}
 .help-section{grid-template-columns:1fr;gap:20px;padding:45px 5%}.help-section h2{margin-top:14px;font-size:36px}.help-items summary{font-size:15px;padding:20px 0}.help-items p{font-size:13px}
 .route-picker-input{font-size:16px}.route-shortcuts button{min-height:40px}.close-modal{min-height:44px;min-width:44px}.route-hop,.route-result small{font-size:9px}.route-count{font-size:9px}
}
@media(max-width:360px){.wordmark{font-size:23px}.site-header .button.small{font-size:10px;padding:10px}.trade-panel{padding:15px}.route-result{max-width:100px}.token-button strong{max-width:78px}.amount-row>strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Route titles identify the real exchange and the pool fee path. */
.path-label{flex-wrap:wrap;justify-content:center;column-gap:5px;row-gap:3px;max-width:190px;border-radius:12px}.path-label>span{font-size:9px}.path-label b{display:block;flex-basis:100%;text-align:center;font-size:8px;margin:0}.scene-status{max-width:55%;text-align:right}.route-option>span:nth-child(2){min-width:0}.route-hop{line-height:1.55}.journey-tabs button{text-align:left;line-height:1.5}
@media(max-width:800px){.path-label{max-width:140px;padding:5px 7px}.path-label>span{font-size:8px}.path-label b{font-size:7px}.scene-status{max-width:50%}}

/* Source coverage remains legible in the narrow swap panel. */
.coverage-panel{margin:14px 0;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;padding:12px 0;color:#d6ddcf;font-size:11px}
.coverage-panel summary{cursor:pointer;font-weight:600;font-size:12px;min-height:28px}
.source-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0}
.source-row>span:first-child{min-width:0;overflow-wrap:anywhere}
.source-row small{display:block;margin-top:4px;font-size:10px;color:#a3ae9b;line-height:1.4}
.source-status{flex-shrink:0;color:#bac5b0;font-size:10px}
.source-status.quoted{color:#c5ff54}.source-status.partial{color:#e9ce8a}.source-status.unavailable{color:#e4a18d}
.source-error{font-size:10px;color:#e4a18d;line-height:1.5;margin:0 0 7px}
.route-name{display:flex;gap:6px;flex-wrap:wrap;line-height:1.45;overflow-wrap:anywhere}
.route-hop{overflow-wrap:anywhere}.route-result{min-width:0;overflow-wrap:anywhere}
.route-option{grid-template-columns:14px minmax(0,1fr) minmax(84px,.8fr)}
#journey-summary,.flow-steps p,.receipt dd{overflow-wrap:anywhere}