@media (max-width:1023px){
  #mobileTabs{display:block;}
  #workspace{grid-template-columns:1fr;margin-top:14px;}
  .chat-panel{
    position:static;
    height:max(340px, calc(var(--vvh, 100dvh) - var(--chrome-top, 0px) - var(--dock-h, 0px) - 18px));
    min-height:0;
    display:flex;flex-direction:column;overflow:hidden;
  }
  #workspace.tab-chat .dashboard{display:none;}
  #workspace.tab-case .chat-panel{display:none;}
  #workspace > .panel, #workspace > .dashboard{max-width:760px;width:100%;margin-left:auto;margin-right:auto;}
  .dock-label{
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
  }
  .dock-pulse{display:block;}
}
@media (max-width:940px){
  .hero-inner{grid-template-columns:1fr;}
  .hero-visual{
    grid-template-columns:repeat(4,1fr);
    gap:14px;align-items:end;justify-items:stretch;justify-content:stretch;
    max-width:720px;margin:16px auto 0;
  }
  #card1,#card2,#card3,#card4{width:100%;margin-top:0;}
  #card1{grid-area:1/1;}
  #card2{grid-area:1/2;}
  #card3{grid-area:1/3;}
  #card4{grid-area:1/4;}
  .rules-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:560px){
  .hero-copy h1{max-width:none;}
  .hero-phone-visual{display:block;max-width:330px;margin:16px auto 2px;}
  .hero-visual{display:none;}
  .lead-more{display:none;}
  .lead-more + span::before{content:". ";}
  .hero-visual{
    grid-template-columns:1fr 1fr;
    gap:12px;align-items:start;justify-items:stretch;justify-content:stretch;
    max-width:250px;margin:14px auto 0;
  }
  #card1,#card2,#card3,#card4{width:100%;}
  #card1{grid-area:1/1;}
  #card2{grid-area:1/2;margin-top:12px;}
  #card3{grid-area:2/1;}
  #card4{grid-area:2/2;margin-top:0;}
  .map-flex{flex-direction:column;}
  .map-side{flex:1 1 auto;width:100%;}
  .rules-grid{grid-template-columns:1fr;}
  .export-row .btn{flex:1 1 100%;}
  .composer-entry{flex:1 1 100%;}
  .composer-row{row-gap:10px;}
  #topbar{padding:8px 14px;font-size:12px;}
  .topbar-row{gap:6px 10px;}
  .topbar-row::before{content:"";flex:0 0 100%;height:0;order:3;}
  .topbar-row p{flex:1 1 60%;min-width:0;line-height:1.38;order:4;}
  .disclaimer-more{display:none;}
  .brand{order:1;gap:7px;}
  .brand-mark{width:22px;height:22px;}
  .brand-word{font-size:13.5px;}
  .lang-toggle{order:2;margin-left:auto;}
  #learnMoreBtn{order:5;flex:0 0 auto;}
  .site-nav{order:2;margin-left:auto;}
  .site-nav + .lang-toggle, .site-nav ~ .lang-toggle{margin-left:4px;}
  .site-nav[hidden] ~ .lang-toggle{margin-left:auto;}
  .site-nav-link{padding:5px 7px;font-size:12px;}
  .composer-hint{font-size:11.5px;margin-top:6px;}
  #usMap{flex:0 0 auto;max-height:none;}
  .map-wrap{padding:16px 14px 12px;}
}
@media (max-height: 740px){
  #topbar{position:static;}
}
@media (max-width: 460px){
  .dock-label{
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
  }
  .dock-pulse{font-size:11.5px;max-width:52%;}
}
@media (max-width:400px){
  #hero{padding:40px 12px 28px;}
  #workspace{padding:0 10px;}
  .dock-progress{padding:0 12px;gap:8px;}
  #mobileTabs button{padding:12px 6px;font-size:14px;}
  .composer{padding-left:10px;padding-right:10px;}
  .sensitive-note{font-size:12px;gap:6px;}
  .sensitive-note.is-first-run{padding:7px 9px;}
  .panel-head{padding:14px 12px;flex-wrap:wrap;}
  .dash-section{padding:16px 12px;}
  #chatMessages{padding:14px 12px 8px;}
  .msg{max-width:94%;}
  .topbar-row{gap:8px;}
  #topbar{padding:10px 12px;}
}
@media (max-width:374px){
  .topbar-row{column-gap:4px;}
  .site-nav-link{padding:5px 2px;}
  .lang-toggle button{padding:4px 7px;}
  .brand-word{font-size:12.5px;}
}
@media (max-width:374px) and (pointer:coarse){
  .lang-toggle button{padding:6px 10px;min-width:44px;}
}