/* Profil Saya uses full-width cards so both profile details and activity tabs
   span the available content area. */
#content:has(.profile-layout){
  max-width:none;
  width:100%;
  margin-left:0;
  margin-right:0;
}
.profile-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  min-width:0;
  width:100%;
}
.profile-layout>*{min-width:0;width:100%}
.profile-layout .card{min-width:0;max-width:100%}
.profile-layout>:first-child{overflow-wrap:anywhere}
.profile-layout .tabs{width:fit-content;max-width:100%;flex-wrap:wrap}
.profile-layout .tab{flex:0 0 auto;white-space:nowrap}
.profile-layout>:first-child .grid.grid-2{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:980px){
  .profile-layout>:first-child .grid.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .profile-layout>:first-child .grid.grid-2{grid-template-columns:1fr}
}