html,body{max-width:100%;overflow-x:hidden}
main,.view,.view>*{min-width:0;max-width:100%}
@media(max-width:680px){
  body{padding-bottom:66px}
  .topbar{width:100%;gap:10px;justify-content:space-between}
  .brand{min-width:0;gap:8px}
  .brand-mark{width:34px;height:34px;min-width:34px}
  .brand strong{font-size:13px;letter-spacing:.12em}
  .brand small{font-size:8px;letter-spacing:.25em}
  .top-actions{margin-left:0;gap:6px}
  .icon-btn{font-size:20px}
  .view{width:100%;padding:26px 16px 82px;overflow:hidden}
  .market-hero{width:auto;max-width:none}
  .hero-copy h1{font-size:clamp(32px,10vw,38px);overflow-wrap:anywhere}
  .hero-copy>p:not(.eyebrow){font-size:15px}
  .hero-actions{flex-direction:column}
  .hero-actions button{width:100%}
  .section-heading h2{font-size:26px}
  .page-title h1,.plans-head h1{font-size:clamp(30px,9vw,38px);line-height:1.08;overflow-wrap:anywhere}
  .page-title p:not(.eyebrow),.plans-head>p:not(.eyebrow){font-size:14px}
  .panel-head{align-items:flex-start;gap:10px;flex-wrap:wrap}
  .panel-head>*{min-width:0}
  .kpi-grid,.commercial-kpis,.green-kpis{grid-template-columns:1fr}
  .mobile-nav{display:flex;grid-template-columns:none;height:66px;max-height:66px;align-items:stretch;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:0 5px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .mobile-nav::-webkit-scrollbar{display:none}
  .mobile-nav button{flex:0 0 72px;min-width:72px;height:66px;padding:9px 5px;font-size:10px;line-height:1.2}
  .mobile-nav button.active{box-shadow:inset 0 3px 0 var(--aqua)}
  .segment,.hub-tabs,.network-tabs,.admin-tabs,.operations-tabs,.finance-tabs,.intelligence-tabs,.crew-tabs,.green-tabs,.voyage-tabs,.commercial-tabs{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .segment::-webkit-scrollbar,.hub-tabs::-webkit-scrollbar,.network-tabs::-webkit-scrollbar,.admin-tabs::-webkit-scrollbar,.operations-tabs::-webkit-scrollbar,.finance-tabs::-webkit-scrollbar,.intelligence-tabs::-webkit-scrollbar,.crew-tabs::-webkit-scrollbar,.green-tabs::-webkit-scrollbar,.voyage-tabs::-webkit-scrollbar,.commercial-tabs::-webkit-scrollbar{display:none}
  .finder,.listing,.timeline-panel,.health-panel,.trust-grid>article,.workspace-card,.hub-card,.network-card,.admin-card,.operations-card,.finance-card,.intelligence-card,.crew-card,.green-card,.voyage-card,.commercial-card{max-width:100%;min-width:0}
  .fleet-table,.certificate-table,.offer-compare,.finance-table,.performance-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .modal-backdrop{padding:12px}
  .modal{width:100%;max-height:calc(100dvh - 24px);overflow-y:auto;padding:24px 18px}
  .toast{left:12px;right:12px;bottom:78px;width:auto}
}
@media(max-width:380px){
  .brand strong{font-size:12px}
  .brand small{font-size:7px}
  .top-actions .profile{display:none}
  .view{padding-left:12px;padding-right:12px}
  .market-hero{margin-left:-12px;margin-right:-12px}
}