html,body{max-width:100%;overflow-x:hidden}
@media(max-width:760px){
  header{max-width:100%;gap:10px}
  header a,header nav{min-width:0}
  main{max-width:100%}
  .heading,.toolbar,.saved-grid,.saved-card,.saved-card>div,.intro,.intro>div,.shared-grid,.shared-card,.shared-card>div{min-width:0;max-width:100%}
  .heading{overflow:hidden}
  .heading h1,.saved-card h2,.intro h1,.shared-card h2{overflow-wrap:anywhere}
  .saved-card,.shared-card{width:100%;grid-template-columns:minmax(82px,105px) minmax(0,1fr)}
  .actions{max-width:100%;flex-wrap:wrap}
  .actions a,.actions button{min-width:0}
}
@media(max-width:380px){.saved-card,.shared-card{grid-template-columns:82px minmax(0,1fr)}}