/* The phone layer: max-width 640px only, loaded last. Kept identical in site/shared and binder/shared. */
@media (max-width:640px){
  body{font-size:17px}
  .top .wrap{min-height:52px}
  .top nav a{padding:0 10px}
  .card{padding:18px;border-radius:14px}
  .grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .actions .btn{flex:1 1 auto}
  .foot .wrap{flex-direction:column;align-items:flex-start}
}
@media (max-width:360px){
  .brand span{font-size:17px}
  .top nav a{padding:0 8px}
}