/* Shared harbour materials for the existing Atlas and Rogue Vault.
   Layouts, navigation, network settings and wallet actions are preserved. */
.ecosystem-atlas,.ecosystem-vault{
  color-scheme:light;--ink:#f7f0df;--panel:#fffaf0;--text:#173e36;
  --muted:#52665e;--gold:#9c681f;--mint:#167864;--coral:#b94c3f;
  --line:#284f3826;--harbour:#103f36;--paper:#fffaf0;--sand:#f7f0df;
  color:var(--text);background:#f7f0df;
  background-image:radial-gradient(ellipse at 0 5%,#b2e3d765,transparent 48%),radial-gradient(ellipse at 100% 65%,#efd69950,transparent 50%);
}
.ecosystem-atlas :is(a,button,input):focus-visible,.ecosystem-vault :is(a,button,input):focus-visible{outline:3px solid #b35a32;outline-offset:4px}
.ecosystem-atlas .atlas-atmosphere,.ecosystem-vault .vault-atmosphere{background:none;opacity:.12}
.ecosystem-atlas .atlas-header,.ecosystem-vault .vault-nav{
  color:#fff7df;background:#103f36f5;border-bottom:1px solid #f4d28e55;
  box-shadow:0 5px 0 #092d2740,0 14px 26px #294f3812;
}
.ecosystem-atlas .atlas-brand small,.ecosystem-vault .vault-brand small{color:#f0ce87}
.ecosystem-atlas .atlas-header nav a,.ecosystem-vault .vault-nav nav{color:#dcece3}
.ecosystem-atlas .atlas-header nav a:hover,.ecosystem-vault .vault-nav nav a:hover{color:#fff1bf}
.ecosystem-atlas .atlas-header nav a:last-child{color:#153f32;background:#f5ce76;border-color:#e8b94c;box-shadow:0 3px 0 #a77b24;padding:9px 18px;font-weight:700}
.ecosystem-atlas .atlas-header nav a.atlas-play{white-space:nowrap}
.ecosystem-atlas .atlas-motion,.ecosystem-atlas .contents-button,.ecosystem-vault .motion-button{color:#e6f4dd;border-color:#c6e5c64a;background:#ffffff0b;min-width:40px;min-height:40px}
.ecosystem-atlas .atlas-layout{gap:36px}
.ecosystem-atlas .atlas-sidebar{scrollbar-color:#adc1ab transparent;border-right-color:#254e3826}
.ecosystem-atlas .sidebar-heading p{color:#244e40}
.ecosystem-atlas .tiny-label,.ecosystem-atlas .atlas-search>span{color:#99651b;font-weight:700}
.ecosystem-atlas .chapter>p{color:#224e40;font-size:13px}
.ecosystem-atlas .chapter>p span{color:#8f794d}
.ecosystem-atlas .chapter>a{color:#52695d;border-radius:10px;padding-block:8px}
.ecosystem-atlas .chapter>a:hover{background:#cce8dc;color:#144a3c}
.ecosystem-atlas .chapter>a.selected{background:#d9ece1;color:#0b624b;border-color:#8abda55e;box-shadow:inset 3px 0 #227c61}
.ecosystem-atlas .chapter>a i{background:#809c8c}
.ecosystem-atlas .chapter>a.selected i{background:#087457;box-shadow:none}
.ecosystem-atlas .sidebar-port{background:#fffaef;border:1px solid #d9caa7;box-shadow:0 4px 0 #d8c9a954;border-radius:14px}
.ecosystem-atlas .sidebar-port>span{color:#987037}
.ecosystem-atlas .atlas-search input{background:#fffcf3;color:#244b3e;border:1px solid #c8c7ae;box-shadow:inset 0 2px 3px #574b2008}
.ecosystem-atlas .atlas-search input::placeholder{color:#748071;opacity:1}
.ecosystem-atlas #atlasSearchResults a,.ecosystem-atlas #mobileSearchResults a{color:#20543f;background:#e9f1e5;border-color:#b6cbb9}
.ecosystem-atlas #atlasSearchResults small,.ecosystem-atlas #mobileSearchResults small{color:#627469}
.ecosystem-atlas .search-empty{color:#5c6b61}
.ecosystem-atlas .article-breadcrumb{color:#687966}
.ecosystem-atlas .article-breadcrumb a{color:#21694f}
.ecosystem-atlas .article-breadcrumb span{color:#a8946d}
.ecosystem-atlas .article-heading h1{color:#173e36;font-weight:600;text-shadow:0 2px #fff9e8}
.ecosystem-atlas .article-lead{color:#52675c;line-height:1.8}
.ecosystem-atlas .article-body{font-size:16px;line-height:1.85}
.ecosystem-atlas .article-body h2{color:#174e3f;font-weight:600;margin-top:42px}
.ecosystem-atlas .article-body h3,.ecosystem-atlas .article-body strong{color:#254e3b}
.ecosystem-atlas .article-body p,.ecosystem-atlas .article-body ul{color:#52665e}
.ecosystem-atlas .article-body p a,.ecosystem-atlas .article-body li a{color:#166c51;text-decoration-color:#16786480}
.ecosystem-atlas .article-hero{border:5px solid #fffcf1;border-radius:24px;box-shadow:0 5px 0 #d4c49e,0 18px 34px #775f2820;background:#e4ebd9}
.ecosystem-atlas .article-hero:after{display:none}
.ecosystem-atlas .atlas-coin,.ecosystem-atlas .atlas-loot{background:#e4efe1}
.ecosystem-atlas .atlas-card,.ecosystem-atlas .atlas-card:nth-child(2),.ecosystem-atlas .atlas-card:nth-child(3),
.ecosystem-atlas .path-pair>a,.ecosystem-atlas .path-pair>a:nth-child(2),
.ecosystem-atlas .definition-grid>div,.ecosystem-atlas .definition-grid>div:nth-child(2),.ecosystem-atlas .definition-grid>div:nth-child(3),
.ecosystem-atlas .rule-grid>div,.ecosystem-atlas .currency-pair>div,.ecosystem-atlas .network-settings>div,
.ecosystem-atlas .shortcut-directory>a,.ecosystem-atlas .shortcut-directory>a:nth-child(2),.ecosystem-atlas .tool-directory>a{
  background:#fffbf0;border:1px solid #d9cba9;border-radius:16px;
  box-shadow:inset 0 2px #fff,0 4px 0 #daccab6b,0 12px 24px #725e1f0a;color:#274e3e;
}
.ecosystem-atlas .atlas-card:nth-child(2n){background:#f8edcf}
.ecosystem-atlas .atlas-card:nth-child(3n){background:#e7f0e0}
.ecosystem-atlas .atlas-card:hover,.ecosystem-atlas .path-pair>a:hover,.ecosystem-atlas .shortcut-directory>a:hover,.ecosystem-atlas .tool-directory>a:hover{border-color:#8bb397;box-shadow:inset 0 2px #fff,0 6px 0 #aac9ad6b,0 16px 26px #446d3517}
.ecosystem-atlas .card-mark,.ecosystem-atlas .card-read{color:#207957}
.ecosystem-atlas .atlas-card:nth-child(2) .card-mark,.ecosystem-atlas .path-pair>a:nth-child(2) small{color:#9b6c20}
.ecosystem-atlas .atlas-card:nth-child(3) .card-mark{color:#bd6048}
.ecosystem-atlas .path-pair small,.ecosystem-atlas .atlas-card>small{color:#67755c}
.ecosystem-atlas .shortcut-directory b,.ecosystem-atlas .tool-directory b,.ecosystem-atlas .network-settings b,.ecosystem-atlas .rule-grid b,.ecosystem-atlas .atlas-definitions b{color:#264c3b}
.ecosystem-atlas .shortcut-directory small,.ecosystem-atlas .tool-directory small,.ecosystem-atlas .network-settings em,.ecosystem-atlas .network-settings small,.ecosystem-atlas .rule-grid small{color:#657362}
.ecosystem-atlas .network-settings button,.ecosystem-atlas .network-settings a{color:#17634b}
.ecosystem-atlas .network-settings small{font-size:10px;line-height:1.5}
.ecosystem-atlas .network-settings em{font-size:11px;line-height:1.6}
.ecosystem-atlas .card-read{font-size:11px;line-height:1.6}
.ecosystem-atlas .tool-status{color:#225a42;background:#e2efcf;border-color:#a0bd8b;font-size:11px;letter-spacing:.08em;font-weight:700}
.ecosystem-atlas .inline-link,.ecosystem-atlas .all-passages,.ecosystem-atlas .atlas-github{color:#1d7054}
.ecosystem-atlas .chart-note,.ecosystem-atlas .atlas-note,.ecosystem-atlas .status-note{background:#e4f0e1;border:1px solid #b5cba7;border-left:4px solid #41865d;border-radius:3px 15px 15px 3px;box-shadow:0 5px 16px #4b6e2308}
.ecosystem-atlas .chart-note b{color:#2b6747}
.ecosystem-atlas .chart-note.gold{background:#fcf0cf;border-color:#ddc38a;border-left-color:#b78c39}
.ecosystem-atlas .chart-note.gold b{color:#89631f}
.ecosystem-atlas .voyage-steps li:before{color:#215b45;background:#dfeddb;border:1px solid #a9c4a6;box-shadow:0 3px 0 #bdd0af}
.ecosystem-atlas .voyage-steps li:not(:last-child):after{background:#c5d2b8}
.ecosystem-atlas .voyage-steps li b{color:#2e5641}
.ecosystem-atlas .atlas-button{color:#fff8e6;background:#216e55;border:1px solid #18563e;border-radius:11px;box-shadow:inset 0 1px #ffffff30,0 4px 0 #15452e;min-height:44px;font-weight:700;padding:12px 18px}
.ecosystem-atlas .atlas-button:hover{background:#185c43}
.ecosystem-atlas .atlas-button.secondary{color:#694d1f;background:#f6e3b4;border-color:#d3b678;box-shadow:inset 0 1px #fff9da,0 4px 0 #b89a5e}
.ecosystem-atlas .deepwater-banner{background:#174e46;border-color:#4e8b70;border-radius:18px;box-shadow:0 5px 0 #103c32,0 18px 28px #2d554c14}
.ecosystem-atlas .deepwater-banner h2,.ecosystem-atlas .deepwater-banner b{color:#ffdf94}
.ecosystem-atlas .deepwater-banner p,.ecosystem-atlas .deepwater-banner span{color:#d5e8d9}
.ecosystem-atlas .flow-chart>span,.ecosystem-atlas .stake-route>div,.ecosystem-atlas .guide-flow>span{background:#e5efdf;color:#2d5e44;border-color:#b5c6a1;border-radius:12px;box-shadow:0 3px 0 #c8d2b7}
.ecosystem-atlas .flow-chart>span small,.ecosystem-atlas .stake-route>div>span{color:#9f7225}
.ecosystem-atlas .stake-route b{color:#2f5a41}
.ecosystem-atlas .stake-route small{color:#66725b}
.ecosystem-atlas .flow-chart>span:after,.ecosystem-atlas .stake-route>div:after{color:#a18c57}
.ecosystem-atlas .table-wrap{border:1px solid #d7caa7;border-radius:14px;background:#fffaf0}
.ecosystem-atlas th{color:#436047;background:#e9eedc}
.ecosystem-atlas td{color:#52665b;border-color:#d8cfb7}
.ecosystem-atlas td:nth-child(2){color:#37714e}
.ecosystem-atlas .article-body code{background:#eee8d5;color:#5d552e;border-color:#d7caa8;overflow-wrap:anywhere}
.ecosystem-atlas .article-rail button{color:#657462}
.ecosystem-atlas .article-rail button:hover,.ecosystem-atlas .article-rail #pageOutline button.is-current{color:#155e43;background:#e2efdf}
.ecosystem-atlas .rail-shortcuts{background:#fff8e5;border-color:#d5c7a0;box-shadow:inset 0 2px #fffdf2,0 4px 0 #e0d2af}
.ecosystem-atlas .rail-shortcuts nav>a{color:#355543}
.ecosystem-atlas .rail-shortcuts small{color:#6a775e;font-size:11px;line-height:1.65}
.ecosystem-atlas .rail-note p{color:#72806a}
.ecosystem-atlas .shortcut-symbol{background:#deebd8;color:#34845b;border-color:#b0c6a0}
.ecosystem-atlas .rail-note>span{color:#b38a39}
.ecosystem-atlas .community-icon,.ecosystem-atlas .article-rail .community-discord,.ecosystem-atlas .article-rail .community-telegram,.ecosystem-atlas .article-rail .community-x{background:#fcf8ea;color:#3f6550;border-color:#c1cab2;box-shadow:0 3px 0 #d0d7be}
.ecosystem-atlas .page-turns a{background:#fff9e9;border-color:#d7c69d;border-radius:13px;box-shadow:0 3px 0 #ded1b2}
.ecosystem-atlas .page-turns a:hover{border-color:#98b996}
.ecosystem-atlas .page-turns b{color:#36583e}
.ecosystem-atlas .page-turns small,.ecosystem-atlas .atlas-footer{color:#7b7e64}
.ecosystem-atlas .atlas-footer a{color:#397552}
.ecosystem-atlas .course-map{background:#1b5a49;border-color:#5c9475;box-shadow:0 5px 0 #174434;border-radius:22px}
.ecosystem-atlas .course-tile{background:#fff3d7;border-color:#f7dea1;color:#2c6249;box-shadow:0 4px 0 #cbb777}
.ecosystem-atlas .course-tile b{color:#285b42}
.ecosystem-atlas .course-tile>span{color:#93712f}
.ecosystem-atlas .course-tile small{color:#68745b}
.ecosystem-atlas .course-core b{color:#fff0b9}
.ecosystem-atlas .course-core small{color:#c1ddc6}
.ecosystem-atlas .course-game{background:#efcb77;border-color:#f8dda0;color:#31523b;box-shadow:0 4px 0 #ab8540}
.ecosystem-atlas .course-game b,.ecosystem-atlas .course-game>span{color:#3c593c}
.ecosystem-atlas .atlas-forge{background:#e1ecdb;border-color:#adc49d;border-radius:17px}
.ecosystem-atlas .atlas-forge-steps button{background:#faf5e5;color:#456a4d;border-color:#bccaa5;border-radius:12px;min-height:64px}
.ecosystem-atlas .atlas-forge-steps small{color:#8b783e;font-size:10px}
.ecosystem-atlas .atlas-forge-steps [aria-pressed=true]{background:#226d4d;color:#fff6d8;border-color:#145239}
.ecosystem-atlas .atlas-forge-steps [aria-pressed=true] small{color:#f5d98c}
.ecosystem-atlas .atlas-skill-chart>div{background:#faf5e7;border-color:#cbd0ae;border-radius:12px;box-shadow:0 3px 0 #d7dcc4}
.ecosystem-atlas .atlas-skill-chart b{color:#335b42}
.ecosystem-atlas .atlas-skill-chart small{color:#7b7952}
.ecosystem-atlas .atlas-alpha-callout{display:flex;gap:18px;flex-wrap:wrap;align-items:center;background:#e3efd6;border:1px solid #bbca9c;border-radius:18px;padding:22px;margin-bottom:30px;box-shadow:0 5px 0 #c7d5af}
.ecosystem-atlas .atlas-alpha-callout>div{flex:1 1 260px}
.ecosystem-atlas .atlas-alpha-callout h2{font-size:23px;margin:0 0 8px}
.ecosystem-atlas .atlas-alpha-callout p{font-size:14px;margin:0}
.ecosystem-atlas dialog{background:#fff9e9;color:#2c503d;border:1px solid #c5b78b;border-radius:20px;box-shadow:0 25px 80px #0b342b4d}
.ecosystem-atlas .contents-dialog-heading button{background:#e6edda;color:#355b42}
.ecosystem-atlas .atlas-toast{color:#fff3d7;background:#174e3c;border-color:#507d55}
.ecosystem-atlas .reading-progress{background:#062f28}
.ecosystem-atlas .reading-progress i{background:#f1d281}

/* Existing staking layout, with the same data and wallet controls. */
.ecosystem-vault{font-size:14px}
.ecosystem-vault .vault-heading h1{color:#214939}
.ecosystem-vault .vault-heading h1 em{color:#a1712e}
.ecosystem-vault .intro{color:#627361}
.ecosystem-vault .eyebrow{color:#957024;font-size:11px;font-weight:700}
.ecosystem-vault .heading-seal{color:#896c2e;border-color:#b8a564;outline-color:#bdad76;background:#f8eac3;box-shadow:inset 0 0 0 5px #fff9e54d,0 8px 22px #7f6c2820}
.ecosystem-vault .vault-nav .current{color:#f7d480}
.ecosystem-vault .wallet-button,.ecosystem-vault .gold-button{background:linear-gradient(#fbe19a,#edc062);color:#3e4226;border:1px solid #d7a746;box-shadow:inset 0 2px #fff2ba,0 4px 0 #ad8030;border-radius:10px;min-height:44px;font-weight:700}
.ecosystem-vault .wallet-dot{background:#386e41;box-shadow:none}
.ecosystem-vault .network-banner{background:#e5eed8;border:1px solid #b8c99e;box-shadow:0 4px 0 #d2ddbd;border-radius:14px}
.ecosystem-vault .network-banner b{color:#345a3f;font-size:14px}
.ecosystem-vault .network-banner p{color:#67765c;font-size:12px}
.ecosystem-vault .network-banner>button{color:#386347;min-height:44px;font-weight:700}
.ecosystem-vault .network-banner.unavailable{background:#f6e8da;border-color:#d7b59c}
.ecosystem-vault .network-banner.unavailable p{color:#86583f}
.ecosystem-vault .chain-pill{color:#5e7047;border-color:#b9c59b;background:#f9f5e7}
.ecosystem-vault .panel{background:#fffbef;border:1px solid #dbccaa;border-radius:19px;box-shadow:inset 0 2px #fff,0 5px 0 #dfd0ae,0 18px 26px #8065280d}
.ecosystem-vault .panel:before{background:none}
.ecosystem-vault .treasury-card{background:linear-gradient(145deg,#245f48,#143e33);border-color:#4a795b;box-shadow:inset 0 2px #ffffff13,0 5px 0 #0e322a,0 18px 28px #31563d20;color:#fff4cf}
.ecosystem-vault .treasury-card .eyebrow,.ecosystem-vault .treasury-card .live-indicator{color:#efd18a}
.ecosystem-vault .treasury-card .pool-stats span,.ecosystem-vault .treasury-card .pool-stats small{color:#c4ddc4}
.ecosystem-vault .treasury-card .mint{color:#bce49b}
.ecosystem-vault .coin-note{color:#d9e6c2}
.ecosystem-vault .coin-orbit{border-color:#bfd49c42}
.ecosystem-vault .coin-halo{background:radial-gradient(ellipse,#a1bf7c50,transparent 70%)}
.ecosystem-vault .treasury-caption{color:#c3d9b8;background:#113b2e;border-color:#66825c5c}
.ecosystem-vault .treasury-caption b{color:#fff0c4}
.ecosystem-vault .stake-card h2,.ecosystem-vault .position-heading h2{color:#31513a}
.ecosystem-vault .amount-heading{color:#62735a}
.ecosystem-vault .amount-heading button{background:#e4eed6;border:1px solid #becea7;color:#3e6943;padding:5px 12px}
.ecosystem-vault .amount-field{background:#f3edda;border:1px solid #cbb98c;box-shadow:inset 0 2px 4px #6d572b10}
.ecosystem-vault .amount-field input{color:#244c38}
.ecosystem-vault .amount-field input::placeholder{color:#899274;opacity:1}
.ecosystem-vault .amount-field>span{color:#7f754a}
.ecosystem-vault .balance-line,.ecosystem-vault .balance-line b,.ecosystem-vault .stake-estimate b,.ecosystem-vault .position-meta b{color:#48664d}
.ecosystem-vault .minimum-hint,.ecosystem-vault .form-note,.ecosystem-vault .position-caption,.ecosystem-vault .coin-note,.ecosystem-vault .reward-subline{line-height:1.8}
.ecosystem-vault .stake-estimate{background:#edf1df;border-color:#d1d8bb}
.ecosystem-vault .form-error{color:#ab3f32}
.ecosystem-vault .wallet-overview{background:#fef7e5;border-color:#d4c098;border-radius:16px;box-shadow:0 4px 0 #e1d0aa}
.ecosystem-vault .wallet-overview strong,.ecosystem-vault .wallet-native strong{color:#365b3e}
.ecosystem-vault .wallet-overview p,.ecosystem-vault .wallet-overview .stat-label{color:#707759}
.ecosystem-vault .wallet-native button,.ecosystem-vault .position-refresh{color:#346c47;border-color:#b7c99e;background:#eaf1dc;min-height:40px;padding-inline:12px;border-radius:8px}
.ecosystem-vault .status-chip{color:#3e6342;background:#e4edcf;border-color:#b7c999}
.ecosystem-vault .position-value{color:#315f41}
.ecosystem-vault .mint{color:#27774f}
.ecosystem-vault .position-meter,.ecosystem-vault .cooldown-track{background:#e7e7cf}
.ecosystem-vault .position-meter i{background:#4f9663}
.ecosystem-vault .cooldown-track i{background:#c9a34c}
.ecosystem-vault .countdown b{color:#63552f;background:#f6eed3;border-color:#ddcda5}
.ecosystem-vault .countdown small{color:#978257}
.ecosystem-vault .countdown>span{color:#af9a60}
.ecosystem-vault .mint-button{background:#337950;color:#fff9e5;border-color:#2b603c;box-shadow:inset 0 1px #ffffff2b,0 4px 0 #205137;border-radius:10px;min-height:44px}
.ecosystem-vault .outline-button{background:#f8f3df;color:#466b47;border:1px solid #b8c29a;box-shadow:0 3px 0 #d7dbbd;border-radius:10px;min-height:44px}
.ecosystem-vault .outline-button:hover:not(:disabled){background:#eaf1da;border-color:#8ba977}
.ecosystem-vault .activity-row{border-color:#dbd4b9}
.ecosystem-vault .activity-row a{color:#33724a}
.ecosystem-vault .activity-row b{color:#3b7c4e}
.ecosystem-vault .activity-row .tx-pending{color:#977126}
.ecosystem-vault .activity-row .tx-failed{color:#a94739}
.ecosystem-vault .vault-guide b{color:#466742}
.ecosystem-vault .vault-guide small{color:#7e8262}
.ecosystem-vault .vault-footer{color:#647556;border-color:#c9ccaa}
.ecosystem-vault .vault-footer>a:first-child{color:#44603c}
.ecosystem-vault dialog{background:#fff9e8;color:#35583f;border:1px solid #cbb788;border-radius:21px;box-shadow:0 24px 90px #18382955}
.ecosystem-vault dialog h2{color:#36583e}
.ecosystem-vault dialog::backdrop,.ecosystem-atlas dialog::backdrop{background:#0c3028b8;backdrop-filter:blur(7px)}
.ecosystem-vault .modal-head>button{color:#597254;background:#e8edda;border-color:#c5ceb0;min-width:40px;min-height:40px;border-radius:50%}
.ecosystem-vault .wallet-options button{background:#fcf7e5;border-color:#d3c49c;color:#3e6244;border-radius:13px;box-shadow:0 3px 0 #e4d6b4;min-height:66px}
.ecosystem-vault .wallet-options button:hover{background:#edf1dc;border-color:#b0c594}
.ecosystem-vault .wallet-options small{color:#788164}
.ecosystem-vault .transaction-facts dt{color:#7d8267}
.ecosystem-vault .transaction-facts dd,.ecosystem-vault .confirmation-amount{color:#395f42}
.ecosystem-vault #walletHelp p{color:#6a785d}
.ecosystem-vault #walletHelp>a:not(.gold-button),.ecosystem-vault .disconnect-button{color:#386f4b}
.ecosystem-vault .cancel-button{color:#7a7457}
.ecosystem-vault .toast{background:#204e39;color:#fff0c8;border-color:#648353;box-shadow:0 12px 28px #183c2633}
@media(max-width:900px){
  .ecosystem-atlas .atlas-layout{gap:24px}
  .ecosystem-atlas .atlas-header nav{gap:14px}
  .ecosystem-atlas .atlas-header nav a:last-child{padding:8px 12px}
  .ecosystem-vault .vault-nav{gap:12px}
}
@media(max-width:600px){
  .ecosystem-atlas .article-body{font-size:15px;line-height:1.85}
  .ecosystem-atlas .atlas-header{padding-inline:16px;gap:10px}
  .ecosystem-atlas .article-heading h1{font-size:37px}
  .ecosystem-atlas .atlas-alpha-callout{padding:17px}
  .ecosystem-atlas .article-actions{gap:14px}
  .ecosystem-atlas .atlas-alpha-callout .atlas-button{width:100%;text-align:center}
  .ecosystem-vault .vault-nav{padding-inline:16px}
  .ecosystem-vault .wallet-button{padding:10px 12px}
  .ecosystem-vault .network-banner{padding:14px;gap:10px;flex-wrap:wrap}
  .ecosystem-vault .network-banner>div{flex:1 1 190px}
  .ecosystem-vault .network-banner>button{margin-left:0}
  .ecosystem-vault .vault-heading h1{font-size:43px}
  .ecosystem-vault .vault-shell{padding-inline:18px}
}
@media(prefers-reduced-motion:reduce){
  .ecosystem-atlas .atlas-card,.ecosystem-atlas .path-pair>a,.ecosystem-atlas .shortcut-directory>a{transition:none}
  .ecosystem-vault .coin-stage img,.ecosystem-vault .coin-orbit,.ecosystem-vault .coin-halo{animation:none}
}

/* October quality pass: readable guides and wallet panels from narrow phones
   to wide desktop windows. These rules resolve older theme-layer overrides. */
.ecosystem-atlas,.ecosystem-vault{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.ecosystem-atlas :is(main,article,section,aside,nav,div),
.ecosystem-vault :is(main,section,article,div){min-width:0}
.ecosystem-atlas .atlas-layout{
  width:100%;max-width:1500px;grid-template-columns:230px minmax(0,1fr) 210px;
  gap:32px;padding-inline:clamp(20px,3vw,40px);
}
.ecosystem-atlas .atlas-sidebar{max-height:calc(100vh - 88px);max-height:calc(100dvh - 88px);overscroll-behavior:contain}
.ecosystem-atlas .article-rail{max-height:calc(100vh - 130px);max-height:calc(100dvh - 130px);overscroll-behavior:contain}
.ecosystem-atlas .article-heading h1{font-size:clamp(34px,4vw,56px);line-height:1.13;overflow-wrap:break-word}
.ecosystem-atlas .article-lead{font-size:17px;line-height:1.75}
.ecosystem-atlas .article-body{font-size:16px;line-height:1.8}
.ecosystem-atlas .article-body :is(p,li,td,th,h2,h3){overflow-wrap:break-word}
.ecosystem-atlas .article-body h3{line-height:1.4}
.ecosystem-atlas .article-body :is(.atlas-card p,.chart-note p,.path-pair p){font-size:15px;line-height:1.7}
.ecosystem-atlas :is(.chapter>a,.atlas-header nav a,.rail-shortcuts nav>a,.page-turns a){min-height:44px}
.ecosystem-atlas .chapter>a{font-size:14px;line-height:1.5;align-items:center}
.ecosystem-atlas .atlas-header nav a{display:inline-flex;align-items:center}
.ecosystem-atlas :is(.atlas-motion,.community-icon,.contents-dialog-heading button){min-width:44px;min-height:44px;width:44px;height:44px;flex-shrink:0}
.ecosystem-atlas .contents-button{min-height:44px;font-size:13px}
.ecosystem-atlas .atlas-search input{font-size:16px;min-height:46px}
.ecosystem-atlas .article-breadcrumb{flex-wrap:wrap;gap:7px 12px;line-height:1.6}
.ecosystem-atlas .article-rail button{min-height:36px;line-height:1.5}
.ecosystem-atlas .article-hero:not(.atlas-coin):not(.atlas-loot){max-height:none}
.ecosystem-atlas .article-hero:not(.atlas-coin):not(.atlas-loot) img{height:auto;aspect-ratio:auto;object-fit:contain}
.ecosystem-atlas :is(.path-pair,.page-turns,.currency-pair,.rule-grid,.network-settings,.tool-directory){grid-template-columns:repeat(2,minmax(0,1fr))}
.ecosystem-atlas :is(.guide-flow,.stake-route){grid-template-columns:repeat(4,minmax(0,1fr))}
.ecosystem-atlas .table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.ecosystem-atlas .article-body table{font-size:13px;line-height:1.6}
.ecosystem-atlas .article-body :is(td,th){padding:12px 14px}
.ecosystem-atlas .article-body code{font-size:13px;line-height:1.65}
.ecosystem-atlas :is(.network-settings button,.network-settings a){font-size:14px;min-height:44px;display:inline-flex;align-items:center;text-align:left}
.ecosystem-atlas :is(.network-settings small,.network-settings em,.card-read,.shortcut-directory small,.tool-directory small,.atlas-forge-steps small,.atlas-skill-chart small){font-size:12px;line-height:1.6}
.ecosystem-atlas .atlas-forge-copy{font-size:15px;line-height:1.75;min-height:0}
.ecosystem-atlas .atlas-forge-steps button{font-size:14px;overflow-wrap:break-word}
.ecosystem-atlas .article-body .atlas-button{font-size:14px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
.ecosystem-atlas .atlas-footer{font-size:12px;line-height:1.7;flex-wrap:wrap}
.ecosystem-atlas dialog,.ecosystem-vault dialog{
  max-width:calc(100% - 24px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);
  overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
}
.ecosystem-atlas .contents-dialog-heading{gap:14px;align-items:center}
.ecosystem-atlas .atlas-toast,.ecosystem-vault .toast{max-width:calc(100% - 28px);overflow-wrap:anywhere;line-height:1.6}

.ecosystem-vault .vault-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ecosystem-vault .position-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ecosystem-vault .vault-shell{width:100%;max-width:1280px}
.ecosystem-vault :is(.vault-heading h1,.stake-card h2,.position-heading h2){overflow-wrap:break-word}
.ecosystem-vault :is(.pool-stats strong,.position-value,.wallet-overview strong){white-space:normal;overflow-wrap:anywhere;line-height:1.3}
.ecosystem-vault .treasury-card .pool-stats strong{color:#fff4cf}
.ecosystem-vault .treasury-card .pool-stats strong.mint{color:#bce49b}
.ecosystem-vault :is(.card-top,.treasury-caption,.balance-line,.position-meta,.stake-estimate>div,.transaction-facts>div){flex-wrap:wrap}
.ecosystem-vault .treasury-caption{gap:8px 20px}
.ecosystem-vault :is(.position-caption,.minimum-hint,.form-note,.wallet-overview p,.vault-guide small){font-size:13px;line-height:1.7}
.ecosystem-vault :is(.reward-subline,.status-chip,.live-indicator,.countdown small){font-size:11px;line-height:1.5}
.ecosystem-vault .reward-subline{height:auto;min-height:18px;flex-wrap:wrap}
.ecosystem-vault .countdown{height:auto;min-height:64px;flex-wrap:wrap;gap:12px;margin-block:12px}
.ecosystem-vault .countdown b{font-size:30px}
.ecosystem-vault .countdown small{letter-spacing:.02em}
.ecosystem-vault :is(button,.wallet-native button,.position-refresh,.modal-head>button,.vault-network-card a){min-height:44px}
.ecosystem-vault :is(.motion-button,.modal-head>button){width:44px;height:44px;min-width:44px;flex-shrink:0}
.ecosystem-vault .header-controls{min-width:0;flex-shrink:0}
.ecosystem-vault .vault-nav nav a{min-height:44px}
.ecosystem-vault .wallet-button{font-size:13px;max-width:200px;white-space:normal}
.ecosystem-vault .wallet-button #walletLabel{overflow-wrap:anywhere;min-width:0}
.ecosystem-vault .network-banner>div{min-width:0}
.ecosystem-vault :is(.network-banner p,.network-banner b,.vault-network-card a,.vault-network-card button,.activity-row a,.transaction-facts dd){overflow-wrap:anywhere}
.ecosystem-vault .vault-network-card :is(a,button){font-size:13px;line-height:1.5;text-align:left}
.ecosystem-vault :is(.vault-footer,.vault-guide){flex-wrap:wrap}
.ecosystem-vault .vault-footer :is(a,button){font-size:12px;min-height:44px;display:inline-flex;align-items:center}
.ecosystem-vault .wallet-options small,.ecosystem-vault dialog .muted{font-size:13px;line-height:1.65}
.ecosystem-vault .modal-head{gap:16px}
.ecosystem-vault .transaction-facts dd{margin-left:auto;text-align:right}

@media(max-width:1320px){
  .ecosystem-atlas .atlas-layout{grid-template-columns:220px minmax(0,1fr);max-width:1160px;gap:28px}
  .ecosystem-atlas .article-rail{position:static;grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-height:none;overflow:visible;padding:0 0 28px}
  .ecosystem-atlas .article-rail>:is(#pageOutline,.tiny-label,.rail-note){display:none}
  .ecosystem-atlas .guide-flow,.ecosystem-atlas .stake-route{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1100px){
  .ecosystem-vault .position-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ecosystem-vault .position-grid>.panel:last-child{grid-column:1/-1}
}
@media(max-width:900px){
  .ecosystem-atlas .atlas-layout{display:block;max-width:860px;padding-inline:24px}
  .ecosystem-atlas .atlas-sidebar{display:none}
  .ecosystem-atlas .atlas-header nav{gap:12px}
  .ecosystem-atlas .article-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .ecosystem-vault .vault-grid,.ecosystem-vault .position-grid{grid-template-columns:minmax(0,1fr)}
  .ecosystem-vault .position-grid>.panel:last-child{grid-column:auto}
  .ecosystem-vault .vault-nav{min-height:80px;height:auto;flex-wrap:wrap;padding-block:12px}
  .ecosystem-vault .wallet-button{font-size:12px;padding:10px 12px}
  .ecosystem-vault .header-controls{gap:8px;margin-left:auto}
  .ecosystem-vault input,.ecosystem-vault select{font-size:16px;min-height:44px}
  .ecosystem-vault .amount-field input{font-size:27px}
  .ecosystem-vault .treasury-card,.ecosystem-vault .stake-card,.ecosystem-vault .position-grid .panel{padding-inline:22px}
  .ecosystem-vault .treasury-caption{margin-inline:-22px;padding-inline:22px}
  .ecosystem-vault .vault-shell{padding-inline:18px}
  .ecosystem-vault .pool-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .ecosystem-vault .pool-stats>div+div{padding-left:14px}
  .ecosystem-vault .pool-stats strong{font-size:clamp(24px,5.5vw,30px)}
  .ecosystem-vault .position-caption{min-height:0}
  .ecosystem-vault .activity-heading{flex-wrap:wrap}
  .ecosystem-atlas .network-settings{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:620px){
  .ecosystem-atlas .atlas-layout{padding-inline:18px}
  .ecosystem-atlas .atlas-header{height:auto;min-height:76px;padding:12px 14px;gap:10px;flex-wrap:wrap}
  .ecosystem-atlas .atlas-header-controls{margin-left:auto;gap:6px}
  .ecosystem-atlas .atlas-brand{gap:8px}
  .ecosystem-atlas .atlas-brand img{width:32px;height:32px;flex-shrink:0}
  .ecosystem-atlas .atlas-brand span{font-size:11px;letter-spacing:.06em}
  .ecosystem-atlas .atlas-brand small{font-size:8px;letter-spacing:.08em}
  .ecosystem-atlas .contents-button{padding:9px 10px}
  .ecosystem-atlas .article-heading h1{font-size:clamp(33px,8vw,43px)}
  .ecosystem-atlas .article-lead{font-size:16px}
  .ecosystem-atlas .article-body{font-size:16px;line-height:1.8}
  .ecosystem-atlas .article-rail{grid-template-columns:minmax(0,1fr)}
  .ecosystem-atlas .path-pair,.ecosystem-atlas .currency-pair,.ecosystem-atlas .rule-grid,.ecosystem-atlas .tool-directory{grid-template-columns:minmax(0,1fr)}
  .ecosystem-atlas .article-body table{font-size:13px;min-width:440px}
  .ecosystem-atlas .article-body code{font-size:13px}
  .ecosystem-atlas .article-body .atlas-button{font-size:14px}
  .ecosystem-atlas .deepwater-banner{flex-direction:column;align-items:flex-start;padding:22px}
  .ecosystem-atlas .course-map{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ecosystem-atlas .course-tile{overflow-wrap:break-word}
  .ecosystem-atlas .atlas-footer{gap:14px}
}
@media(max-width:380px){
  .ecosystem-atlas .atlas-layout{padding-inline:14px}
  .ecosystem-atlas .atlas-brand span{font-size:10px}
  .ecosystem-atlas .atlas-brand small{font-size:7px}
  .ecosystem-atlas .contents-button{font-size:12px;padding-inline:8px}
  .ecosystem-atlas .contents-dialog-heading h2{font-size:24px}
  .ecosystem-atlas .atlas-skill-chart{grid-template-columns:minmax(0,1fr)}
  .ecosystem-vault .vault-nav{padding-inline:14px;gap:10px}
  .ecosystem-vault .vault-brand span{font-size:9px}
  .ecosystem-vault .vault-brand small{font-size:7px}
  .ecosystem-vault .header-controls{gap:6px}
  .ecosystem-vault .wallet-button{font-size:11px;padding-inline:10px}
  .ecosystem-vault .vault-shell{padding-inline:14px}
  .ecosystem-vault .treasury-card,.ecosystem-vault .stake-card,.ecosystem-vault .position-grid .panel{padding-inline:18px}
  .ecosystem-vault .treasury-caption{margin-inline:-18px;padding-inline:18px}
  .ecosystem-vault .vault-guide{grid-template-columns:minmax(0,1fr)}
}