/* CitiZoomWash responsive layer — Binary Tree is the only scrollable wide surface. */
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}
.mobile-language-panel,.mobile-join-link{display:none}
.binary-tree-scroll{max-width:1120px;margin:32px auto;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-color:#8ccfc8 #e8f6f3;scrollbar-width:thin}
.binary-tree-scroll .binary-tree{max-width:none!important;margin:0 auto}

@media(max-width:1100px){
  .site-header{gap:16px;padding-left:clamp(18px,3vw,42px);padding-right:clamp(18px,3vw,42px)}
  .desktop-nav{gap:13px}.desktop-nav a{font-size:12px}.header-actions{gap:7px}
  .binary-tree-scroll .binary-tree{min-width:960px;padding-left:16px;padding-right:16px}
  .binary-tree-scroll .tree-children{gap:38px}.binary-tree-scroll .branch .tree-children{gap:12px}
}

@media(min-width:581px) and (max-width:900px){
  .path-grid,.engine-columns,.engine-columns.large,.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .path-card:nth-child(4),.path-card:nth-child(5){grid-column:auto}.engine-card{min-height:250px}
  .page-hero{padding-left:clamp(28px,6vw,58px);padding-right:clamp(28px,6vw,58px)}
  .section{padding-left:clamp(28px,6vw,58px);padding-right:clamp(28px,6vw,58px)}
}

@media(max-width:900px){
  .header-actions>.language-switcher{display:none}
  .menu-open .desktop-nav{z-index:30;box-shadow:0 16px 28px rgba(7,27,48,.10)}
  .menu-open .desktop-nav .mobile-join-link{display:block;padding:12px 0;color:var(--ink);font-weight:700}
  .menu-open .desktop-nav .mobile-language-panel{display:block;margin-top:10px;padding-top:15px;border-top:1px solid var(--line)}
  .mobile-language-panel>span{display:block;margin-bottom:8px;color:#56717f;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
  .mobile-language-switcher{display:flex;width:max-content;max-width:100%}
  .mobile-language-switcher button{min-height:38px;padding:8px 12px;font-size:11px}
  .binary-live-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reward-breakdown .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:580px){
  .notice-bar{min-height:30px;height:auto;padding:6px 10px;text-align:center;line-height:1.25}
  .site-header{padding-left:14px;padding-right:14px}.brand{min-width:0}.brand>span:last-child{min-width:0}.brand strong{white-space:nowrap}
  .menu-open .desktop-nav{padding:10px 18px 20px}.mobile-language-switcher{width:100%}
  .mobile-language-switcher button{flex:1;min-width:0;padding:9px 4px;font-size:10px}
  .home-hero{overflow:hidden}.hero-copy h1{font-size:clamp(39px,13vw,49px)}.hero-slogan{font-size:clamp(20px,6.5vw,25px)}.hero-intro{font-size:14px}
  .hero-orbit{width:100%;max-width:330px;margin-left:auto;margin-right:auto}
  .section-heading h2,.page-hero h1{font-size:clamp(29px,9vw,38px);overflow-wrap:anywhere}.page-hero{align-items:flex-start}
  .page-hero p,.page-intro{overflow-wrap:anywhere}.section{padding-left:18px;padding-right:18px}
  .path-card,.engine-card,.info-card,.product-cards article{min-width:0}.path-card h3,.engine-card h3,.info-card h3{overflow-wrap:anywhere}
  .binary-calculator-intro h2{font-size:23px}.binary-top-controls,.binary-top-controls label,.binary-top-controls select,.binary-reset{width:100%}
  .binary-tree-scroll{margin:22px 0 24px;border:1px solid #d7e5e6;border-radius:12px;background:#fbfefd}
  .binary-tree-scroll .binary-tree{transform:none!important;width:960px!important;min-width:960px;margin:0!important;padding:18px 16px 28px!important}
  .binary-tree-scroll .tree-children{gap:38px}.binary-tree-scroll .branch .tree-children{gap:12px}
  .binary-tree-scroll .member-node{min-width:100px;padding:9px 10px}
  .tree-toolbar{font-size:12px;overflow-wrap:anywhere}.binary-live-summary,.reward-breakdown .info-grid{grid-template-columns:1fr}
  .binary-live-summary>div{min-width:0}.binary-live-summary strong{font-size:17px;overflow-wrap:anywhere}.reward-breakdown .info-card{padding:19px}
  .machine-calculator{padding:18px}.machine-result-summary,.pool-calculator-result{grid-template-columns:1fr}
  .machine-result-summary strong,.pool-calculator-result strong{font-size:18px;overflow-wrap:anywhere}
  .commission-row{grid-template-columns:minmax(42px,.55fr) minmax(0,1fr) minmax(54px,.7fr);word-break:break-word}
  .data-table-wrap{margin-left:0;margin-right:0}.growth-note{align-items:flex-start}.share-result{overflow-wrap:anywhere;text-align:center}
}
